.starBlack,
.starCultural,
.starYellow {
  clip-path: polygon(50% 5%, 61% 40%, 98% 40%, 68% 62%, 79% 96%, 50% 75%, 21% 96%, 32% 62%, 2% 40%, 39% 40%)
}

#product-container-muro span.payment-plan-last-hours-offer-bold,
#product-container-muro span.payment-plan-name,
.product-footer-info a {
  font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif
}

.tick-flip-spacer,
.visibility-hidden {
  visibility: hidden
}

.order1,
.voc-article--detail-visual .voc-title {
  order: 1
}

@font-face {
  font-family: "ABC XCond Semibold";
  src: url(https://s1.abcstatics.com/comun/narrativas/redaccion/2025/11/21/comohemoscambiado/assets/fonts/axs.woff2) format("woff2"), url(https://s1.abcstatics.com/comun/narrativas/redaccion/2025/11/21/comohemoscambiado/assets/fonts/axs.woff) format("woff"), url(https://s1.abcstatics.com/comun/narrativas/redaccion/2025/11/21/comohemoscambiado/assets/fonts/axs.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Saira XCond Regular";
  src: url(https://s1.abcstatics.com/comun/narrativas/redaccion/2025/11/21/comohemoscambiado/assets/fonts/SairaExtraCondensed-Regular.woff2) format("woff2"), url(https://s1.abcstatics.com/comun/narrativas/redaccion/2025/11/21/comohemoscambiado/assets/fonts/SairaExtraCondensed-Regular.woff) format("woff"), url(https://s1.abcstatics.com/comun/narrativas/redaccion/2025/11/21/comohemoscambiado/assets/fonts/SairaExtraCondensed-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Basier Square Bold";
  src: url(https://s1.abcstatics.com/comun/narrativas/redaccion/2025/11/21/comohemoscambiado/assets/fonts/BasierSquare-Bold.woff2) format("woff2"), url(https://s1.abcstatics.com/comun/narrativas/redaccion/2025/11/21/comohemoscambiado/assets/fonts/BasierSquare-Bold.woff) format("woff"), url(https://s1.abcstatics.com/comun/narrativas/redaccion/2025/11/21/comohemoscambiado/assets/fonts/BasierSquare-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

html {
  scroll-behavior: smooth
}

body {
  background: url(https://s1.abcstatics.com/comun/narrativas/redaccion/2025/11/21/comohemoscambiado/assets/images/trama-bg.jpg)
}

.voc-d.voc-d--visual span.paywall {
  padding-bottom: 72px;
  margin-bottom: 80px
}

body .voc-footer {
  margin-top: 80px;
  margin-bottom: 0
}

:root {
  --base-grey-10: #f9f9f9;
  --base-grey-25: #f3f2f1;
  --base-grey-35: #eeeeee;
  --base-grey-50: #d7d7d7;
  --base-grey-60: #969594;
  --base-grey-80: #6b6b6b;
  --base-grey-100: #202020;
  --base-red-10: #fceff2;
  --base-red-40: #de0429;
  --base-red-50: #c90022;
  --base-red-80: #97001a;
  --base-red-100: #46000c;
  --base-blue-10: #eaf5fb;
  --base-blue-50: #1694d5;
  --base-blue-80: #225280;
  --base-blue-100: #062535;
  --base-green: #258B4E;
  --blue: #0D609D;
  --blueHover: #202020;
  --red: #97001A;
  --redHover: #202020;
  --yellow: #E4B016;
  --yellowHover: #BF9B30;
  --black: #202020;
  --grey800: #6B6B6B;
  --grey600: #969594;
  --grey400: #D7D7D7;
  --grey200: #EEEEEE;
  --grey100: #F3F2F1;
  --white100: #F9F9F9;
  --white: #ffffff;
  --PureBlack: #000000;
  --orange: #E64A19;
  --cultural: #D42561;
  --culturalHover: #82173C;
  --nervion: #DF0031;
  --nervionHover: #A30024;
  --palmera: #149557;
  --palmeraHover: #0B512F;
  --pasionSevilla: #473371;
  --pasionSevillaHover: #271d3f;
  --queplan: #029992;
  --queplanHover: #005a55;
  --gurme: #202020;
  --gurmeHover: #FF3C3C;
  --amarilloCampana: #FFD200;
  --amarilloLight: #FFFF00;
  --naranjaLight: #ff9900;
  --rojoLight: #DE0429;
  --rosa: #ff0099;
  --azulLight: #2999f9;
  --azulKlein: #2310c9;
  --greenLight: #66cc00;
  --morado: #cc00cc
}

.font_Red {
  color: var(--red) !important
}

.font_Blue {
  color: var(--blue) !important
}

.font_ABC {
  color: var(--yellow) !important
}

.font_White {
  color: var(--white) !important
}

.font_Black {
  color: var(--black) !important
}

.font_Palmera {
  color: var(--palmera) !important
}

.font_Nervion {
  color: var(--nervion) !important
}

.font_Cultural {
  color: var(--cultural) !important
}

.font_Gurme {
  color: var(--gurmeHover) !important
}

.font_Pasion {
  color: var(--pasionSevilla) !important
}

.font_Queplan {
  color: var(--queplan) !important
}

.font_Yellow {
  color: var(--amarilloCampana) !important
}

.font_YellowLight {
  color: var(--amarilloLight) !important
}

.p-2 {
  padding: 2px
}

.p-4 {
  padding: 4px
}

.p-4040 {
  padding: 4px 0
}

.p-4-0 {
  padding: 4px 0 0
}

.p-0-4 {
  padding: 0 0 4px
}

.p-8 {
  padding: 8px
}

.p-8080 {
  padding: 8px 0
}

.p-8-0 {
  padding: 8px 0 0
}

.p-0-8 {
  padding: 0 0 8px
}

.p-16 {
  padding: 16px
}

.p-160160 {
  padding: 16px 0
}

.p-16-0 {
  padding: 16px 0 0
}

.p-0-16 {
  padding: 0 0 16px
}

.p-24 {
  padding: 24px
}

.p-240240 {
  padding: 24px 0
}

.p-24-0 {
  padding: 24px 0 0
}

.p-0-24 {
  padding: 0 0 24px
}

.p-40 {
  padding: 40px
}

.p-400400 {
  padding: 40px 0
}

.p-40-0 {
  padding: 40px 0 0
}

.p-0-40 {
  padding: 0 0 40px
}

.p-80 {
  padding: 80px
}

.p-800800 {
  padding: 80px 0
}

.p-80-0 {
  padding: 80px 0 0
}

.p-0-80 {
  padding: 0 0 80px
}

.p-0-100 {
  padding: 0 0 100px
}

.p-0-140 {
  padding: 0 0 140px
}

.m-auto {
  margin: auto
}

.m0,
.tick [data-layout~=overlay]>* {
  margin: 0
}

.m-4 {
  margin: 4px
}

.m-4040 {
  margin: 4px 0
}

.m-4-0 {
  margin: 4px 0 0
}

.m-0-4 {
  margin: 0 0 4px
}

.m-8 {
  margin: 8px
}

.m-8080 {
  margin: 8px 0
}

.m-8-0 {
  margin: 8px 0 0
}

.m-0-8 {
  margin: 0 0 8px
}

.m-16 {
  margin: 16px
}

.m-160160 {
  margin: 16px 0
}

.m-16-0 {
  margin: 16px 0 0
}

.m-0-16 {
  margin: 0 0 16px
}

.m-24 {
  margin: 24px
}

.m-240240 {
  margin: 24px 0
}

.m-24-0 {
  margin: 24px 0 0
}

.m-0-24 {
  margin: 0 0 24px
}

.m-40 {
  margin: 40px
}

.m-400400 {
  margin: 40px 0
}

.m-40-0 {
  margin: 40px 0 0
}

.m-0-40 {
  margin: 0 0 40px
}

.m-80 {
  margin: 80px
}

.m-800800 {
  margin: 80px 0
}

.m-80-0 {
  margin: 80px 0 0
}

.m-0-80 {
  margin: 0 0 80px
}

.gap-0 {
  gap: 0
}

.gap-4 {
  gap: 4px
}

.gap-8 {
  gap: 8px
}

.gap-16 {
  gap: 16px
}

.gap-24 {
  gap: 24px
}

.gap-40 {
  gap: 40px
}

.gap-44 {
  gap: 44px
}

.gap-80 {
  gap: 80px
}

.gap-100 {
  gap: 100px
}

.card__p,
.card__t,
.flourish-embed,
.sel-cards__txt,
.textCenter,
.tick,
.tick [data-layout~=overlay][data-layout~=center],
.tick [data-layout~=vertical][data-layout~=center],
.tick-flip,
.voc-c-container .v-c-crd {
  text-align: center
}

.textLeft,
.tick [data-layout~=overlay][data-layout~=left] {
  text-align: left
}

.order2 {
  order: 2
}

.order3 {
  order: 3
}

.alignStartColum {
  align-items: flex-start
}

.alignCenterColum {
  align-items: center
}

.alignEndColum {
  align-items: flex-end
}

.alignStartRow {
  justify-content: flex-start
}

.alignCenterRow,
.spaceCenter {
  justify-content: center
}

.alignEndRow,
.comparative-years__b--1 .percentage {
  justify-content: flex-end
}

.max80 {
  max-width: 80px !important
}

.max160 {
  max-width: 160px !important
}

.max200 {
  max-width: 200px !important
}

.max260 {
  max-width: 260px !important
}

.max300 {
  max-width: 300px !important
}

.max350 {
  max-width: 350px !important
}

.max400 {
  max-width: 400px !important
}

.max480 {
  max-width: 480px !important
}

.max800 {
  max-width: 800px !important
}

.max980 {
  max-width: 980px !important
}

.max1200 {
  max-width: 1200px !important
}

.max1440 {
  max-width: 1440px !important
}

.logoABC,
.logoABCFullWhite,
.logoABCWhite,
.logoCultural,
.logoCulturalFullWhite,
.logoGurme,
.logoGurme_Sevilla,
.logoGurme_cadiz,
.logoGurme_cordoba,
.logoGurme_malaga,
.logoMasPasion,
.logoMasPasionFullWhite,
.logoNervion,
.logoPalmera,
.logoPasion,
.logoQueplan {
  max-width: 200px;
  width: 100%
}

.min80 {
  min-width: 80px
}

.min160 {
  min-width: 160px
}

.min200 {
  min-width: 200px
}

.min260 {
  min-width: 260px
}

.min300 {
  min-width: 300px
}

.min340 {
  min-width: 340px
}

.min400 {
  min-width: 400px
}

.min480 {
  min-width: 480px
}

.min800 {
  min-width: 800px
}

.min980 {
  min-width: 980px
}

.min1200 {
  min-width: 1200px
}

.comparative-years--videos video,
.w100P {
  width: 100%
}

.w10P {
  width: 10%
}

.w20P {
  width: 20%
}

.w30P {
  width: 30%
}

.w40P {
  width: 40%
}

.w50P {
  width: 50%
}

.w60P {
  width: 60%
}

.w80P {
  width: 80%
}

.w80 {
  width: 80px
}

.w100 {
  width: 100px
}

.w160 {
  width: 160px
}

.w200 {
  width: 200px
}

.w300 {
  width: 300px
}

.w400 {
  width: 400px
}

.w480 {
  width: 480px
}

.w800 {
  width: 800px
}

.w980 {
  width: 980px
}

.w1200 {
  width: 1200px
}

.w1440 {
  width: 1440px
}

.h68 {
  height: 68px
}

.h80 {
  height: 80px
}

.h100 {
  height: 100px
}

.h160 {
  height: 160px
}

.h200 {
  height: 200px
}

.h300 {
  height: 300px
}

.h400 {
  height: 400px
}

.h480 {
  height: 480px
}

.h255 {
  height: 255px
}

.font8 {
  font-size: 8px
}

.font16 {
  font-size: 16px
}

.font20 {
  font-size: 20px
}

.font24 {
  font-size: 24px
}

.font28 {
  font-size: 28px
}

.font36 {
  font-size: 36px
}

.font40 {
  font-size: 40px
}

.font48 {
  font-size: 48px
}

.font80 {
  font-size: 80px
}

.sp5 {
  letter-spacing: -.05em
}

.sp3 {
  letter-spacing: -.03em
}

.sp2 {
  letter-spacing: -.02em
}

.sp1 {
  letter-spacing: -.01em
}

.sp0 {
  letter-spacing: 0
}

.lh100 {
  line-height: 100%
}

.lh150 {
  line-height: 150%
}

.flex {
  display: flex;
  width: 100%
}

.flex-Row,
.flex-container-Row {
  display: flex;
  flex-flow: row nowrap
}

.flex-Column {
  display: flex;
  flex-flow: column wrap
}

.main-container,
ev-em-product-selection>.ev-em-product-selection>.row {
  display: flex;
  flex-direction: column
}

.boxCalc {
  width: calc(100% - 40px)
}

.plusBlue,
.plusRed,
.starBlack,
.starCultural,
.starNervion,
.starPalmera,
.starYellow {
  width: 16px;
  height: 16px
}

.spaceEvenly {
  justify-content: space-evenly
}

.spaceAround {
  justify-content: space-around
}

.spaceBetween {
  justify-content: space-between
}

.flex-container-Colum {
  display: flex;
  flex-flow: column nowrap
}

.starYellow {
  background: var(--yellow)
}

.starCultural {
  background: var(--cultural)
}

.starBlack {
  background: var(--black)
}

.starNervion {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd'clip-rule='evenodd'd='M7.99549 0.000298317C12.4109 0.000298317 15.9907 3.58207 15.9907 8.00016C15.9907 9.26012 15.6993 10.4517 15.1808 11.512L15.9907 15.1862C15.9907 15.1862 16.1468 16.1478 15.1775 15.932L11.3815 15.2482C10.3531 15.73 9.206 15.9997 7.99525 15.9997C3.5796 15.9997 0 12.4182 0 7.99986C0 3.5815 3.5796 0 7.99525 0'fill='%23C6243C'/%3E%3Cpath fill-rule='evenodd'clip-rule='evenodd'd='M4.74444 7.32262H7.32249V4.74466C7.32249 4.37073 7.6258 4.06763 7.99973 4.06763C8.37367 4.06763 8.67679 4.37073 8.67679 4.74466V7.32262H11.2546C11.6286 7.32262 11.9317 7.62572 11.9317 7.99984C11.9317 8.37378 11.6286 8.67687 11.2546 8.67687H8.67679V11.2548C8.67679 11.6288 8.37367 11.9319 7.99973 11.9319C7.6258 11.9319 7.32249 11.6288 7.32249 11.2548V8.67687H4.74444C4.37051 8.67687 4.06738 8.37378 4.06738 7.99984C4.06738 7.62572 4.37051 7.32262 4.74444 7.32262Z'fill='%23FFFFFE'/%3E%3C/svg%3E%0A")
}

.starPalmera {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3Csvg width='17'height='16'viewBox='0 0 17 16'fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd'clip-rule='evenodd'd='M8.43104 0.000298317C12.8464 0.000298317 16.4263 3.58207 16.4263 8.00016C16.4263 9.26012 16.1348 10.4517 15.6163 11.512L16.4263 15.1862C16.4263 15.1862 16.5823 16.1478 15.613 15.932L11.817 15.2482C10.7886 15.73 9.64154 15.9997 8.4308 15.9997C4.01515 15.9997 0.435547 12.4182 0.435547 7.99986C0.435547 3.5815 4.01515 0 8.4308 0'fill='%23149557'/%3E%3Cpath fill-rule='evenodd'clip-rule='evenodd'd='M5.17999 7.32262H7.75803V4.74466C7.75803 4.37073 8.06135 4.06763 8.43528 4.06763C8.80921 4.06763 9.11234 4.37073 9.11234 4.74466V7.32262H11.6902C12.0641 7.32262 12.3672 7.62572 12.3672 7.99984C12.3672 8.37378 12.0641 8.67687 11.6902 8.67687H9.11234V11.2548C9.11234 11.6288 8.80921 11.9319 8.43528 11.9319C8.06135 11.9319 7.75803 11.6288 7.75803 11.2548V8.67687H5.17999C4.80606 8.67687 4.50293 8.37378 4.50293 7.99984C4.50293 7.62572 4.80606 7.32262 5.17999 7.32262Z'fill='%23FFFFFE'/%3E%3C/svg%3E%0A")
}

.plusBlue {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3Csvg width='13'height='13'viewBox='0 0 15 15'fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38871 9.37193H0V5.62193H5.38871V0H9.50695V5.62193H14.8957V9.37193H9.50695V15H5.38871V9.37193Z'fill='%231694D5'/%3E%3C/svg%3E%0A")
}

.plusRed {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3Csvg width='13'height='13'viewBox='0 0 15 15'fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38871 9.37193H0V5.62193H5.38871V0H9.50695V5.62193H14.8957V9.37193H9.50695V15H5.38871V9.37193Z'fill='%23C90022'/%3E%3C/svg%3E%0A")
}

.plusBlueWhite,
.plusRedWhite {
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml, %3Csvg width='13'height='13'viewBox='0 0 15 15'fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38871 9.37193H0V5.62193H5.38871V0H9.50695V5.62193H14.8957V9.37193H9.50695V15H5.38871V9.37193Z'fill='%23ffffff'/%3E%3C/svg%3E%0A")
}

.tickRed {
  display: inline-block;
  background-repeat: no-repeat;
  width: 20px;
  height: 16px;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg"width="20"height="15"viewBox="0 0 20 15"fill="none"> <path d="M3 8.99999L7.00001 13L17 3"stroke="%2397001A"stroke-width="3"stroke-linecap="square"stroke-linejoin="round"/> </svg>')
}

.fontABCTituloRegular {
  font-family: "ABCDisplay Regular", Georgia, Times New Roman, serif !important
}

.fontABCTituloSemi {
  font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif !important
}

.fontABCTituloBlack {
  font-family: "ABCDisplay Black", Georgia, Times New Roman, serif !important
}

.fontBasierRegular {
  font-family: "Basier Square Regular", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif !important
}

.fontBasierSemi {
  font-family: "Basier Square Semibold", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif !important
}

.fontABCTextRegular {
  font-family: "ABCText Regular", Georgia, Times New Roman, serif !important
}

.fontABCTextSemi {
  font-family: "ABCText SemiBold", Georgia, Times New Roman, serif !important
}

.logoABC {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/ABC_Premium.svg)
}

.logoABCWhite {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/ABC_Premium_White.svg)
}

.logoABCFullWhite {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/ABC_Premium_FullWhite.svg)
}

.logoCultural {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/ABC_Cultural.svg)
}

.logoCulturalFullWhite {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/ABC_Cultural_FullWhite.svg)
}

.logoNervion {
  content: url(https://static.abc.es/squido/latest/assets/images/logonervion.svg)
}

.logoPalmera {
  content: url(https://static.abc.es/squido/latest/assets/images/logopalmera.svg)
}

.logoGurme {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/gurme.svg)
}

.logoGurme_cadiz {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/gurme_Cadiz.svg)
}

.logoGurme_cordoba {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/gurme_Cordoba.svg)
}

.logoGurme_malaga {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/gurme_Malaga.svg)
}

.logoGurme_Sevilla {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/gurme_Sevilla.svg)
}

.logoPasion {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/pasion.svg)
}

.logoMasPasion {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/maspasion.svg)
}

.logoMasPasionFullWhite {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/maspasion_FullWhite.svg)
}

.logoQueplan {
  content: url(https://static.abc.es/suscripciones/diseno/assets/logos/LogosMedios/queplan.svg)
}

#product-container-muro .product-header,
#product-container-muro .row.product-footer-spacer,
.flourish-credit,
.sel-nav ul {
  display: none
}

#product-container-muro {
  display: flex;
  gap: 8px;
  align-items: stretch;
  justify-content: center;
  height: 100%
}

#product-container-muro>ev-em-product-selection {
  flex: 1;
  display: flex;
  flex-direction: column
}

ev-em-product-selection>.ev-em-product-selection,
ev-em-product-selection>.ev-em-product-selection>.row {
  height: 100%
}

#product-container-muro .container-fluid.product-wrapper {
  min-height: fit-content !important;
  border: none !important
}

#product-container-muro .row.product-body {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 !important;
  margin-top: 24px;
  align-items: flex-end
}

#product-container-muro .one-payment-plan .product-body {
  margin-top: 0 !important
}

#product-container-muro .product-item-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: stretch;
  justify-content: flex-end
}

#product-container-muro div#ev-engagement-wrapper {
  padding: 0 12px
}

#product-container-muro .product-item-container.one-payment-plan .plan-checkbox {
  display: none !important
}

#product-container-muro .plan-checkbox {
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 25px !important;
  appearance: none;
  border: 1px solid var(--base-grey-60);
  height: 20px;
  width: 20px
}

#product-container-muro .payment-plan-selected input.plan-checkbox {
  border-color: var(--base-green)
}

#product-container-muro .payment-plan-selected input.plan-checkbox:after {
  content: "";
  height: 14px;
  width: 14px;
  background: var(--base-green);
  display: inline-block;
  border-radius: 25px;
  transform: translate(2px, 2px)
}

#product-container-muro .row.product-body {
  flex-direction: row
}

#product-container-muro .payment-plan-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 4px;
  flex: 1 0 0;
  border: 1px solid var(--base-grey-50) !important;
  border-radius: 8px !important;
  padding: 24px 16px 10px !important;
  background: #fff !important;
  margin-bottom: 4px !important;
  position: relative;
  min-height: unset !important;
  height: min-content
}

#product-container-muro .product-item-container:not(.one-payment-plan) .payment-plan-selected {
  outline: 2px solid var(--base-green);
  border-color: transparent !important
}

#product-container-muro .one-payment-plan .row.product-body>.payment-plan-container {
  padding: 8px !important;
  border: none !important
}

#product-container-muro .payment-plan-container:hover {
  color: inherit !important
}

#product-container-muro .product-item-container.one-payment-plan {
  border: 1px solid var(--base-grey-60);
  border-radius: 8px;
  padding: 0 16px 10px;
  margin: 0 auto;
  max-width: 480px
}

#product-container-muro .product-item-container.one-payment-plan:has(.payment-plan-recommended) {
  border: 1px solid var(--base-green);
  border-radius: 0 0 8px 8px
}

#product-container-muro .recommended-banner {
  background: var(--base-green);
  color: #fff;
  padding: 4px 16px;
  width: 100%;
  display: inline-block;
  z-index: 3;
  position: relative;
  font-size: 13px;
  border-radius: 4px 4px 0 0;
  font-family: "ABCDisplay Regular", Georgia, Times New Roman, serif;
  max-width: 480px;
  margin: 0 auto
}

#product-container-muro .recommended-banner:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc5JyBoZWlnaHQ9JzEwJyB2aWV3Qm94PScwIDAgOSAxMCcgZmlsbD0nbm9uZSc+PHBhdGggZD0nTTMuMzc1IDkuNVYzLjg3NUw1LjA2MjUgMC41SDYuMTg3NVYzLjg3NUg5VjkuNUgzLjM3NVpNMCA5LjVWMy44NzVIMi4yNVY5LjVIMFonIGZpbGw9JyNGRkZGRkYnLz48L3N2Zz4=);
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 4px
}

#product-container-muro span.payment-plan-last-hours-offer {
  color: var(--base-red-50);
  font-size: 11px;
  line-height: 120%;
  margin-top: 8px
}

#product-container-muro span.payment-plan-last-hours-offer:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNCcgaGVpZ2h0PScxNicgdmlld0JveD0nMCAwIDE0IDE2JyBmaWxsPSdub25lJz48cGF0aCBkPSdNMCA4Ljk1NTE1QzAuMDAxODc4NzQgNy4zNDc1MSAwLjU4MjE0OSA1Ljc5NDIxIDEuNjM0NTYgNC41Nzg5MkMyLjY4Njk2IDMuMzYzNjIgNC4xNDEyOCAyLjU2NzQ2IDUuNzMyMTQgMi4zMzU4M1YxLjMxMjI5SDQuNzc2NzlWMC4zNTY5MzRIOC41OTgyMVYxLjMxMjI5SDcuNjQyODZWMi4zMzUxM0M5LjA3MjgyIDIuNTM3ODQgMTAuMzk3NCAzLjIwMjExIDExLjQxNTEgNC4yMjY4QzEyLjAzODEgNC44NDYyNiAxMi41MzI0IDUuNTgzMDcgMTIuODY4NyA2LjM5NDdDMTMuMjA1IDcuMjA2MzMgMTMuMzc2NyA4LjA3NjYyIDEzLjM3NDQgOC45NTUxNUMxMy4zNzI1IDEwLjcyODIgMTIuNjY3IDEyLjQyODEgMTEuNDEzMyAxMy42ODE5QzEwLjE1OTUgMTQuOTM1NiA4LjQ1OTk0IDE1LjY0MDggNi42ODY4OCAxNS42NDI2QzQuOTEzODcgMTUuNjQwOCAzLjIxNDEyIDE0LjkzNTYgMS45NjA0NyAxMy42ODE5QzAuNzA2ODI2IDEyLjQyODEgMC4wMDE2ODYgMTAuNzI4MiAwIDguOTU1MTVaTTAuOTU1MzU3IDguOTU1MTVDMC45NTcwNDMgMTAuNDc0OSAxLjU2MTMyIDExLjkzMTkgMi42MzU5NCAxMy4wMDY2QzMuNzEwNTYgMTQuMDgxMiA1LjE2Nzc2IDE0LjY4NTYgNi42ODc1IDE0LjY4NzNDOC4yMDc0IDE0LjY4NjEgOS42NjQ5NSAxNC4wODE4IDEwLjczOTcgMTMuMDA3MUMxMS44MTQ0IDExLjkzMjQgMTIuNDE4NSAxMC40NzUgMTIuNDE5NiA4Ljk1NTE1QzEyLjQxODMgNy40MzUzIDExLjgxMzggNS45NzgxMyAxMC43MzkxIDQuOTAzNDNDOS42NjQzNyAzLjgyODc0IDguMjA3MzUgMy4yMjQzNSA2LjY4NzUgMy4yMjMwMUM1LjE2Nzc2IDMuMjI0NjkgMy43MTA1NiAzLjgyOTEyIDIuNjM1OTQgNC45MDM3NEMxLjU2MTMyIDUuOTc4MzYgMC45NTcwNDMgNy40MzU0MSAwLjk1NTM1NyA4Ljk1NTE1Wk02LjY4NzUgOC45NTUxNVY0LjE3ODM2QzcuOTUzODIgNC4xODAxOCA5LjE2NzYxIDQuNjg0MDQgMTAuMDYzIDUuNTc5NTJDMTAuNTA3MSA2LjAyMzEyIDEwLjg1OTQgNi41NDk5NCAxMS4wOTk4IDcuMTI5OEMxMS4zNDAyIDcuNzA5NjYgMTEuNDY0MiA4LjMzMTIzIDExLjQ2NDMgOC45NTg5Nkw2LjY4NzUgOC45NTUxNVpNMTEuMzQ4NiAyLjk0MzQzTDEyLjAyNDEgMi4yNjc2NUwxMy4zNzUgMy42MTg1MUwxMi42OTk1IDQuMjk0MjhMMTEuMzQ4NiAyLjk0MzQzWicgZmlsbD0nI0RFMDQyOScvPjwvc3ZnPg==);
  content: "";
  width: 10px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 3px;
  margin-bottom: -3px
}

#product-container-muro span.payment-plan-name {
  font-size: 20px;
  line-height: 24px;
  text-align: center
}

#product-container-muro .one-payment-plan .payment-plan-name {
  font-size: 20px;
  line-height: 24px
}

#product-container-muro span.payment-plan-old-price-striked {
  color: var(--base-red-50);
  text-decoration: line-through
}

#product-container-muro .payment-plan-old-price {
  font-family: "ABC Display", Georgia, Times New Roman, serif;
  font-size: 12px;
  line-height: 14px
}

#product-container-muro .payment-plan-final-price {
  font-family: "ABCDisplay Semibold", Georgia, Times New Roman, serif;
  display: flex;
  align-items: center
}

#product-container-muro span.payment-plan-final-price-int {
  font-size: 40px;
  line-height: 43px;
  letter-spacing: -1.28px
}

#product-container-muro .payment-plan-final-price-decimal {
  font-size: 14px;
  line-height: 16px;
  font-family: "ABC Display", Georgia, Times New Roman, serif;
  margin-left: 4px
}

#product-container-muro .custom-feature,
#product-container-muro .payment-plan-features {
  font-size: 10px;
  line-height: 12px;
  font-family: "ABC Display", Georgia, Times New Roman, serif;
  color: var(--base-grey-60);
  padding: 5px 0 0
}

#product-container-muro .custom-feature-link {
  text-decoration-line: underline
}

#product-container-muro .ev-em-product-selection .product-item-container .product-footer {
  position: static;
  width: 100%;
  padding-bottom: 0 !important
}

.product-footer-info {
  font-size: 9px;
  width: 100%;
  text-align: center;
  line-height: 14px;
  padding: 4px 0 0;
  font-family: "ABC Display", Georgia, Times New Roman, serif;
  color: var(--base-grey-80)
}

.product-footer-info a:hover {
  text-decoration: underline !important
}

#product-container-muro button.btn.btn-default.product-select-btn {
  width: 100%;
  padding: 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "ABCText Regular", Georgia, Times New Roman, serif;
  transition: .1s;
  height: 48px
}

#product-container-muro .product-item-container button.btn.btn-default.product-select-btn:after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain
}

.voc-advertising.voc-advertising--megabanner {
  margin-top: 72px;
  margin-bottom: 72px;
  overflow: visible
}

.voc-advertising.voc-advertising--footer {
  position: relative;
  margin-top: 64px;
  padding-bottom: 0;
  min-height: auto;
  background: rgba(0, 0, 0, 0);
  overflow: visible
}

.voc-container .voc-advertising.voc-advertising--footer {
  margin-bottom: 80px
}

.voc-advertising.voc-advertising--footer:after,
.voc-advertising.voc-advertising--megabanner:after {
  content: "Publicidad";
  content: "Publicidad";
  position: absolute;
  bottom: -16px;
  font: 10px/1 "Basier Square Regular", Arial, Roboto, Helvetica, sans-serif
}

.tick {
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  position: relative;
  z-index: 1
}

.tick * {
  box-sizing: inherit
}

.tick [data-view] {
  max-width: 100%
}

.tick span[data-view] {
  display: inline-block
}

.tick .tick-credits {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: .4;
  text-decoration: none;
  font-size: 11px;
  color: inherit
}

.card,
.comparative-years .year,
.comparative-years--videos figure,
.tick [data-layout~=overlay],
.tick-flip,
.title-card {
  position: relative
}

.tick [data-layout~=pad] {
  margin: -.25em
}

.tick [data-layout~=pad]>* {
  margin: .25em
}

.tick [data-layout~=horizontal] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center
}

.tick [data-layout~=horizontal][data-layout~=baseline] {
  -ms-flex-align: baseline;
  align-items: baseline
}

.tick [data-layout~=horizontal][data-layout~=center] {
  -ms-flex-pack: center;
  justify-content: center
}

.tick [data-layout~=horizontal][data-layout~=right] {
  -ms-flex-pack: end;
  justify-content: flex-end
}

.tick [data-layout~=horizontal][data-layout~=left],
.tick [data-layout~=vertical][data-layout~=top] {
  -ms-flex-pack: start;
  justify-content: flex-start
}

.tick [data-layout~=horizontal][data-layout~=fill],
.tick [data-layout~=horizontal][data-layout~=stretch] {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.tick [data-layout~=horizontal][data-layout~=fill]>*,
.tick [data-layout~=horizontal][data-layout~=stretch]>* {
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  width: 100%
}

.tick [data-layout~=horizontal][data-layout~=multi-line] {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.tick [data-layout~=horizontal][data-layout~=fit] {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: center;
  align-content: center;
  white-space: nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.tick [data-layout~=vertical] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

.tick [data-layout~=vertical][data-layout~=bottom] {
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-height: 100%
}

.tick [data-layout~=vertical][data-layout~=middle] {
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100%
}

.tick [data-layout~=vertical][data-layout~=left] {
  -ms-flex-align: start;
  align-items: flex-start
}

.tick [data-layout~=vertical][data-layout~=right] {
  -ms-flex-align: end;
  align-items: flex-end
}

.tick [data-layout~=vertical][data-layout~=fill],
.tick [data-layout~=vertical][data-layout~=stretch] {
  -ms-flex-align: stretch;
  align-items: stretch;
  min-height: 100%
}

.tick [data-layout~=vertical][data-layout~=fill]>*,
.tick [data-layout~=vertical][data-layout~=stretch]>* {
  -ms-flex: 1 0 0px;
  flex: 1 0 0
}

.tick [data-layout~=vertical]>*+* {
  margin-top: .5em
}

.comparative-years__b--1,
.tick [data-layout~=overlay][data-layout~=right] {
  text-align: right
}

.tick [data-layout~=overlay]>[data-overlay=fill],
.tick [data-layout~=overlay]>[data-overlay=stretch] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.tick [data-layout~=overlay]>[data-overlay=center] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.tick-flip * {
  border-radius: inherit;
  white-space: pre;
  letter-spacing: inherit;
  text-indent: inherit
}

.tick-flip-front {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.tick-flip-back {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.tick-flip-spacer {
  display: block
}

.tick-flip-shadow {
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  color: transparent !important;
  background: 0 0 !important
}

.tick-flip-shadow-top {
  bottom: calc(50% - 1px)
}

.tick-flip-shadow-bottom {
  top: calc(50% + 1px)
}

.tick-flip-card-shadow {
  position: absolute;
  left: .15em;
  right: .15em;
  bottom: .125em;
  height: .5em;
  background-color: transparent;
  border-radius: 0;
  opacity: 0;
  transform-origin: 0 100%;
  box-shadow: 0 .125em .25em rgba(0, 0, 0, .5), 0 .125em .5em rgba(0, 0, 0, .75);
  z-index: 0
}

.tick-flip-card {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  perspective: 4em
}

.tick-flip-panel-back,
.tick-flip-panel-front {
  position: absolute;
  left: 0;
  width: 100%;
  height: 51%;
  backface-visibility: hidden;
  transform-style: preserve-3d
}

.tick-flip-panel-back-text,
.tick-flip-panel-front-text {
  position: absolute;
  left: -1px;
  top: 0;
  right: -1px;
  height: 100%;
  overflow: hidden
}

.tick-flip-panel-text-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%
}

.tick-flip-panel-back-text .tick-flip-panel-text-wrapper {
  height: 200%;
  top: -100%
}

.tick-flip-panel-front {
  transform-origin: center bottom;
  top: 0;
  z-index: 2;
  box-shadow: inset 0 1px hsla(0, 0%, 100%, .05)
}

.tick-flip-panel-back {
  transform-origin: center top;
  top: 50%;
  z-index: 1;
  box-shadow: inset 0 -1px rgba(0, 0, 0, .1)
}

.tick-flip-panel-back:after {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .3) 1px, rgba(0, 0, 0, .15) 0, transparent 30%)
}

/* contador solo numeros */

.percentage .tick {
  width: auto;
  height: auto;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}

.percentage .tick:before {
  content: none;
}

.percentage .tick .tick-credits {
  display: none;
}


.voc-article--detail-visual .voc-pretitle:after,
.voc-article.voc-article--detail-visual .voc-author__item--1:before {
  content: none
}

.tick [data-style*="rounded:panels"] .tick-flip-front,
.tick [data-style*="rounded:panels"] .tick-flip-shadow-bottom,
.tick-flip-panel-back-highlight,
.tick-flip-panel-back-shadow {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit
}

.tick-flip-panel-back-highlight,
.tick-flip-panel-back-shadow,
.tick-flip-panel-front-shadow {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0
}

.tick-flip-panel-front-shadow {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .3))
}

.tick-flip-panel-back-shadow {
  z-index: 2;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .5))
}

.tick-flip-panel-back-highlight {
  z-index: 3;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, .3))
}

.tick [data-style*="shadow:inner"],
.tick [data-style*="shadow:inner"] .tick-flip-card-shadow,
.tick [data-style*="shadow:none"] .tick-flip-card-shadow,
.tick [data-style*="shadow:none"] .tick-flip-panel-back,
.tick [data-style*="shadow:none"] .tick-flip-panel-front,
.tick [data-style*="shadow:none"] .tick-flip-shadow {
  box-shadow: none
}

.tick [data-style*="shadow:none"] .tick-flip-back:after,
.tick [data-style*="shadow:none"] .tick-flip-panel-back-shadow,
.tick [data-style*="shadow:none"] .tick-flip-panel-back-text:after,
.tick [data-style*="shadow:none"] .tick-flip-panel-front-shadow {
  background-image: none
}

.tick [data-style*="rounded:none"] {
  border-radius: 0
}

.tick [data-style*="rounded:panels"] .tick-flip-back,
.tick [data-style*="rounded:panels"] .tick-flip-panel-back:after,
.tick [data-style*="rounded:panels"] .tick-flip-shadow-top {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.tick-flip-panel {
  background-color: #333232;
  color: #faf2eb
}

.tick-flip-shadow {
  box-shadow: 0 .125em .3125em rgba(0, 0, 0, .25), 0 .02125em .06125em rgba(0, 0, 0, .25);
  box-shadow: 0 .125em .3125em rgba(0, 0, 0, .5), 0 .02125em .06125em rgba(0, 0, 0, .5)
}

.voc-article.voc-article--detail-visual .voc-title {
  font: 42px/40px "ABCDisplay Regular", Georgia, Times New Roman, serif;
  text-transform: uppercase;
  letter-spacing: -2.4px;
  color: rgba(var(--cb1), .8);
  word-break: normal
}

@media(min-width:699px) {
  .voc-article.voc-article--detail-visual .voc-title {
    font-size: 60px;
    line-height: 60px
  }
}

.voc-article.voc-article--detail-visual .voc-subtitle {
  width: 100%;
  max-width: unset;
  font: 20px/27px "ABCDisplay Regular", Georgia, Times New Roman, serif
}

@media(min-width:699px) {
  .voc-article.voc-article--detail-visual .voc-subtitle {
    font-size: 25px;
    line-height: 32px
  }

  .sel-cards {
    width: 690px;
    padding: 0 10px
  }
}

@media(min-width:860px) {
  .voc-article.voc-article--detail-visual .voc-subtitle {
    width: 724px
  }
}

.voc-article.voc-article--detail-visual .voc-title+.voc-subtitle {
  margin-top: 16px;
  margin-bottom: 0
}

.voc-article.voc-article--detail-visual .voc-author {
  margin-top: 44px
}

.voc-article.voc-article--detail-visual .voc-author__name {
  font-size: 12px;
  line-height: normal
}

.voc-article.voc-article--detail-visual .voc-author__subitem--1 {
  margin-right: 0
}

.voc-article.voc-article--detail-visual .voc-info-container {
  padding-top: 70px
}

.voc-d.voc-d--visual {
  margin-top: 64px
}

.voc-d.voc-d--visual .voc-author {
  max-width: 100%
}

.voc-btn__container--s-between .voc-btn,
.voc-d.voc-d--visual .voc-social__icon {
  mix-blend-mode: multiply
}

.voc-c-container:has(.v-c-crd) {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 82px auto 0
}

.voc-c-container:has(.v-c-crd):before {
  background: var(--cb1);
  margin-bottom: 20px
}

.voc-c-container:has(.v-c-crd):after {
  content: none
}

.voc-c-container .v-c-crd ul {
  padding-left: 0
}

.voc-c-container .v-c-crd ul li b {
  margin-left: 0;
  text-transform: initial;
}

.tick {
  width: 170px;
  height: 170px;
  margin: 0 auto 48px;
  font-family: "Saira XCond Regular", Georgia, Times New Roman, serif;
  font-size: 98px;
  line-height: 170px
}

.tick:before {
  content: "";
  position: absolute;
  width: 184px;
  height: 184px;
  background: var(--cb1);
  top: -7px;
  left: -7px;
  border-radius: 42px
}

.tick-flip {
  letter-spacing: .25em;
  margin: 0;
  min-width: auto;
  letter-spacing: unset;
  text-indent: unset;
  border-radius: 36px
}

.tick-flip-card:first-child .tick-flip-panel {
  background: linear-gradient(179deg, #dbdbdb 0, #3b3b3b 1%, #1e1e1e 88%, #000 100%)
}

.tick-flip-card:nth-child(2) .tick-flip-panel {
  background: linear-gradient(0deg, #252526 5%, #3c3c3c 92%, #000 100%)
}

.comparative-years:not(:has(.comparative-years-txt)),
.sel-cards {
  margin-top: 36px
}

.sel-cards__txt {
  display: block;
  margin: 0 0 64px;
  font-size: 14px;
  line-height: normal
}

.sel-nav ul li a,
.sel-nav-tgl span {
  font: 18px "ABC XCond Semibold", Georgia, Times New Roman, serif;
  text-transform: uppercase
}

.sel-cards__c {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px 10px
}

.sel-cards__c .card-animation-layer,
.sel-nav.is-active ul {
  display: block
}

.sel-cards .card {
  min-height: 324px
}

.sel-cards .card a {
  display: block;
  width: 100%;
  height: 100%;
  transition: opacity .3s
}

.sel-cards .card a:hover {
  opacity: .8
}

@keyframes sel-slide-in {
  from {
    scale: .85;
    rotate: calc(var(--side, 1)*5deg*var(--amp, 1))
  }

  to {
    scale: 1;
    rotate: 0deg
  }
}

@supports(animation-timeline:view()) {
  @media(prefers-reduced-motion:no-preference) {
    .sel-cards__c .card-animation-layer {
      animation: linear both sel-slide-in;
      animation-timeline: view();
      animation-range: cover 0% contain 20%;
      transform-origin: center bottom;
      scale: .85
    }
  }

  .sel-cards__c .card-animation-layer:nth-of-type(odd) {
    transform-origin: 40vw 100%;
    --side: -1;
    --amp: 1
  }

  .sel-cards__c .card-animation-layer:nth-of-type(2n) {
    transform-origin: -40vw 100%;
    --side: 1;
    --amp: 1
  }

  .sel-cards__c .card-animation-layer:nth-of-type(3n) {
    --amp: 2
  }

  .sel-cards__c .card-animation-layer:nth-of-type(5n) {
    --amp: 3
  }
}

@media(min-width:700px)and (max-width:1039px) {
  .sel-cards__c .card-animation-layer:nth-of-type(3n+1) {
    transform-origin: 40vw 100%;
    --side: -1;
    --amp: 2
  }

  .sel-cards__c .card-animation-layer:nth-of-type(3n+2) {
    transform-origin: 0vw 100%;
    --side: 1;
    --amp: 1
  }

  .sel-cards__c .card-animation-layer:nth-of-type(3n) {
    transform-origin: -40vw 100%;
    --side: 1;
    --amp: 2
  }
}

@media(min-width:1040px) {
  .sel-cards__c .card-animation-layer:nth-of-type(6n+1) {
    transform-origin: 70vw 100%;
    --side: -1;
    --amp: 4
  }

  .sel-cards__c .card-animation-layer:nth-of-type(6n+2) {
    transform-origin: 40vw 100%;
    --side: -1;
    --amp: 3
  }

  .sel-cards__c .card-animation-layer:nth-of-type(6n+3) {
    transform-origin: 20vw 100%;
    --side: -1;
    --amp: 2
  }

  .sel-cards__c .card-animation-layer:nth-of-type(6n+4) {
    transform-origin: -20vw 100%;
    --side: 1;
    --amp: 2
  }

  .sel-cards__c .card-animation-layer:nth-of-type(6n+5) {
    transform-origin: -40vw 100%;
    --side: 1;
    --amp: 3
  }

  .sel-cards__c .card-animation-layer:nth-of-type(6n) {
    transform-origin: -70vw 100%;
    --side: 1;
    --amp: 4
  }
}

.card {
  width: 175px;
  padding: 14px;
  background: #fbf9f6;
  border: .65px solid rgba(55, 25, 0, .09);
  border-radius: 16px;
  box-shadow: 0 9.096px 35.083px 0 rgba(46, 41, 13, .11), 0 2.599px 2.599px 0 rgba(0, 0, 0, .14)
}

.card__fig {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 136px;
  background: #efe7de;
  border-radius: 12px
}

.card__t {
  display: block;
  margin: 5px 0 2px;
  font: 27px "ABC XCond Semibold", Georgia, Times New Roman, serif
}

.sel-nav,
.voc-d span.paywall .sel-nav {
  margin-bottom: 48px
}

.card__p {
  font: 14px "ABCText Light", Georgia, Times New Roman, serif;
  word-break: break-word
}

.card--0 .card__fig {
  overflow: hidden;
  align-items: flex-end
}

.card--0 .card__fig img,
.card--1 .card__fig img {
  width: auto
}

.card--2 .card__fig img {
  width: auto;
  margin-top: 10px
}

.card--3 .card__fig img {
  width: 170px
}

.card--4 .card__fig {
  overflow: hidden
}

.card--4 .card__fig img {
  width: auto
}

.card--5 .card__fig img {
  width: auto;
  rotate: 2deg
}

.sel-nav {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  height: 40px;
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
  z-index: 2
}

.sel-nav.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
  z-index: 999
}

.sel-nav.is-active .sel-nav-tgl .voc-icon svg {
  rotate: 0deg
}

.sel-nav-tgl {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0 32px;
  background: #f9f2e9;
  z-index: 1
}

.sel-nav-tgl .voc-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px
}

.sel-nav-tgl .voc-icon svg {
  width: 100%;
  height: auto;
  rotate: 180deg;
  transition: rotate .3s
}

.sel-nav-tgl .voc-icon svg path {
  fill: var(--cb1)
}

.sel-nav ul li a {
  display: flex;
  align-items: center;
  height: 27px;
  padding: 0 32px;
  border-radius: 2px;
  transition: background .3s
}

.sel-nav ul li a:hover,
.sel-nav ul li.is-active a {
  background: #fff
}

.title-card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  scroll-margin-top: 140px;
  margin-top: 64px
}

.title-card:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #c7c2bd
}

.title-card .card {
  margin: 0 auto 8px;
  padding-bottom: 30px
}

.voc-d span.paywall .title-card+.voc-d-c__s-title {
  margin-bottom: 42px;
  font: 56px/46px "ABC XCond Semibold", Georgia, Times New Roman, serif;
  text-align: center;
  letter-spacing: -.8px;
  text-transform: uppercase
}

.combo-2 {
  display: flex;
  flex-direction: column;
  gap: 11px;
  width: 100%
}

.combo-2--1 .combo-2-f img {
  object-position: top
}

.combo-2 video {
  width: 100%;
  object-fit: cover;
  height: auto
}

.combo-2-f {
  flex: 1 0 0
}

.combo-2-f--1>* {
  border-radius: 20px 20px 0 0
}

@media(min-width:699px) {
  .sel-cards .card {
    transition: transform .3s
  }

  .sel-cards .card:hover {
    transform: translateY(-20px)
  }

  .sel-nav {
    justify-content: center
  }

  .sel-nav-tgl {
    display: none
  }

  .sel-nav ul {
    display: flex;
    justify-content: space-around;
    gap: 4px
  }

  .sel-nav ul li a {
    justify-content: center;
    padding: 0 8px
  }

  .voc-d span.paywall .title-card+.voc-d-c__s-title {
    margin-bottom: 60px;
    font-size: 80px;
    line-height: 52px
  }

  .combo-2 {
    flex-direction: row
  }

  .combo-2 video {
    height: 210px
  }

  .combo-2-f--1>* {
    border-radius: 20px 0 0 20px
  }
}

.combo-2-f--2>* {
  border-radius: 0 0 20px 20px
}

.combo-2-f__fc {
  margin-top: 5px;
  font: 14px/19px "Basier Square Regular", Arial, Roboto, Helvetica, sans-serif;
  word-break: break-word
}

.combo-2-f__fc span,
.grid-gallery-feature__subtitle,
.grid-gallery-feature__title {
  font-family: "Basier Square Semibold", Arial, Roboto, Helvetica, sans-serif
}

*+.combo-2 {
  margin-top: 32px
}

.voc-d span.paywall .combo-2 {
  margin-bottom: 40px;
  margin-top: 40px
}

.grid-gallery {
  display: flex;
  flex-direction: column;
  align-items: center
}

.grid-gallery__c {
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 14px 20px;
  margin: 82px 0 36px
}

@media(min-width:550px) {
  .grid-gallery__c {
    grid-template-columns: repeat(9, 1fr);
    column-gap: 12px
  }
}

.grid-gallery-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: opacity .3s
}

.grid-gallery-thumb:hover {
  opacity: .7
}

.grid-gallery-thumb img {
  object-fit: cover;
  width: 45px;
  height: 65px;
  border-radius: 2px;
  border: 2px solid #fff;
  box-sizing: content-box
}

@media(min-width:550px)and (max-width:699px) {
  .grid-gallery-thumb:nth-last-child(5) {
    grid-column-start: 3
  }
}

@media(min-width:699px)and (max-width:1039px) {
  .grid-gallery-thumb:nth-last-child(6) {
    grid-column-start: 4
  }
}

.grid-gallery-feature {
  position: relative;
  grid-column: 1/span all;
  grid-row: 1/span all;
  display: flex;
  gap: 16px;
  height: 224px;
  opacity: 1;
  transition: opacity .3s
}

.grid-gallery-feature.fade-out {
  opacity: 0
}

.grid-gallery-feature.fade-in {
  opacity: 1
}

.grid-gallery-feature img {
  flex: 1 0 auto;
  width: 146px;
  background: #fff;
  border-radius: 4px
}

.grid-gallery-feature__info {
  font-size: 14px;
  line-height: 20px;
  color: var(--cb1)
}

.grid-gallery-feature__title {
  margin-bottom: 8px;
  font-size: 20px
}

.grid-gallery-feature__subtitle {
  margin-bottom: 3px
}

.grid-gallery .tick {
  width: 90px;
  height: 90px;
  font-size: 52px;
  line-height: 90px
}

.grid-gallery .tick:before {
  width: 104px;
  height: 104px;
  border-radius: 16px
}

.grid-gallery .tick-flip {
  border-radius: 12px
}

.grid-gallery[data-category=songs] .grid-gallery-feature {
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0
}

.grid-gallery[data-category=songs] .grid-gallery-thumb img {
  aspect-ratio: 1;
  height: auto
}

.grid-gallery[data-category=songs] .spotify-loader {
  width: 48px;
  height: 48px;
  border: 4px solid #ccc;
  border-top-color: #353535;
  border-radius: 50%;
  animation: .9s linear infinite spin;
  position: absolute;
  display: none
}

@keyframes spin {
  to {
    rotate: 360deg
  }
}

.comparative-years {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 28px 32px 52px;
  border-bottom: 1px solid #d0ccc7;
  box-shadow: 0 5px 0 0 #ece6e0;
  margin-bottom: 36px
}

.comparative-years:after {
  content: "";
  width: 100%;
  height: 5px;
  background: #ece6e0;
  border-bottom: 1px solid #d0ccc7;
  position: absolute;
  top: -6px
}

.comparative-years .year {
  grid-row: 1;
  margin-bottom: 12px;
  font: 88px "Basier Square Bold", Georgia, Times New Roman, serif;
  letter-spacing: -3.9px;
  color: rgba(0, 0, 0, .6);
  mix-blend-mode: multiply
}

.comparative-years .percentage {
  margin-bottom: 24px;
  display: flex;
  align-items: flex-end;
  height: 72px;
  font-family: "Basier Square Bold", Georgia, Times New Roman, serif;
  font-size: 32px;
  line-height: 1;
  color: #f0c23a;
  text-shadow: 1px 1px 1px #fff;
  background-color: #565656;
  background-clip: text
}

.comparative-years .percentage.big {
  position: relative;
  top: 10px;
  font-size: 42px;
  line-height: normal;
  letter-spacing: -2.4px;
  color: #e1194d
}

.comparative-years p {
  font: 14px/20px "Basier Square Regular", Arial, Roboto, Helvetica, sans-serif
}

.comparative-years-txt,
.voc-d-c-chapter__title {
  line-height: 52px;
  text-transform: uppercase;
  text-align: center
}

@media(min-width:699px) {
  .combo-2-f--2>* {
    border-radius: 0 20px 20px 0
  }

  .combo-2-f img {
    height: 250px;
    object-fit: cover
  }

  .combo-2-f__fc {
    padding: 0 12px
  }

  .grid-gallery__c {
    grid-template-columns: repeat(11, 1fr)
  }

  .grid-gallery-feature {
    grid-column: 4/span 5;
    grid-row: 1/span 2;
    gap: 8px;
    margin-top: -81px;
    justify-content: space-between
  }

  .grid-gallery .tick {
    width: 110px;
    height: 110px;
    font-size: 64px;
    line-height: 110px
  }

  .grid-gallery .tick:before {
    width: 124px;
    height: 124px
  }

  .grid-gallery[data-category=songs] .grid-gallery__c {
    margin-top: 0;
    row-gap: 25px
  }

  .grid-gallery[data-category=songs] .tick {
    margin-bottom: 40px
  }

  .comparative-years {
    width: 700px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: unset;
    gap: 0 74px
  }

  .comparative-years:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 100%;
    background: repeating-linear-gradient(to bottom, #d0ccc7 0, #d0ccc7 2px, transparent 2px, transparent 4px)
  }

  .comparative-years .year {
    margin-bottom: 0
  }

  .comparative-years .year--1 {
    text-align: right
  }

  .comparative-years__b--1,
  .comparative-years__b--2 {
    grid-row: 2
  }

  .voc-c-container:has(.sel-cards) {
    width: 690px;
    margin-left: calc(-345px + 50%)
  }
}

@media(max-width:699px) {
  .sel-cards__c .card-animation-layer:nth-of-type(odd) {
    transform-origin: 30vw 100%;
    --side: -1;
    --amp: 1
  }

  .sel-cards__c .card-animation-layer:nth-of-type(2n) {
    transform-origin: -30vw 100%;
    --side: 1;
    --amp: 1
  }

  .sel-nav ul {
    position: absolute;
    top: 39px;
    width: 100%;
    background: #f9f2e9;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25)
  }

  .grid-gallery__c {
    margin-top: 20px;
    padding: 0 25px
  }

  .grid-gallery-feature {
    height: auto
  }

  .grid-gallery-feature img {
    width: auto
  }

  .grid-gallery__stk {
    position: sticky;
    top: 104px;
    width: 100vw;
    padding: 20px 25px;
    background: url(https://s1.abcstatics.com/comun/narrativas/redaccion/2025/11/21/comohemoscambiado/assets/images/trama-bg.jpg);
    z-index: 1;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
  }

  .comparative-years .percentage {
    justify-content: center;
    height: auto
  }

  .comparative-years .percentage.big {
    top: unset
  }

  .comparative-years p {
    text-align: center
  }

  .comparative-years__b--1 {
    margin-bottom: 8px;
    padding-bottom: 32px;
    border-bottom: 1px solid #d0ccc7
  }

  .comparative-years__b--1 .percentage {
    justify-content: center
  }
}

.comparative-years {
  justify-content: center
}

@media (max-width:699px) {

  .widget-header,
  ev-em-product-selection .visibility-hidden {
    display: none !important
  }

  div#product-container-muro {
    flex-direction: column;
    align-items: center
  }

  .comparative-years__b--1,
  div#product-container-muro>ev-em-product-selection {
    width: 100%
  }

  #product-container-muro .payment-plan-last-hours-offer-light {
    display: inline-block
  }

  .content-exclusive-bg .paragraph-titles-exclus {
    margin-bottom: 8px !important;
    font-size: 14px
  }

  .content-exclusive-bg .container-wall-exclusive>* {
    margin-bottom: 6px !important
  }

  #product-container-muro span.payment-plan-old-price-striked,
  .container-wall-exclusive__content-login .text,
  .widget-header #product-desc {
    font-size: 14px !important;
    line-height: 16px !important
  }

  .widget-header {
    gap: 4px !important;
    padding: 4px 0
  }

  #product-container-muro span.payment-plan-name,
  .widget-header #product-title {
    font-size: 18px !important;
    line-height: 20px !important
  }

  #product-container-muro span.payment-plan-final-price-int {
    font-size: 44px !important;
    line-height: 33px !important
  }

  #product-container-muro button.btn.btn-default.product-select-btn {
    font-size: 15px !important;
    line-height: 17px !important;
    padding: 12px !important
  }

  #product-container-muro .payment-plan-container {
    row-gap: 4px !important
  }
}

.comparative-years-txt {
  font-family: "ABC XCond Semibold";
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -.4px;
  display: block;
  margin-bottom: 16px;
  margin-top: 36px
}

.comparative-years .pd {
  font-size: 12px
}

.comparative-years .ast {
  position: absolute;
  top: 24px;
  font-size: 30px
}

.comparative-years figure {
  margin: 20px 0
}

.voc-c-container:has(.sel-nav) {
  position: sticky;
  top: 64px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #f9f2e9;
  z-index: 2
}

.voc-d-c-chapter {
  margin-top: 60px;
  margin-bottom: 68px
}

.voc-d-c-chapter__title {
  font-family: 'ABC XCond Semibold';
  font-size: 56px
}

.voc-article-position__name {
  font-family: "Basier Square Regular", Arial, Roboto, Helvetica, sans-serif;
  font-weight: 700;
  margin: 0 8px 40px 0
}

.voc-article--c-summary .voc-info-container:before,
.voc-pretitle__cnt {
  margin-bottom: 18px
}

.voc-article--c-summary .voc-article-position {
  font-size: 16px;
  line-height: 18px
}

.voc-article-position {
  color: #060606
}

@media (min-width:699px) {
  .comparative-years-txt {
    margin-bottom: 28px;
    font-size: 40px
  }

  .voc-article--c-summary .voc-info-container:before {
    height: 1px
  }
}

@media (min-width:1039px) {
  .comparative-years figure {
    width: 400px
  }

  .voc-c-container:has(.voc-d-c-chapter) {
    width: 880px;
    margin-left: calc((-880px / 2) + 50%)
  }

  .voc-d-c-chapter__title {
    font-size: 80px;
    line-height: 72px
  }

  .voc-article--c-summary .voc-info-container {
    margin-top: 60px
  }
}

.voc-article--detail-visual .voc-pretitle {
  order: 2;
  margin-top: 26px
}

.voc-article--detail-visual .voc-subtitle {
  order: 3
}

.voc-article--detail-visual .voc-author {
  order: 4;
  margin: 26px 0 0
}

.voc-pretitle__cnt {
  width: 185px
}

.voc-paywall--grad:before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgb(242 232 224 / 68%) 50%, #f3ebe2 90%)
}

.comparative-years--videos .comparative-years__b--1 .video-mask {
  position: absolute;
  bottom: 3.8%;
  left: 21.3%;
  width: 53%;
  height: 35.2%;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(min-width:699px) {
  .voc-c-container:has(.comparative-years) {
    width: 700px;
    margin-left: calc(-350px + 50%)
  }

  .comparative-years--videos .comparative-years__b--1 .video-mask {
    bottom: 18px;
    left: 58px;
    width: 150px;
    height: 124px;
    border-radius: 20px
  }
}

@media(min-width:1039px) {
  .sel-cards {
    width: 1100px;
    padding: 0
  }

  .sel-nav ul {
    width: 990px
  }

  .title-card {
    width: 800px
  }

  .combo-2 {
    width: 880px
  }

  .combo-2 video {
    height: 330px
  }

  .combo-2-f img {
    height: 340px
  }

  .grid-gallery__c {
    grid-template-columns: repeat(15, 1fr);
    column-gap: 20px
  }

  .grid-gallery-feature {
    grid-column: 6/span 5;
    grid-row: 1/span 2
  }

  .comparative-years {
    width: 800px;
    padding-left: 72px;
    padding-right: 72px
  }

  .comparative-years .year {
    font-size: 130px
  }

  .comparative-years .percentage {
    font-size: 40px
  }

  .comparative-years .percentage.big {
    font-size: 52px
  }

  .voc-c-container:has(.sel-cards) {
    width: 1100px;
    margin-left: calc(-550px + 50%)
  }

  .voc-c-container:has(.comparative-years) {
    width: 800px;
    margin-left: calc(-400px + 50%)
  }

  .voc-c-container:has(.title-card) {
    width: 800px;
    margin-left: calc(-400px + 50%)
  }

  .voc-c-container:has(.combo-2) {
    width: 880px;
    margin-left: calc(-440px + 50%)
  }

  .comparative-years--videos .comparative-years__b--1 .video-mask {
    bottom: 27px;
    left: 84px;
    width: 214px;
    height: 174px;
    border-radius: 30px
  }
}

.comparative-years--videos .comparative-years__b--2 .video-mask {
  position: absolute;
  bottom: 7.8%;
  left: 10%;
  width: 74%;
  height: 30%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(min-width:699px) {
  .comparative-years--videos .comparative-years__b--2 .video-mask {
    bottom: 28px;
    left: 29px;
    width: 207px;
    height: 113px
  }
}

@media(min-width:1039px) {
  .comparative-years--videos .comparative-years__b--2 .video-mask {
    bottom: 40px;
    left: 41px;
    width: 295px;
    height: 160px
  }
}

body:has(.voc-paywall--grad) .sel-cards,
body:has(.voc-paywall--grad) .sel-nav {
  display: none
}