@charset "UTF-8";
/*
============================================
============================================
* author: los de siempre
* 
============================================
============================================
*/
@import url("https://web.archive.org/web/20191212163131cs_/https://fonts.googleapis.com/css?family=Alegreya+Sans:300i,400,500,700,800,900|Alegreya:400,400i,500,500i,700,700i,800,900|Alegreya+Sans+SC:400,600,700|Material+Icons&display=swap");
* {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  background-repeat: no-repeat; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, button,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

* html .clearfix {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1; }

/* IE7 */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

img {
  max-width: 100%; }

button {
  background: none;
  border-radius: 0; }

a, a:hover, a:focus, a:active, input:focus, textarea:focus, button:focus, div:focus {
  text-decoration: none;
  outline: none;
  color: inherit; }

ul, li {
  padding: 0;
  margin: 0;
  list-style: none; }

.block {
  padding: 112px 54px; }
  .block--topbottom {
    padding: 100px 0px; }
  .block--sides {
    padding: 0 54px; }
  .block--half {
    padding: 54px; }

.icon {
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; }
  .icon--search {
    width: 18px;
    height: 18px;
    background-image: url(/web/20191212163131im_/https://tienda.elsurti.com/wp-content/themes/surti-tienda_20190718/html/assets/img/icon--search-black.svg);
    cursor: pointer;
    /*&:hover{ @extend .hover;}*/ }
  .icon--cart {
    width: 19px;
    height: 19px;
    background-image: url(/web/20191212163131im_/https://tienda.elsurti.com/wp-content/themes/surti-tienda_20190718/html/assets/img/icon--cart-black.svg);
    cursor: pointer;
    /*&:hover{ @extend .hover;}*/ }
  .icon--toggle {
    width: 20px;
    height: 20px;
    background-image: url(/web/20191212163131im_/https://tienda.elsurti.com/wp-content/themes/surti-tienda_20190718/html/assets/img/icon--toggle.svg);
    cursor: pointer; }
  .icon--close {
    width: 26px;
    height: 26px; }

.btn {
  border-radius: 3px;
  display: inline-block;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: bold;
  transition: all .2s ease-in-out;
  opacity: 0.9; }
  .btn:hover {
    transform: scale(1.05);
    opacity: 1; }
  .btn--primary {
    padding: 8px 28px;
    background: #F7A600;
    color: white; }
    .btn--primaryhover {
      color: white; }
  .btn--comprar {
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    border-radius: 5px;
    background-color: #F76200; }
  .btn--whatsapp {
    background-color: #0DC143;
    text-align: center;
    padding: 14px 28px;
    font-size: 20px;
    color: white;
    border-radius: 5px;
    vertical-align: middle; }
    .btn--whatsapp svg {
      max-width: 24px;
      max-height: 24px;
      vertical-align: middle;
      margin-right: 8px; }
  .btn--mas {
    background-color: transparent;
    text-align: center;
    padding: 8px 28px;
    font-size: 20px;
    color: #212121;
    vertical-align: middle;
    border: 1px solid #212121; }
    .btn--mas:hover {
      background: #212121;
      color: white; }

.bg--white {
  background: white !important; }

.bg--bgrey {
  background: #78909c; }

.bg--grey {
  background: #f5f5f5; }

.bg--light {
  background: #FBFBFB; }

.bg--white {
  background: white; }

.bg--border {
  border-bottom: #f5f5f5; }

.bg--grey50 {
  background: #FBFBFB; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54); }

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: white; }

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3); }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.hover {
  filter: invert(100) sepia(0) hue-rotate(100deg);
  transition: 0.4s ease all; }

html {
  scroll-behavior: smooth; }

body {
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 16px;
  scroll-behavior: smooth;
  color: #212121;
  background: #fafafa;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.5s ease 0s; }

h1 {
  font-size: 64px;
  font-family: 'Alegreya Sans'; }

h2 {
  font-family: 'Alegreya Sans';
  font-size: 48px;
  margin-bottom: 13px;
  letter-spacing: -.0625rem; }

h3 {
  font-size: 40px;
  font-family: 'Alegreya Sans';
  font-weight: 900; }

h4 {
  font-size: 36px;
  font-family: 'Alegreya Sans'; }

h5 {
  font-size: 28px; }

h6 {
  font-size: 24px;
  font-family: 'Alegreya Sans';
  font-style: italic; }

p {
  font-family: 'Alegreya Sans';
  font-size: 1.2em;
  line-height: 1.5em; }

small {
  font-size: 14px; }

section:nth-of-type(odd) {
  background: #f5f5f5; }

strong {
  font-weight: 700; }

/*
══════════════════════════════════════════
	 __    __   _______     ___       _______   _______ .______
	|  |  |  | |   ____|   /   \     |       \ |   ____||   _  \
	|  |__|  | |  |__     /  ^  \    |  .--.  ||  |__   |  |_)  |
	|   __   | |   __|   /  /_\  \   |  |  |  ||   __|  |      /
	|  |  |  | |  |____ /  _____  \  |  '--'  ||  |____ |  |\  \----.
	|__|  |__| |_______/__/     \__\ |_______/ |_______|| _| `._____|
	
══════════════════════════════════════════
*/
.header {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 16px 32px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 200; }
  .header__logo {
    width: 20px; }
    .header__logo img {
      max-height: 36px;
      vertical-align: middle; }
  .header__nav {
    justify-self: end;
    align-items: center;
    display: flex;
    width: 100px;
    justify-content: space-between;
    overflow: hidden; }
    .header__nav ul {
      position: fixed;
      background: white;
      right: 0px;
      top: 0px;
      width: 280px;
      height: 100vh;
      transform: translateX(900px);
      transition: 0.5s ease all;
      box-shadow: 1px 0px 24px rgba(0, 0, 0, 0.15);
      padding: 64px;
      text-align: left; }
      .header__nav ul li {
        margin-bottom: 16px; }
  .header__icon--close {
    display: none !important; }
  .header__toggler {
    margin-left: 15px; }
  .header--home {
    padding: 32px 32px; }
  .header--sticky {
    background: #f5f5f5; }
  .header--toggled .header__nav ul {
    display: block;
    transform: translateX(0px); }
  .header--toggled .header__icon--toggle {
    display: none; }
  .header--toggled .header__icon--close {
    display: block !important;
    z-index: 343242343;
    position: relative; }

.bighero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  overflow: hidden;
  padding: 52px;
  grid-template-areas: "texto imagen";
  height: calc(100vh - 64px);
  background: url(/web/20191212163131im_/https://tienda.elsurti.com/wp-content/themes/surti-tienda_20190718/html/assets/img/banner01.jpg) center right;
  background-repeat: repeat;
  /*background-size: auto;
    background-size: 80%;*/
  background-repeat: no-repeat;
  background-size: cover; }
  .bighero__info {
    grid-area: texto;
    font-size: 24px;
    align-self: center; }
  .bighero__title {
    font-family: 'Alegreya Sans', sans-serif;
    line-height: 1.08;
    font-weight: 800;
    margin-bottom: 34px; }
  .bighero__desc {
    font-family: 'Alegreya', sans-serif; }
  .bighero__figure {
    grid-area: imagen; }

/*
══════════════════════════════════════════
	.______   .______        ______    _______   __    __    ______ .___________.  ______        _______.
	|   _  \  |   _  \      /  __  \  |       \ |  |  |  |  /      ||           | /  __  \      /       |
	|  |_)  | |  |_)  |    |  |  |  | |  .--.  ||  |  |  | |  ,----'`---|  |----`|  |  |  |    |   (----`
	|   ___/  |      /     |  |  |  | |  |  |  ||  |  |  | |  |         |  |     |  |  |  |     \   \
	|  |      |  |\  \----.|  `--'  | |  '--'  ||  `--'  | |  `----.    |  |     |  `--'  | .----)   |
	| _|      | _| `._____| \______/  |_______/  \______/   \______|    |__|      \______/  |_______/
	
══════════════════════════════════════════
*/
.prod {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-template-areas: "info slider slider";
  column-gap: 24px; }
  .prod__info {
    grid-area: info;
    align-self: center;
    padding: 0px 54px; }
    .prod__info p {
      padding-bottom: 15px; }
  .prod__carousel {
    grid-area: slider;
    overflow: hidden;
    display: block;
    position: relative; }
  .prod__item {
    padding: 0px 10px 0px 0px; }
  .prod__arrow {
    width: 29px;
    height: 76.9%;
    /*background: rgba(255,255,255,0.7);*/
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 34;
    cursor: pointer;
    top: 0;
    transition: 0.5s ease all;
    transform: translateY(24px); }
    .prod__arrow:hover {
      /*background: rgba(255,255,255,0.3);*/ }
    .prod__arrow--next {
      right: 0px; }
    .prod__arrow--prev {
      left: 0px; }
  .prod__figure {
    transition: all .2s ease-in-out; }
    .prod__figure:hover {
      transform: scale(1.01); }
    .prod__figure img {
      object-fit: cover;
      width: 400px; }
  .prod__figcaption {
    text-align: center;
    font-family: "Alegreya Sans";
    margin-top: 8px;
    color: #333333; }
    .prod__figcaption h3 {
      font-size: 18px;
      font-weight: normal; }
  .prod__price {
    color: #999; }
  .prod__feature {
    font-family: "Alegreya Sans";
    max-width: 400px;
    margin: 8px 0 16px 0; }
    .prod__feature strong {
      font-family: "Alegreya Sans SC";
      letter-spacing: 1.2px; }
    .prod__feature li {
      padding: 8px 0; }
      .prod__feature li:not(:last-child) {
        border-bottom: 1px solid #eeeeee; }
      .prod__feature li:last-child {
        font-variant-numeric: tabular-nums; }

.sprod {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  column-gap: 24px;
  align-items: center;
  grid-template-areas: "slider texto" "slider texto"; }
  .sprod__slider {
    max-width: 100%;
    grid-column: 2 span; }
  .sprod__items-wrp {
    grid-area: slider;
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 100%; }
  .sprod__items {
    overflow: hidden;
    min-width: 200px;
    margin: 0 auto;
    width: auto; }
    .sprod__items img {
      width: 100%; }
    .sprod__items figure {
      overflow: hidden; }
  .sprod__thumb {
    display: flex;
    align-items: center;
    margin: 0 auto;
    max-width: 550px;
    width: auto; }
    .sprod__thumb-item {
      padding: 10px;
      flex-basis: 40%; }
  .sprod__nav {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin: 0 auto; }
  .sprod__desc {
    grid-area: texto; }
  .sprod__items-wrp {
    max-width: 580px; }
  .sprod.about {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    column-gap: 32px;
    align-items: start;
    grid-template-areas: "texto slider slider" "texto slider-nav slider-nav"; }
    .sprod.about .sprod__nav {
      grid-area: slider-nav; }
    .sprod.about .sprod__items-wrp {
      max-width: 100%;
      width: 100%; }
    .sprod.about .sprod__thumb {
      max-width: 100%; }
    .sprod.about .sprod__thumb-item {
      padding: 20px 0; }
    .sprod.about .sprod__thumb-item:not(:last-of-type) {
      margin-right: 20px; }

.allprods__nav {
  display: flex;
  justify-content: center;
  font-family: "alegreya sans";
  color: #757575;
  font-size: 18px;
  padding: 24px 0;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  z-index: 200; }
  .allprods__nav li {
    display: inline-block;
    padding: 0px 20px; }
    .allprods__nav li a {
      display: block;
      padding: 4px 8px;
      transition: 0.1s ease all; }
      .allprods__nav li a:hover {
        background: #ffbc8f;
        color: #ff7e29;
        border-radius: 4px; }
    .allprods__nav li.active {
      background: #ffbc8f;
      color: #f56200;
      border-radius: 4px;
      font-weight: 500; }

.allprods__desc {
  text-align: center;
  max-width: 40%;
  margin: 0 auto;
  margin-bottom: 32px; }
  .allprods__desc h2 {
    letter-spacing: 0.2px; }

.allprods__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 24px;
  padding-bottom: 50px;
  background: #f5f5f5;
  border-top: 1px solid rgba(0, 0, 0, 0.05); }

.allprods__figure {
  font-family: "Alegreya Sans";
  position: relative; }
  .allprods__figure img:hover {
    transform: scale(1.01);
    transition: 1s ease all; }
  .allprods__figure .btn {
    position: absolute;
    bottom: 3px;
    right: 0;
    opacity: 0;
    transform: translateY(8px);
    transition: all 0.4s ease-out;
    letter-spacing: 1.3px; }
  .allprods__figure:hover .btn, .allprods__figure:hover .cantidad {
    opacity: 1;
    transform: translateY(0); }
  .allprods__figure--agotado:after {
    font-family: "Alegreya Sans SC";
    font-weight: 500;
    letter-spacing: 2.2px;
    position: absolute;
    content: " agotado";
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.1);
    color: #fafafa;
    top: 8px;
    right: 8px;
    padding: 4px 16px;
    font-size: 14px; }

/*
══════════════════════════════════════════
	.______   .______        ______     ______  _______     _______.     _______.
	|   _  \  |   _  \      /  __  \   /      ||   ____|   /       |    /       |
	|  |_)  | |  |_)  |    |  |  |  | |  ,----'|  |__     |   (----`   |   (----`
	|   ___/  |      /     |  |  |  | |  |     |   __|     \   \        \   \
	|  |      |  |\  \----.|  `--'  | |  `----.|  |____.----)   |   .----)   |
	| _|      | _| `._____| \______/   \______||_______|_______/    |_______/
	
══════════════════════════════════════════
*/
.process {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 36px;
  text-align: center; }
  .process h4 {
    font-size: 18px;
    padding-bottom: 8px;
    font-weight: 600; }
  .process.block {
    padding: 100px; }
  .process figcaption {
    margin-top: 16px; }
  .process img {
    max-width: 280px;
    max-height: 200px; }
  .process p {
    font-size: 18px; }
  .process__title {
    font-family: "Alegreya Sans SC", sans-serif;
    grid-column-start: span 3;
    margin-bottom: 15px;
    font-style: normal;
    font-weight: 600;
    text-transform: lowercase;
    letter-spacing: 2px; }

/*
══════════════════════════════════════════
	Genéricos
══════════════════════════════════════════
*/
.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text__desc {
  padding: 0px 54px; }
  .text__desc h3 {
    font-weight: 700;
    color: #212121; }

.text-img__fig {
  max-width: 80%;
  /*margin-left: 0 auto;*/ }

.text-img__desc h1 {
  font-weight: 700;
  line-height: 1;
  color: #212121;
  font-size: 3rem;
  margin-bottom: 1rem; }
  .text-img__desc h1 a {
    color: #0DC143; }

.text-img__desc p {
  font-size: 24px;
  color: #212121; }

.text-img .btn--comprar, .text-img .btn--whatsapp {
  margin-top: 32px; }

.text-img--center {
  text-align: center;
  grid-template-columns: 1fr;
  max-width: 400px; }

.text-img--white h1 {
  color: white; }

.text-img--bullets:nth-child(even) .text-img__fig {
  order: 1; }

.text-img--bullets h1 {
  margin-bottom: 1.5rem; }

.text-img--bullets li {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 8px;
  position: relative;
  /*padding-left: 30px;
			background:url('/web/20191212163131im_/https://tienda.elsurti.com/wp-content/themes/surti-tienda_20190718/html/assets/img/icon--check.svg') no-repeat;
			background-position-y: 10%;
			background-position-x: left;
			background-size:24px;*/ }
  .text-img--bullets li img.wp-smiley, .text-img--bullets li img.emoji {
    width: 18px; }

.text-img--bullets .btn--comprar {
  font-size: 18px; }

.text-img--bg {
  background: #FFF3DF !important; }
  .text-img--bg .text-img__fig {
    margin-left: auto; }

.text__desc h1 {
  font-weight: 700;
  line-height: 1;
  color: #212121;
  font-size: 3rem;
  margin-bottom: 1rem; }
  .text__desc h1 a {
    color: #0DC143; }

.text__desc p {
  color: #212121; }

.autor {
  text-align: center; }
  .autor__avatar {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: relative;
    border: solid 8px #F76200;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 20px; }
    .autor__avatar img {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      -o-object-fit: cover;
      object-fit: cover; }
  .autor__name {
    font-family: 'Alegreya Sans SC', sans-serif;
    font-weight: bold;
    font-size: 0.8em;
    color: #999999;
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 2.2px; }
  .autor p {
    font-size: 1.4em;
    color: #999999; }

.cantidad {
  position: relative;
  color: white;
  display: inline-block;
  margin-top: 10px;
  transition: ease all 1s; }
  .cantidad__anadir {
    background-color: #F76200;
    border-radius: 5px;
    padding: 8px 70px;
    color: white;
    line-height: 1;
    vertical-align: middle;
    font-family: Alegreya Sans;
    text-transform: uppercase;
    font-weight: 300;
    transition: ease all 1s; }
    .cantidad__anadir:hover {
      background-color: #FF751A;
      cursor: pointer; }
    .cantidad__anadir span {
      font-size: 1.4em;
      margin-left: 5px;
      font-variant-numeric: tabular-nums;
      font-weight: 600; }
  .cantidad__button {
    position: absolute;
    top: 0;
    padding: 5px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    transition: 1s ease all;
    color: white; }
    .cantidad__button:hover {
      background-color: rgba(255, 255, 255, 0.1); }
    .cantidad__button--menos {
      border-radius: 5px 0 0 5px;
      left: 0;
      padding: 0 10px; }
    .cantidad__button--mas {
      border-radius: 0 5px 5px  0;
      right: 0;
      padding: 0 10px; }
    .cantidad__button i {
      vertical-align: middle; }

.btn__block li {
  font-family: 'Alegreya Sans SC', sans-serif; }
  .btn__block li a:not(.btn--whatsapp) {
    color: #9e9e9e;
    font-weight: 700;
    font-size: 18px; }

.modalproducto {
  position: fixed;
  z-index: 12098786;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.24);
  display: none; }
  .modalproducto table {
    width: 100%; }
  .modalproducto__cont {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px; }
  .modalproducto__space {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .modalproducto__wrp {
    border-radius: 20px;
    box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.18);
    border-radius: 9px;
    border: 0 solid #EBEBEB;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    background: rgba(51, 51, 51, 0.35);
    background-color: white;
    width: 100%;
    max-width: 600px;
    padding: 20px;
    position: relative;
    z-index: 19038839; }
  .modalproducto__head {
    border-bottom: solid 1px #EBEBEB;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px; }
    .modalproducto__head h3 {
      font-size: 1.2em;
      font-weight: normal; }
  .modalproducto__close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer; }
  .modalproducto__desc {
    padding: 10px 0; }
  .modalproducto table {
    margin-bottom: 20px; }
  .modalproducto td:nth-of-type(1) {
    font-family: "Alegreya SC";
    color: rgba(51, 51, 51, 0.7);
    letter-spacing: 2.2px; }

.label {
  padding: 8px 24px;
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 16px;
  letter-spacing: 1.4px;
  font-weight: 500;
  text-transform: uppercase; }
  .label--red {
    color: white;
    background: #ED472E; }

.lista--iconos li {
  display: block;
  font-size: 18px;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  padding: 8px 0;
  color: #616161;
  font-weight: 500; }
  .lista--iconos li img {
    vertical-align: middle;
    max-width: 18px;
    margin-right: 24px; }

.typewrite {
  display: block;
  padding: 14px 0 14px 14px;
  margin: 30px 0;
  font-size: 16px;
  background: #ffc1bf1f;
  border-left: 4px solid #ED472E;
  color: #ED472E;
  font-weight: 700;
  font-family: monospace; }

/*
 	     _______. __  .__   __.   _______  __       _______
 	    /       ||  | |  \ |  |  /  _____||  |     |   ____|
 	   |   (----`|  | |   \|  | |  |  __  |  |     |  |__
 	    \   \    |  | |  . `  | |  | |_ | |  |     |   __|
 	.----)   |   |  | |  |\   | |  |__| | |  `----.|  |____
 	|_______/    |__| |__| \__|  \______| |_______||_______|
 	
 	*/
.single {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .single__thumbs {
    position: -webkit-sticky;
    position: sticky;
    top: 8rem;
    width: 9%;
    height: 100vh; }
    .single__thumbs figure {
      width: 100%;
      height: auto; }
      .single__thumbs figure.active img {
        border: 1px solid black;
        width: 100%;
        height: auto; }
  .single__slideshow {
    position: -webkit-sticky;
    position: sticky;
    width: 50%; }
    .single__slideshow figure, .single__slideshow img {
      width: 100%; }
    .single__slideshow figure:last-of-type {
      margin-bottom: 300px; }
  .single__desc {
    width: 34%;
    position: sticky;
    position: -webkit-sticky;
    top: 8rem; }
  .single__info {
    padding: 0px !important; }
  .single .sprod {
    display: none; }

/*
══════════════════════════════════════════
	 _______   ______     ______   .___________. _______ .______
	|   ____| /  __  \   /  __  \  |           ||   ____||   _  \
	|  |__   |  |  |  | |  |  |  | `---|  |----`|  |__   |  |_)  |
	|   __|  |  |  |  | |  |  |  |     |  |     |   __|  |      /
	|  |     |  `--'  | |  `--'  |     |  |     |  |____ |  |\  \----.
	|__|      \______/   \______/      |__|     |_______|| _| `._____|
	
══════════════════════════════════════════
*/
.footer {
  font-family: 'Alegreya Sans'; }
  .footer a:hover {
    color: #F7A600; }
  .footer__sub1 {
    width: 100%;
    padding: 54px;
    color: #424242;
    background: #EFEFEF;
    border-top: 1px solid #f5f5f5;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap; }
    .footer__sub1 ul {
      padding: 0px; }
      .footer__sub1 ul li {
        font-size: 16px;
        line-height: 26px; }
        .footer__sub1 ul li:first-child {
          font-family: 'Alegreya Sans SC';
          text-transform: lowercase; }
    .footer__sub1 strong {
      color: #6c7781;
      margin-bottom: 4px;
      display: block;
      font-size: 14px;
      font-weight: 100;
      letter-spacing: 2px; }
  .footer__pagopar {
    max-width: 150px; }
  .footer__sub2 {
    background: #FBFBFB;
    border-top: 1px solid #eeeeee;
    color: rgba(0, 0, 0, 0.4);
    font-size: 10px;
    padding: 24px 0;
    text-align: center; }
    .footer__sub2 p:first-of-type {
      font-family: 'Alegreya Sans SC';
      text-transform: lowercase;
      font-size: 13px;
      letter-spacing: 2.2px;
      font-weight: 100;
      margin-bottom: 8px;
      color: #9e9e9e; }
    .footer__sub2 p {
      color: #bdbdbd;
      font-size: 11px; }
    .footer__sub2 img {
      max-width: 100px;
      margin-top: 8px; }

/*
══════════════════════════════════════════
	.___  ___.  _______ .___________.    ___           _______.
	|   \/   | |   ____||           |   /   \         /       |
	|  \  /  | |  |__   `---|  |----`  /  ^  \       |   (----`
	|  |\/|  | |   __|      |  |      /  /_\  \       \   \
	|  |  |  | |  |____     |  |     /  _____  \  .----)   |
	|__|  |__| |_______|    |__|    /__/     \__\ |_______/
	
══════════════════════════════════════════
*/
.metas__info {
  grid-area: info;
  padding: 0px 54px;
  margin-bottom: 20px; }
  .metas__info h3 {
    margin-bottom: 24px; }
  .metas__info .btn {
    margin-top: 24px; }

.metas__items {
  grid-area: items;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px; }

.metas__item h5 {
  font-size: 24px;
  font-family: "Alegreya Sans SC";
  font-weight: 700;
  margin-bottom: 8px; }

/*
══════════════════════════════════════════
	.______       _______   ______   ______   .___  ___. .______    _______ .__   __.      _______.     ___           _______.
	|   _  \     |   ____| /      | /  __  \  |   \/   | |   _  \  |   ____||  \ |  |     /       |    /   \         /       |
	|  |_)  |    |  |__   |  ,----'|  |  |  | |  \  /  | |  |_)  | |  |__   |   \|  |    |   (----`   /  ^  \       |   (----`
	|      /     |   __|  |  |     |  |  |  | |  |\/|  | |   ___/  |   __|  |  . `  |     \   \      /  /_\  \       \   \
	|  |\  \----.|  |____ |  `----.|  `--'  | |  |  |  | |  |      |  |____ |  |\   | .----)   |    /  _____  \  .----)   |
	| _| `._____||_______| \______| \______/  |__|  |__| | _|      |_______||__| \__| |_______/    /__/     \__\ |_______/
	
══════════════════════════════════════════
*/
.recompensas--opc1 .recompensas__info {
  grid-area: info;
  padding: 0px 54px;
  margin-bottom: 20px; }
  .recompensas--opc1 .recompensas__info h3 {
    margin-bottom: 24px; }
  .recompensas--opc1 .recompensas__info .btn {
    margin-top: 24px; }

.recompensas--opc1 .recompensas__items {
  grid-area: items;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 54px; }

.recompensas--opc1 .recompensas__item h5 {
  font-size: 24px;
  font-family: "Alegreya Sans SC";
  font-weight: 700;
  margin-bottom: 8px; }

.recompensas--opc2 .recompensas__info {
  grid-area: info;
  padding: 0px 54px;
  margin-bottom: 20px; }
  .recompensas--opc2 .recompensas__info h3 {
    margin-bottom: 24px; }
  .recompensas--opc2 .recompensas__info .btn {
    margin-top: 24px; }

.recompensas--opc2 .recompensas__items {
  grid-area: items;
  display: grid;
  grid-template-columns: repeat(3, 1fr); }

.recompensas--opc2 .recompensas__item h5 {
  font-size: 24px;
  font-family: "Alegreya Sans SC";
  font-weight: 700;
  margin-bottom: 8px; }

.recompensas--opc2 .recompensas__item p {
  font-size: 1rem; }

.recompensas--opc3 .recompensas__item h5 {
  font-size: 24px;
  font-family: "Alegreya Sans SC";
  font-weight: 700;
  margin-bottom: 8px; }

.recompensas--opc3 .recompensas__item p {
  font-size: 1rem; }

.recom {
  display: grid;
  grid-template-columns: repeat(3, 1fr); }

/*
══════════════════════════════════════════
	 _______    ___       ______
	|   ____|  /   \     /  __  \
	|  |__    /  ^  \   |  |  |  |
	|   __|  /  /_\  \  |  |  |  |
	|  |    /  _____  \ |  `--'  '--.
	|__|   /__/     \__\ \_____\_____\
	
══════════════════════════════════════════
*/
.faq {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-template-areas: "info texto texto";
  column-gap: 24px; }
  .faq h3 {
    font-weight: 700;
    color: #212121; }
  .faq .emoji {
    max-width: 30px; }
  .faq__info {
    grid-area: info;
    align-self: top;
    padding: 0px 54px; }
    .faq__info p {
      padding-bottom: 15px; }
    .faq__info figure {
      min-height: 40px; }
  .faq__items {
    grid-area: texto; }
    .faq__items details {
      user-select: none;
      -webkit-user-select: none; }
      .faq__items details p {
        max-width: 95%;
        margin-left: auto;
        margin-bottom: 24px;
        color: #212121; }
      .faq__items details ul {
        margin-left: 16px;
        margin-bottom: 24px;
        color: #212121;
        font-size: 1.2em;
        line-height: 1.5em; }
        .faq__items details ul li {
          list-style: disc;
          margin-bottom: 8px; }
      .faq__items details a {
        color: #EB599E; }
    .faq__items details[open] summary svg {
      transform: rotate(-90deg); }
    .faq__items details[open] summary {
      color: #212121; }
    .faq__items summary {
      cursor: pointer;
      display: flex;
      font-family: "Alegreya Sans";
      justify-content: space-between;
      font-size: 24px;
      max-width: 95%;
      margin-left: auto;
      margin-bottom: 16px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      padding-bottom: 18px;
      color: #616161;
      font-weight: 500; }
      .faq__items summary::-webkit-details-marker {
        display: none; }
      .faq__items summary:hover {
        color: #424242; }
      .faq__items summary a {
        color: #EB599E; }
    .faq__items svg {
      transition: all 0.3s;
      max-width: 8px; }
    .faq__items summary::marker, .faq__items summary::-webkit-details-marker {
      display: none;
      color: transparent; }
    .faq__items :focus {
      outline: none; }
    .faq__items summary span {
      display: block;
      width: 100%; }
    .faq__items .emoji {
      max-width: 24px;
      vertical-align: middle;
      margin-right: 8px; }
  .faq .lista {
    grid-area: texto; }
  .faq--icons a {
    color: #EB599E; }
  .faq--icons .lista--iconos li {
    display: flex;
    align-items: center; }
    .faq--icons .lista--iconos li p {
      font-size: 24px;
      padding: 8px 0;
      max-width: 80%; }
  .faq--icons figure {
    width: 70px; }

/*
══════════════════════════════════════════
	 _______    ___       ______ .___________.  ______  __    __   _______   ______  __  ___
	|   ____|  /   \     /      ||           | /      ||  |  |  | |   ____| /      ||  |/  /
	|  |__    /  ^  \   |  ,----'`---|  |----`|  ,----'|  |__|  | |  |__   |  ,----'|  '  /
	|   __|  /  /_\  \  |  |         |  |     |  |     |   __   | |   __|  |  |     |    <
	|  |    /  _____  \ |  `----.    |  |     |  `----.|  |  |  | |  |____ |  `----.|  .  \
	|__|   /__/     \__\ \______|    |__|      \______||__|  |__| |_______| \______||__|\__\
	
══════════════════════════════════════════
*/
.factcheck {
  background: #FFE2DE; }
  .factcheck:nth-of-type(odd) .text-img__fig {
    order: 0; }
  .factcheck:nth-of-type(even) .text-img__fig {
    order: 0; }
  .factcheck:first-of-type {
    background: white; }
  .factcheck--darkpink {
    background: #FFCCC4; }
  .factcheck .text-img__desc p {
    color: #212121; }
  .factcheck .text-img__desc li a {
    color: rgba(0, 153, 158, 0.8);
    font-weight: bold; }
    .factcheck .text-img__desc li a:hover {
      color: #00cad1;
      transition: 1 ease all; }
  .factcheck .text-img__desc .btn--mas {
    margin-left: 30px; }
  .factcheck li {
    margin-bottom: 16px;
    color: #616161;
    display: flex; }
    .factcheck li figure {
      width: 40px;
      padding-top: 1%; }
    .factcheck li p {
      max-width: 95%; }
  .factcheck--collapse .contain {
    max-width: 60%;
    margin-left: auto; }
  .factcheck--collapse h3 {
    color: #D63A33;
    font-size: 24px; }
  .factcheck--collapse h3 ~ p {
    margin-top: 4px; }
  .factcheck--collapse p {
    margin: 30px 0; }
    .factcheck--collapse p:first-of-type::first-letter {
      /*color:#D63A33;
				font-size: 64px;
				float: left;
				display: inline-block;*/
      color: #D63A33;
      float: left;
      font-size: 85px;
      line-height: 60px;
      padding-top: 4px;
      padding-right: 8px;
      padding-left: 3px; }
  .factcheck--collapse a {
    color: #EB599E;
    text-decoration: underline; }
  .factcheck__footer {
    text-align: center; }
    .factcheck__footer a {
      color: #EB599E; }
    .factcheck__footer p {
      max-width: 800px;
      margin: 0 auto; }

/*
══════════════════════════════════════════
	.______   .______       __  .__   __.   ______  __  .______    __    ______        _______.
	|   _  \  |   _  \     |  | |  \ |  |  /      ||  | |   _  \  |  |  /  __  \      /       |
	|  |_)  | |  |_)  |    |  | |   \|  | |  ,----'|  | |  |_)  | |  | |  |  |  |    |   (----`
	|   ___/  |      /     |  | |  . `  | |  |     |  | |   ___/  |  | |  |  |  |     \   \
	|  |      |  |\  \----.|  | |  |\   | |  `----.|  | |  |      |  | |  `--'  | .----)   |
	| _|      | _| `._____||__| |__| \__|  \______||__| | _|      |__|  \______/  |_______/
	
══════════════════════════════════════════
*/
.principios h5 {
  font-family: "Alegreya Sans SC", sans-serif;
  font-weight: 700;
  line-height: 1.6rem;
  letter-spacing: 1.2px;
  font-size: 24px; }

.principios .material-icons {
  display: none; }

/*
══════════════════════════════════════════
	.______       _______   ______   ______   .__   __.   ______     ______  __  .___  ___.  __   _______ .__   __. .___________.  ______
	|   _  \     |   ____| /      | /  __  \  |  \ |  |  /  __  \   /      ||  | |   \/   | |  | |   ____||  \ |  | |           | /  __  \
	|  |_)  |    |  |__   |  ,----'|  |  |  | |   \|  | |  |  |  | |  ,----'|  | |  \  /  | |  | |  |__   |   \|  | `---|  |----`|  |  |  |
	|      /     |   __|  |  |     |  |  |  | |  . `  | |  |  |  | |  |     |  | |  |\/|  | |  | |   __|  |  . `  |     |  |     |  |  |  |
	|  |\  \----.|  |____ |  `----.|  `--'  | |  |\   | |  `--'  | |  `----.|  | |  |  |  | |  | |  |____ |  |\   |     |  |     |  `--'  |
	| _| `._____||_______| \______| \______/  |__| \__|  \______/   \______||__| |__|  |__| |__| |_______||__| \__|     |__|      \______/
	
══════════════════════════════════════════
*/
.reconocimiento a {
  color: #EB599E; }
  .reconocimiento a:hover {
    color: #E62E85; }

.reconocimiento .faq a {
  color: #EB599E; }
  .reconocimiento .faq a:hover {
    color: #E62E85;
    transition: 1s ease all; }

.reconocimiento__slider {
  max-width: 100%;
  grid-column: 2 span;
  overflow: hidden; }

.reconocimiento__thumb-items {
  display: grid !important;
  cursor: pointer;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  margin-top: 20px; }

/*
══════════════════════════════════════════
	  _______  _______ .__   __. .___________. _______
	 /  _____||   ____||  \ |  | |           ||   ____|
	|  |  __  |  |__   |   \|  | `---|  |----`|  |__
	|  | |_ | |   __|  |  . `  |     |  |     |   __|
	|  |__| | |  |____ |  |\   |     |  |     |  |____
	 \______| |_______||__| \__|     |__|     |_______|
	
══════════════════════════════════════════
*/
.gente__item h3 {
  font-size: 24px;
  font-family: 'Alegreya Sans SC', sans-serif;
  text-transform: lowercase; }

.gente__item h4 {
  font-size: 18px;
  margin-bottom: 18px; }

.gente__item figure {
  text-align: center; }
  .gente__item figure div {
    min-height: 288px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .gente__item figure img {
    max-width: 80%; }
  .gente__item figure figcaption {
    min-height: 125px; }

.gente__item .material-icons {
  display: none; }

.gente__item ul li {
  display: flex; }
  .gente__item ul li i {
    margin-right: 16px; }
  .gente__item ul li:not(last-child) {
    margin-bottom: 8px; }

.gente__item a {
  color: #EB599E; }
  .gente__item a:hover {
    color: #E6589B; }

.gente__intro {
  margin-bottom: 24px; }

/*
══════════════════════════════════════════
	Investigaciones
══════════════════════════════════════════
*/
.investigaciones h5 {
  font-size: 24px;
  font-weight: 700;
  font-family: 'Alegreya Sans SC';
  letter-spacing: 1.2px; }

.investigaciones__items {
  align-items: start; }

.investigaciones__item {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.3); }
  .investigaciones__item article {
    padding: 16px;
    min-height: 266px; }

/*
══════════════════════════════════════════
	About
══════════════════════════════════════════
*/
.about .faq__items summary {
  max-width: 100%; }

.about .faq__items details p {
  max-width: 100%; }

/*
══════════════════════════════════════════
	Testimonios
══════════════════════════════════════════
*/
.testimonios .i {
  display: block;
  text-align: center;
  font-size: 64px; }

.testimonios__items {
  max-width: 70%;
  margin: 0 auto;
  position: relative; }

.testimonios__item p {
  font-size: 32px;
  margin-bottom: 16px;
  min-height: 200px;
  display: block;
  font-style: italic;
  color: #616161;
  font-weight: 700;
  margin-top: 36px; }

.testimonios__autor {
  font-size: 24px;
  font-family: 'Alegreya Sans Sc', sans-serif;
  color: #bdbdbd;
  font-weight: 700;
  max-width: 60%;
  margin: 0 auto;
  display: block; }

.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none; }
  .slick-dots li {
    margin: 0 0.25rem;
    cursor: pointer; }
  .slick-dots button {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #bdbdbd;
    text-indent: -9999px; }
  .slick-dots li.slick-active button {
    background-color: #616161; }

/*Temporal*/
.text-img--center + .text-img--center {
  display: none; }

/*
     FILE ARCHIVED ON 16:31:31 Dec 12, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:42:17 Aug 18, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 116.038
  exclusion.robots: 0.086
  exclusion.robots.policy: 0.074
  cdx.remote: 0.064
  esindex: 0.012
  LoadShardBlock: 64.966 (3)
  PetaboxLoader3.datanode: 111.906 (5)
  load_resource: 205.021 (2)
  PetaboxLoader3.resolve: 85.215
*/