@font-face {  font-family:rockstar;  font-display:swap;  src:url('../../app/fonts/rockstar/Rockstar-Regular.otf') format("opentype");  font-weight:400;  font-style:normal}@font-face {  font-family:graphik;  font-display:swap;  src:url('../../app/fonts/graphik/Graphik-Regular.otf') format("opentype");  font-weight:400;  font-style:normal}@font-face {  font-family:graphik;  font-display:swap;  src:url('../../app/fonts/graphik/Graphik-Semibold.otf') format("opentype");  font-weight:600;  font-style:normal}@font-face {  font-family:graphik;  font-display:swap;  src:url('../../app/fonts/graphik/Graphik-Bold.otf') format("opentype");  font-weight:900;  font-style:normal}@font-face {  font-family:graphik;  font-display:swap;  src:url('../../app/fonts/graphik/Graphik-Medium.otf') format("opentype");  font-weight:500;  font-style:normal}@font-face {  font-family:canela;  font-display:swap;  src:url('../../app/fonts/canela/Canela-Regular.otf') format("opentype");  font-weight:400;  font-style:normal}@font-face {  font-family:canela;  font-display:swap;  src:url('../../app/fonts/canela/Canela-Medium.otf') format("opentype");  font-weight:500;  font-style:normal}@font-face {  font-family:canela;  font-display:swap;  src:url('../../app/fonts/canela/Canela-Bold.otf') format("opentype");  font-weight:700;  font-style:normal}@font-face {  font-family:fontello;  font-display:swap;  src: url('../../app/fonts/fontello/fontello.ttf') format('truetype');  font-weight:400;  font-style:normal }:root {/* Brand colors (see docs/COLOR.md) */--neutral-95: #171A1C;--brand-color: #EF5A35;--neutral-00: #FFFFFF;--neutral-05: #F4F6F9;--neutral-20: #D5D9DD;--neutral-70: #6E7B86;--cta-default: #EF5A35;--neutral-90: #394046;--okisam-gris: #3F3F3F;--okisam-rojo: #E74A48;--okisam-gris-claro: #A5A5A5;}/* === COLORS DE PROYECTO === */.text-neutral-95 { color: var(--neutral-95); }.bg-neutral-95 { background-color: var(--neutral-95); }.text-brand { color: var(--brand-color); }.bg-brand { background-color: var(--brand-color); }.text-neutral-00 { color: var(--neutral-00); }.bg-neutral-00 { background-color: var(--neutral-00); }.text-neutral-70 { color: var(--neutral-70); }.bg-neutral-70 { background-color: var(--neutral-70); }.text-neutral-20 { color: var(--neutral-20); }.bg-neutral-20 { background-color: var(--neutral-20); }.text-neutral-90 { color: var(--neutral-90); }.bg-neutral-90 { background-color: var(--neutral-90); }.text-okisam-gris { color: var(--okisam-gris); }.bg-okisam-gris { background-color: var(--okisam-gris); }.text-okisam-rojo { color: var(--okisam-rojo); }.bg-okisam-rojo { background-color: var(--okisam-rojo); }.text-okisam-gris-claro { color: var(--okisam-gris-claro); }  .bg-okisam-gris-claro { background-color: var(--okisam-gris-claro); }.text-cta { color: var(--cta-default); }.bg-cta { background-color: var(--cta-default); }/* Border utilities */.border-neutral-95 { border-color: var(--neutral-95); }.border-brand { border-color: var(--brand-color); }.border-neutral-00 { border-color: var(--neutral-00); }.border-neutral-70 { border-color: var(--neutral-70); }.border-neutral-20 { border-color: var(--neutral-20); }.border-neutral-90 { border-color: var(--neutral-90); }.border-okisam-gris { border-color: var(--okisam-gris); }.border-okisam-rojo { border-color: var(--okisam-rojo); }input::placeholder,textarea::placeholder {color: var(--okisam-gris-claro);opacity: 1;}html, body {  overflow-x: hidden;}body {font-family: Graphik;    color: #333333; }main {background: var(--neutral-05, #F4F6F9);padding-bottom: 72px; }main:has(.q2-container.locked) {  padding-bottom: 0px;}/* === TIPOGRAFÍAS DE PROYECTO === */.h1-semibold {font-family: 'Graphik', sans-serif;font-weight: 600;font-size: 40px;line-height: 110%;letter-spacing: 0px;}.h2-regular {font-family: 'Graphik', sans-serif;font-weight: 400;font-size: 30px;line-height: 140%;letter-spacing: 0.5%;}.h2-bold {font-family: 'Graphik', sans-serif;font-weight: 700;font-size: 30px;line-height: 140%;letter-spacing: 0.5%;}.h3-regular {font-family: 'Graphik', sans-serif;font-weight: 400;font-size: 24px;line-height: 130%;letter-spacing: 0px;}.h4-regular {font-family: 'Graphik', sans-serif;font-weight: 400;font-size: 20px;line-height: 130%;letter-spacing: 0px;}.display-xl-bold {font-family: 'Graphik', sans-serif;font-weight: 900;font-size: 52px;line-height: 110%;letter-spacing: 0px;}.display-xxl-bold {font-family: 'Graphik', sans-serif;font-weight: 700;font-size: 96px;line-height: 110%;letter-spacing: 0px;}.display-xl-black {font-family: 'Graphik', sans-serif;font-weight: 900;font-size: 52px;line-height: 110%;letter-spacing: 0px;}.body-l-semibold {font-family: 'Graphik', sans-serif;font-weight: 600;font-size: 18px;line-height: 150%;letter-spacing: 0.6px;}.body-l-regular {font-family: 'Graphik', sans-serif;font-weight: 400;font-size: 18px;line-height: 150%;letter-spacing: 0.6px;}.body-l-underlined {font-family: 'Graphik', sans-serif;font-weight: 600;font-size: 18px;line-height: 150%;letter-spacing: 0.55px;text-align: right;text-decoration: underline solid;}.body-s-regular {font-family: 'Graphik', sans-serif;font-weight: 400;font-size: 14px;line-height: 100%;letter-spacing: 0%;vertical-align: middle;}.h-time {font-family: 'Graphik', sans-serif;font-weight: 700;font-size: 24px;line-height: 36px;}.text-time-label {font-family: 'Graphik', sans-serif;font-weight: 400;font-size: 10px;line-height: 15px;}/* Header / Hero Styles */.hero-header {  display: flex;  flex-direction: column;  align-items: center;  justify-content: flex-start;  width: 100%;  min-height: 455px;  background: var(--neutral-95, #171A1C);  padding: 40px 0 64px;  margin: 0 auto;}.hero-header .box,.hero-header .box.mx-a {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:42px;width:100%;max-width:1482px;padding:0 24px;text-align:left;}.logo-header-container {    border-bottom: 1px solid var( --neutral-90);  width: 100%;  padding-bottom: 32px;}.hero-header .box.hero-header__content,.hero-header .box.mx-a.hero-header__content {  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 42px;}.hero-header__main {  width: 100%;  max-width: 880px;}.hero-header__badge {  display: inline-flex;  align-items: center;  justify-content: center;  min-height: 62px;  padding: 0 28px;  border-radius: 999px;  border: 1px solid rgba(239, 90, 53, 0.45);  background-color:  #EF5A354D;  color: var(--brand-color, #EF5A35);  font-family: 'Graphik', sans-serif;  font-weight: 600;  font-size: 14px;  letter-spacing: 1.14px;  text-transform: uppercase;}.hero-header__title {  /* margin: 36px 0 0; */  color: var(--neutral-00, #FFFFFF);  font-family: 'Graphik', sans-serif;  font-weight: 600;  font-size: 52px;  line-height: 56px;  letter-spacing: 0px;  display: block;}.hero-header__title span {  display: inline;}.hero-header__year {  color: var(--brand-color, #EF5A35);  position: relative;  display: inline-block;  white-space: nowrap;}.hero-header__year::after {  content: "";  position: absolute;  width: 154px;  height: 4px;  top: 62px;  left: -9px;  border-radius: 33554400px;  opacity: 1;  background: linear-gradient(180deg, #EF5A35 0%, rgba(0, 0, 0, 0) 100%);}.hero-header__description {  margin: 42px 0 0;  max-width: 1140px;  color: rgba(213, 217, 221, 0.9);  font-family: 'Graphik', sans-serif;  font-weight: 400;  font-size: 20px;  line-height: 32px;}.hero-header__aside {  width: 100%;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  gap: 38px;}.hero-header__countdown-title {  margin: 0;  opacity: 0.92;  font-size: 14px;  color: var(--neutral-20);}.hero-header__cta-wrap {  width: 100%;  display: flex;  justify-content: center;}.hero-header__cta.btn-orange {  margin-top: 0 ;  min-width: 254px !important;  min-height: 72px !important;  border-radius: 99px ;  background: var(--brand-color, #EF5A35) ;  color: var(--neutral-00, #FFFFFF) !important;  font-size: 20px ;  line-height: 1.2 ;  letter-spacing: 0 ;  box-shadow: 0 0 48px rgba(239, 90, 53, 0.5)  !important;}.hero-header__cta.btn-orange:hover {  background: #E04B2A ;  color: var(--neutral-00, #FFFFFF) !important;}@media (min-width: 992px) {  .hero-header {    padding: 40px 0 72px;  }  .hero-header .box.hero-header__content,  .hero-header .box.mx-a.hero-header__content {    flex-direction: row;    align-items: flex-start;    justify-content: space-between;    gap: 48px;  }  .hero-header__main {    flex: 1;    max-width: 920px;  }  .hero-header__badge {    min-height: 40px;    padding: 0 22px;    font-size: 14px;    letter-spacing: 0.96px;  }  .hero-header__title {    margin-top: 32px;    font-size: 52px;    line-height: 56px;  }  .hero-header__description {    margin-top: 28px;    max-width: 760px;    font-size: 20px;    line-height: 32px;  }  .hero-header__aside {    flex: 0 0 440px;    align-items: center;    padding-top: 38px;    gap: 28px;  }}.front-page-container {width: 100%;}@media (min-width: 992px) {  .front-page-container {    max-width: 1484px;    margin: 0 auto;    padding: 0px;  }}/* Panel header styles */.panel-header {display:flex;flex-direction:column;gap:100px;width:100%;margin:0 auto;padding: 100px 24px 24px 24px;max-width:1482px;}.panel-top{display:flex;align-items:flex-start;min-height: 500px;}.panel-band{width: 76px;height: 500px;}.panel-band .panel-band-content{gap: 8px;display: inline-flex;writing-mode: sideways-lr;text-orientation: mixed;transform: none;height: 500px;align-items: center;padding: 12px;      }.panel-info{background: transparent;color:var(--neutral-95);padding:12px 0;position:  relative;height: 500px;min-width: 628px;}.panel-info .panel-info-content{padding: 36px 44px 36px 44px;position: absolute;bottom: 0;left: 0;right: 0;text-align: left;width: 628px;min-height: 400px;gap: 2rem;display: flex;flex-direction: column;}.panel-info .panel-info-title{display: flex;flex-direction: column;gap:1rem ;}.panel-image{border-radius:8px;overflow:hidden;height: 500px;width: 775px;position: relative;}.panel-image img {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}/* Style - Panel Video */.panel-video{position:relative;width:100%;overflow:hidden;background-size:cover;background-position:center;height: 618px;border-radius: 8px;}.panel-video .video-overlay{position:absolute;inset:0;pointer-events:none;background: linear-gradient(89.73deg, rgba(0, 0, 0, 0.8) 0.51%, rgba(51, 64, 76, 0.8) 51.99%, rgba(244, 246, 249, 0.8) 105.67%);}.video-card{position:relative;display:flex;flex-direction: column;align-items:center;justify-content:center;gap: 20px;height: 100%;}.video-card .title-video{position: relative;transform: none;margin: 0;text-align: center;}.panel-video .video-play-link {	position: relative;	z-index: 2;	display: flex;	align-items: center;	justify-content: center;	align-self: center;	text-decoration: none;}@media (max-width: 991px){body.home .wrap, body.home .main {  padding: 0;  margin: 0;}.front-page-container {    padding: 0;}.panel-header {  padding: 16px;  margin: 0;  max-width: 100%;  gap: 24px;}.panel-top{flex-direction:column;align-items:stretch; min-height: 0; height: auto;}.panel-band{  order: 1;  width: 100%;  height: auto;  background-color: #000000;}.panel-band .panel-band-content{  writing-mode: horizontal-tb;  height: auto;  width: 100%;  padding: 30px 20px;  flex-direction: row;  align-items: center;  gap: 15px;}.panel-band-content .h1-semibold{ font-size: 80px; line-height: 1; margin: 0; }.panel-band-content .h4-regular{ font-size: 24px; line-height: 1.2; margin: 0; }.panel-image{  order: 2;  flex:0 0 auto;  width:100%;  min-height: 400px;  height: auto;  border-radius: 0;}.panel-image img {  width: 100%;  height: 100%;  object-fit: cover;  object-position: center;  display: block;}.panel-info{  order: 3;  width: 100%;  height: auto;  min-width: 0;  position: static;}.panel-info .panel-info-content{  position: static;  width: 100%;  padding: 50px 24px;  gap: 40px;}.panel-video{  height: 440px;  border-radius: 8px;}.video-card{  /* height:220px;  */  gap: 15px;  padding: 24px;}.panel-info .display-xl-bold{font-size: 40px; line-height: 1.1; text-align: left;}.panel-info .h3-regular{font-weight:400;font-size:22px;line-height:1.3;text-align:left}}.hero-header .countdown-container {display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:0;width:100%;}.hero-header .countdown-timer {display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:auto;}.hero-header .countdown-item {display:flex;flex-direction:column;align-items:center;justify-content:center;/* min-width:128px; *//* height:126px; */padding: 9px 12px;border:1px solid rgba(239, 90, 53, 0.5);border-radius:10px;background: #EF5A351A}.hero-header .countdown-number {display:flex;align-items:center;justify-content:center;}.hero-header .countdown-label {display:flex;align-items:center;justify-content:center;margin-top:8px;font-size:10px;line-height:1;letter-spacing:0.8px;text-transform:uppercase;opacity:0.92;}.hero-header .countdown-item .h2-bold {  font-size:56px;  line-height:1;  letter-spacing:-0.6px;}.hero-header .countdown-separator {display:flex;align-items:center;justify-content:center;font-size:56px;line-height:1;}.btn-orange {display:inline-flex !important;align-items:center;justify-content:center;background:var(--brand-color,#EF5A35) !important;color:var(--neutral-95,#171A1C) !important;font-family:'Graphik',sans-serif !important;font-weight:600 !important;font-size:18px !important;line-height:150% !important;letter-spacing:0.6px !important;border-radius:40px !important;padding:12px 24px !important;min-width:173px !important;min-height:51px !important;text-align:center !important;margin-top:18px !important;box-shadow:none !important;border:none !important;}.btn-orange:hover{background:#E04B2A !important; color:var(--neutral-00,#FFFFFF) !important}/* Semantic CTA alias */.btn-cta {display:inline-flex !important;align-items:center;justify-content:center;background:var(--cta-default,#EF5A35) !important;color:var(--neutral-95,#171A1C) !important;font-family:'Graphik',sans-serif !important;font-weight:600 !important;font-size:18px !important;line-height:150% !important;letter-spacing:0.6px !important;border-radius:40px !important;padding:12px 24px !important;min-width:173px !important;min-height:51px !important;text-align:center !important;margin-top:18px !important;box-shadow:none !important;border:none !important;}.btn-cta:hover{background:#E04B2A !important; color:var(--neutral-00,#FFFFFF) !important}.btn-form-newsletter{display:inline-flex !important;align-items:center;justify-content:center;font-family:'Graphik',sans-serif !important;border-radius:60px !important;padding:12px 24px !important;min-width:173px !important;min-height:51px !important;text-align:center !important;margin-top:0px !important;box-shadow:none !important;border:none !important;}.btn-form-newsletter:hover{background:#E04B2A !important; color:var(--neutral-00,#FFFFFF) !important}.hero-header .countdown-number {font-size: 20px;height: auto;}.btn-orange {font-size: 16px;min-width: 120px;min-height: 40px;padding: 8px 16px;}/* Thank you section (partners) */.thank-you-section {  background: var(--neutral-00, #FFFFFF);  padding: 60px 24px;}.thank-you-container {  max-width: 1482px;  margin: 0 auto;}.thank-you-title {  text-align: center;  margin: 0 0 32px 0;  color: var(--neutral-90, #394046);}.thank-you-logos {  display: flex;  flex-wrap: wrap;  justify-content: center;  align-items: center;  gap: 24px;}.thank-you-logo img {  width: auto;  display: block;}/* Footer styles (three-column layout) */.site-footer {  background: var(--neutral-90, #394046);  color: var(--neutral-20, #D5D9DD);}.site-footer a {  color: var(--neutral-20);  text-decoration: none;}.site-footer a:hover {  color: var(--neutral-00);  text-decoration: underline;}.footer-container{  max-width:1482px;  margin: auto;}/* Tablet & Mobile Footer adjustments */@media (max-width: 991px) {  .site-footer .footer-container {    flex-direction: column !important;    gap: 32px;    padding: 40px 0;  }  .site-footer .footer-logo img {    max-width: 140px;    margin: 0 auto;  }  .site-footer .footer-social-logos {    padding: 0 !important;  }}.footer-inner {  display: flex;  gap: 32px;  align-items: flex-start;  justify-content: space-between;  max-width: 1482px;  margin: 0 auto;}.footer-col {  flex: 1;  min-width: 200px;}.footer-brand .footer-logo img {  max-width: 180px;  height: auto;  display: block;}.footer-tagline {  margin-top: 12px;}.footer-links h4,.footer-contact h4 {  color: var(--neutral-00);  margin-bottom: 8px;  font-size: 16px;}.footer-links-list {  list-style: none;  padding: 0;  margin: 0;  display: flex;  flex-direction: column;  gap: 8px;}.footer-contact-email {  margin: 0;}.footer-socials {  display: flex;  gap: 12px;  margin-top: 8px;}.footer-bottom {  padding: 12px 0;}/* TABLE STYLES DE PROYECTO  */@media (max-width: 900px) {  .footer-inner {      flex-direction: column;      align-items: center;      text-align: center;  }  .footer-col {      width: 100%;  }  .footer-socials {      justify-content: center;  }}/* === MOBILE STYLES DE PROYECTO === */@media (max-width: 991px){  .hero-header {    min-height: auto;    padding: 44px 0 48px;  }  .logo-header-container {    padding-bottom: 24px;    margin-bottom: 22px;  }  .hero-header .box,  .hero-header .box.mx-a {    gap: 36px;    padding: 0 30px;  }  .hero-header__badge {    min-height: 32px;    padding: 8px 12px;    font-size: 12px;    letter-spacing: 1.2px;  }  .hero-header__title {    margin-top: 14px;    font-size: 28px;    line-height: 30px;  }  .hero-header__description {    margin-top: 16px;    font-size: 16px;    line-height: 24px;    max-width: 100%;  }  .hero-header__aside {    gap: 24px;  }  .hero-header__countdown-title {    font-size: 14px;    line-height: 1.1;  }  .hero-header .countdown-container {    margin-top: 8px;    width: 100%;  }  .hero-header .countdown-item {    min-width: 64px;    height: 86px;    border-radius: 16px;    padding: 8px 6px;  }  .hero-header .countdown-item .h2-bold {    font-size: 48px;  }  .hero-header .countdown-separator {    font-size: 48px;    align-self: center;    margin-top: 0;  }  .hero-header .countdown-label {    margin-top: 8px;    font-size: 10px;    letter-spacing: 0.72px;  }  .hero-header__cta-wrap {    width: 100%;  }     .hero-header__year::after {    width: 100px;    height: 3px;    top: calc(100% + 6px);    left: 0;    border-radius: 33554400px;    opacity: 1;    margin-left: 0 !important;     background: linear-gradient(180deg, #EF5A35 0%, rgba(0, 0, 0, 0) 100%);  }}@media  (max-width:492px) {  .h-time{    font-size: 18px;    line-height: 24px;  }   .hero-header .countdown-label{    font-size: 8px;     line-height: 12px;   }    .hero-header .countdown-item{      min-width: 54px;      height: 69px;    }}/* Panel visibility and module styles */.no-panel-message {  text-align: center;  padding: 40px 20px;  font-size: 18px;}.q1-container,.q2-container {  margin: 0;}/* Grid layout para módulos (Q1/Q2) - Sistema 3x3 */.modules-grid {  display: grid;  grid-template-columns: repeat(3, minmax(0, 1fr));  gap: 24px;  grid-auto-rows: auto; /* Auto para respetar heights específicos de los módulos */  grid-auto-flow: dense;  margin-top: 20px;}.module {  background: #fff;  border-radius: 8px;  overflow: hidden;  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);  transition: transform 0.3s ease, box-shadow 0.3s ease;}.module:hover {  transform: translateY(-4px);  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);}.module-quote:hover {  box-shadow: none;  transform: none;}.module-thumbnail {  position: relative;  width: 100%;  padding-top: 56.25%; /* 16:9 aspect ratio */  background-size: cover;  background-position: center;}/* Video Sumario Module - Image covers full module */.module-video-sumario {  position: relative;  overflow: hidden;}.module-video-sumario .module-thumbnail {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  padding-top: 0;  z-index: 1;  overflow: hidden;}.module-video-sumario .module-thumbnail img {  width: 100%;  height: 100%;  object-fit: cover;  object-position: center;  display: block;}.module-video-sumario .module-thumbnail::before {  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: linear-gradient(90.05deg, rgba(244, 246, 249, 0.65) -29.85%, rgba(51, 64, 76, 0.65) 39.78%, rgba(0, 0, 0, 0.65) 105.5%);  z-index: 1;  pointer-events: none;}.module-video-sumario .module-content {  position: relative;  z-index: 2;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  height: 100%;  padding: 36px;  text-align: center;  gap: 20px;}.module-video-sumario .module-title {  font-family: 'Graphik', sans-serif;  font-weight: 700;  font-style: normal;  font-size: 30px;  line-height: 140%;  letter-spacing: 0.5%;  vertical-align: middle;  color: var(--neutral-00);  margin: 0;  position: relative;  z-index: 3;  flex-shrink: 0;  text-align: center;  width: 100%;  top: 40px;}.video-play-link {  position: absolute;  top: 0;  left: 0;  width: 100%;  /* height: 100%; */  display: flex;  align-items: center;  justify-content: center;  text-decoration: none;}.module-video-sumario .video-play-link {  position: relative;  z-index: 2;  display: flex;  align-items: center;  justify-content: center;  align-self: center;  text-decoration: none;}.module-video-sumario .play-icon-wrapper {  cursor: pointer;}/* Video Entrevista Module - Same styles as Video Sumario */.module-video-entrevista {  position: relative;  overflow: hidden;}.module-video-entrevista .module-thumbnail {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  padding-top: 0;  z-index: 1;  overflow: hidden;}.module-video-entrevista .module-thumbnail img {  width: 100%;  height: 100%;  object-fit: cover;  object-position: center;  display: block;}.module-video-entrevista .module-thumbnail::before {  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: linear-gradient(90.05deg, rgba(244, 246, 249, 0.65) -29.85%, rgba(51, 64, 76, 0.65) 39.78%, rgba(0, 0, 0, 0.65) 105.5%);  z-index: 1;  pointer-events: none;}.module-video-entrevista .module-content {  position: relative;  z-index: 2;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  height: 100%;  padding: 36px;  text-align: center;  gap: 20px;}.module-video-entrevista .module-title {  font-family: 'Graphik', sans-serif;  font-weight: 700;  font-style: normal;  font-size: 30px;  line-height: 140%;  letter-spacing: 0.5%;  vertical-align: middle;  color: var(--neutral-00);  margin: 0;  position: relative;  z-index: 3;  flex-shrink: 0;  text-align: center;  width: 100%;  top: 40px;}.module-video-entrevista .video-play-link {  position: relative;  z-index: 2;  display: flex;  align-items: center;  justify-content: center;  align-self: center;  text-decoration: none;}.module-video-entrevista .play-icon-wrapper {  cursor: pointer;}.module-video-entrevista .module-person-role {  color: var( --neutral-05);}.play-icon-wrapper {  position: relative;  display: flex;  align-items: center;  justify-content: center;  width: 200px;  height: 200px;}.play-icon-circle-text {  position: absolute;  width: 100%;  height: 100%;  z-index: 3;  animation: rotate-text 20s linear infinite;  top: 0;  left: 0;  transform-origin: center center;}.play-icon-circle-text text {  font-family: 'Graphik', sans-serif;  font-weight: 500;  font-size: 12.26px;  line-height: 100%;  letter-spacing: 0;  fill: var(--neutral-00);}@keyframes rotate-text {  from {    transform: rotate(0deg);  }  to {    transform: rotate(360deg);  }}.play-icon {/*  width: 141px;  height: 141px;  background: var(--neutral-95);  opacity: 1;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  font-size: 24px;  color: #fff;  position: relative;*/  width: 0;  height: 0;  border-top: 12px solid transparent;  border-bottom: 12px solid transparent;  border-left: 20px solid var(--neutral-00);  color: transparent;  z-index: 2;}.module-content {  padding: 20px;}/* Quote Module Styles - Figma Design (sin background) */.module-quote {  border: 2px solid rgba(165, 174, 182, 1);  position: relative;}.module-quote.module-color-default,.module-quote.module-color-blanco {  background-image: none;}.module-quote.module-color-negro,.module-quote.module-color-azul {  border: none;}.module-quote.module-color-negro::before,.module-quote.module-color-azul::before {  content: none;}.module-quote.module-color-negro .module-content,.module-quote.module-color-azul .module-content {  position: relative;  z-index: 1;}.module-quote .module-content {  padding: 36px;  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  text-align: center;  gap: 10px;  height: 100%;}.module-title {  margin: 0 0 100px 0;  font-size: 20px;  font-weight: 600;}.module-description {  margin: 0;  color: #666;  line-height: 1.6;}/* Sistema de tamaños 3x3: module-size-{width}x{height} *//* Default: 1x1 (1 columna x 1 fila) */.modules-grid .module {  grid-column: span 1;  grid-row: span 1;}/* Variaciones de ancho x alto - Mayor especificidad para sobrescribir el default *//* 1 columna - diferentes alturas */.modules-grid .module.module-size-1x1,.modules-grid .module-size-1x1 {  grid-column: span 1;  grid-row: span 1;  height: 340px; /* Height específico para 1 fila */}.modules-grid .module.module-size-1x2,.modules-grid .module-size-1x2 {  grid-column: span 1;  grid-row: span 2;  height: 524px; /* Height específico para 2 filas */}.modules-grid .module.module-size-1x3,.modules-grid .module-size-1x3 {  grid-column: span 1;  grid-row: span 3;   /* Height específico para 3 filas */}/* 2 columnas - diferentes alturas */.modules-grid .module.module-size-2x1,.modules-grid .module-size-2x1 {  grid-column: span 2;  grid-row: span 1;  height: 340px; /* Height específico para 1 fila */}.modules-grid .module.module-size-2x2,.modules-grid .module-size-2x2 {  grid-column: span 2;  grid-row: span 2;  height: 524px; /* Height específico para 2 filas */}.modules-grid .module.module-size-2x3,.modules-grid .module-size-2x3 {  grid-column: span 2;  grid-row: span 3;   /* Height específico para 3 filas */}/* 3 columnas (full width) - diferentes alturas */.modules-grid .module.module-size-3x1,.modules-grid .module-size-3x1 {  grid-column: span 3;  grid-row: span 1;  height: 340px; /* Height específico para 1 fila */}.modules-grid .module.module-size-3x2,.modules-grid .module-size-3x2 {  grid-column: span 3;  grid-row: span 2;  height: 524px; /* Height específico para 2 filas */}.modules-grid .module.module-size-3x3,.modules-grid .module-size-3x3 {  grid-column: span 3;  grid-row: span 3;   /* Height específico para 3 filas */}/* Compatibilidad hacia atrás con clases antiguas (deprecated) */.modules-grid .module.module-size-small,.modules-grid .module-size-small {  grid-column: span 1;  grid-row: span 1;}.modules-grid .module.module-size-medium,.modules-grid .module-size-medium {  grid-column: span 1;  grid-row: span 1;}.modules-grid .module.module-size-large,.modules-grid .module-size-large {  grid-column: span 2;  grid-row: span 2;}/* Responsive: una columna en mobile */@media (max-width: 991px) {  .modules-grid {    grid-template-columns: 1fr;    grid-auto-rows: auto;  }    .modules-grid .module,  .modules-grid [class*="module-size-"] {    grid-column: span 1 !important;    grid-row: span 1 !important;  }  .modules-grid .module.module-size-1x1,  .modules-grid .module-size-1x1,  .modules-grid .module.module-size-2x1,  .modules-grid .module-size-2x1,  .modules-grid .module.module-size-3x1,  .modules-grid .module-size-3x1 {    height: auto;    min-height: 340px;  }  .modules-grid .module.module-size-1x2,  .modules-grid .module-size-1x2,  .modules-grid .module.module-size-2x2,  .modules-grid .module-size-2x2,  .modules-grid .module.module-size-3x2,  .modules-grid .module-size-3x2 {    height: auto;    min-height: 524px;  }    /* Mantener altura mínima para módulos con imágenes de fondo */  .module-grafico,  .module-video-sumario,  .module-video-entrevista {    min-height: 260px;  }}/* Quote module styles - Figma Design (sin background) */.module-quote {  border: 2px solid rgba(165, 174, 182, 1);  box-shadow: none;  position: relative;}.module-quote.module-color-default,.module-quote.module-color-blanco {  background-image: none;}.module-quote.module-color-negro,.module-quote.module-color-azul {  border: none;}.module-quote.module-color-negro::before,.module-quote.module-color-azul::before {  content: none;}.module-quote.module-color-negro .module-content,.module-quote.module-color-azul .module-content {  position: relative;  z-index: 1;}.module-quote .module-content {  padding: 36px;  display: flex;  flex-direction: column;  align-items: flex-start;  justify-content: center;  text-align: left;  gap: 10px;  height: 100%;}/* no-attribution removido: ya no se usa *//* .module-quote.no-attribution .module-content { align-items: center; text-align: center; } *//* .module-quote.no-attribution .quote-text { text-align: center; } */.module-quote .quote-text {  font-family: 'Graphik', sans-serif;  font-weight: 400;  font-style: normal;  font-size: 30px;  line-height: 140%;  letter-spacing: 0.5%;  margin: 0;  padding: 0;  border: none;  border-left: none;  padding-left: 0;  text-align: left;  color: var(--neutral-70);}.module-quote.module-quote--text-medium .quote-text {  font-size: 20px;  line-height: 145%;}.module-quote.module-quote--text-long .quote-text {  font-size: 16px;  line-height: 150%;}@media (max-width: 768px) {  .module-quote.module-quote--text-short .quote-text {    font-size: 24px;    line-height: 140%;  }  .module-quote.module-quote--text-medium .quote-text {    font-size: 21px;    line-height: 145%;  }  .module-quote.module-quote--text-long .quote-text {    font-size: 18px;    line-height: 150%;  }}.module-quote.module-color-negro .quote-text,.module-quote.module-color-azul .quote-text {  color: var(--neutral-00);}.module-quote .quote-attribution {  margin: 0;  display: flex;  flex-direction: column;  align-items: flex-start;  gap: 10px;}.module-quote .quote-author {  font-family: 'Graphik', sans-serif;  font-weight: 600;  font-style: normal;  font-size: 18px;  line-height: 150%;  letter-spacing: 0.6px;  margin: 0;  color: var(--brand-color);  text-align: left;}.module-quote .quote-source {  font-family: 'Graphik', sans-serif;  font-weight: 400;  font-style: normal;  font-size: 18px;  line-height: 150%;  letter-spacing: 0.6px;  margin: 0;  color: #666;  text-align: left;}/* Data module styles - mismo background para todos los colores: ficha de ajedrez a la izquierda */.module-dato-cualitativo {  position: relative;  background-image: url('../images/pieza-de-ajedrez.png');  background-position: left bottom;  background-repeat: no-repeat;  background-size: auto;}.module-dato-cualitativo .module-content {  padding: 36px;  display: flex;  flex-direction: column;  /* align-items: flex-end; */  justify-content: flex-end;  gap: 12px;  height: 100%;  position: relative;  z-index: 1;}.module-dato-cualitativo .data-value {  font-family: 'Graphik', sans-serif;  font-weight: 700;  font-style: normal;  font-size: 96px;  line-height: 110%;  letter-spacing: 0px;  text-align: right;  vertical-align: middle;  color: #333;  margin: 0;}@media (min-width: 991px)  and (max-width: 1200px) {  .module-dato-cualitativo .data-value {    font-size: 58px;  }}.module-dato-cualitativo.module-color-negro .data-value,.module-dato-cualitativo.module-color-azul .data-value {  color: var(--neutral-00);}/* Dato cualitativo blanco/default: mismos colores que el card artículo blanco */.module-dato-cualitativo.module-color-blanco .data-value,.module-dato-cualitativo.module-color-default .data-value {  color: #171A1C;}.module-dato-cualitativo.module-color-blanco .data-label,.module-dato-cualitativo.module-color-blanco .data-note,.module-dato-cualitativo.module-color-default .data-label,.module-dato-cualitativo.module-color-default .data-note {  color: #394046;}.module-dato-cualitativo .data-label {  font-family: 'Graphik', sans-serif;  font-weight: 400;  font-style: normal;  font-size: 18px;  line-height: 150%;  letter-spacing: 0.6px;  text-align: right;  vertical-align: middle;  margin: 0;}.module-dato-cualitativo.module-color-negro .data-label,.module-dato-cualitativo.module-color-azul .data-label {  color: var(--neutral-00);}.module-dato-cualitativo .data-note {  color: #666;  font-size: 14px;  margin: 0;}.module-dato-cualitativo.module-color-negro .data-note,.module-dato-cualitativo.module-color-azul .data-note {  color: var(--neutral-20);}/* Frase module – same styles as Dato Cualitativo */.module-frase {  position: relative;}/* Frase: caballo-negro.png a la derecha; sin imagen si background options = no_background o color negro */.module-frase {  background-image: url('../images/caballo-negro.png');  background-position: right bottom;  background-repeat: no-repeat;  background-size: auto;}.module-frase.module-frase--no-background,.module-frase.module-color-negro,.module-frase.module-color-azul {  background-image: none;}.module-frase.module-color-default::before,.module-frase.module-color-blanco::before {  content: none;}.module-frase .module-content {  padding: 36px;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  gap: 12px;  height: 100%;  position: relative;  z-index: 1;  text-align: center;}/* Texto centrado: Graphik 400, 30px, 140%, #6E7B86 */.module-frase .data-value {  font-family: 'Graphik', sans-serif;  font-weight: 400;  font-style: normal;  font-size: 30px;  line-height: 140%;  letter-spacing: 0.005em;  text-align: center;  vertical-align: middle;  color: #6E7B86;  margin: 0;}.module-frase.module-color-negro .data-value,.module-frase.module-color-azul .data-value {  color: var(--neutral-00);}.module-frase .data-label {  font-family: 'Graphik', sans-serif;  font-weight: 400;  font-style: normal;  font-size: 30px;  line-height: 140%;  letter-spacing: 0.005em;  text-align: center;  vertical-align: middle;  color: #6E7B86;  margin: 0;}.module-frase.module-color-negro .data-label,.module-frase.module-color-azul .data-label {  color: var(--neutral-00);}.module-frase .data-note {  font-family: 'Graphik', sans-serif;  font-weight: 400;  font-size: 14px;  line-height: 140%;  text-align: center;  color: #6E7B86;  margin: 0;}.module-frase.module-color-negro .data-note,.module-frase.module-color-azul .data-note {  color: var(--neutral-20);}/* Article module styles - Same as Quote */.module-articulo {    border: 2px solid rgba(165, 174, 182, 1);    box-shadow: none;    border-radius: 8px;    overflow: hidden;    height: 100%;    display: flex;    flex-direction: column;}.module-articulo:hover {    box-shadow: none;    transform: none;}.module-articulo .module-image img {    width: 100%;    height: 200px;    object-fit: cover;    display: block;}.module-articulo .module-content {    padding: 36px;    flex-grow: 1;    display: flex;    flex-direction: column;    align-items: flex-start;    justify-content: center;    text-align: left;    gap: 10px;    height: 100%;}.module-articulo .article-info {    display: flex;    align-items: center;    gap: 25px;    opacity: 0.7;    margin-bottom: 8px;}.module-articulo.module-color-negro .article-info,.module-articulo.module-color-azul .article-info {  opacity: 1;}.module-articulo .article-date,.module-articulo .article-read-time {    font-family: 'Graphik', sans-serif;     font-weight: 400;    font-style: normal;    font-size: 14px;    line-height: 100%;    letter-spacing: 0;    vertical-align: middle;}.module-articulo .article-date {    color: #E6E8EA;}.module-articulo.module-color-negro .article-date,.module-articulo.module-color-azul .article-date {  color: var(--neutral-00);}.module-articulo .article-read-time {    display: flex;    align-items: center;    color: #E6E8EA;}.module-articulo.module-color-negro .article-read-time,.module-articulo.module-color-azul .article-read-time {  color: var(--neutral-00);}.module-articulo .article-title {    font-family: 'Graphik', sans-serif;    font-weight: 700;    font-style: normal;    font-size: 30px;    line-height: 140%;    letter-spacing: 0.5%;    vertical-align: middle;    margin: 0;    color: var(--neutral-70);}.module-articulo.module-color-negro .article-title,.module-articulo.module-color-azul .article-title {    color: var(--neutral-00);}/* Artículo con fondo blanco: header #171A1C, demás textos #394046, Leer más igual */.module-articulo.module-color-blanco .article-title,.module-articulo.module-color-default .article-title {    color: #171A1C;}.module-articulo.module-color-blanco .article-date,.module-articulo.module-color-blanco .article-read-time,.module-articulo.module-color-blanco .article-excerpt,.module-articulo.module-color-default .article-date,.module-articulo.module-color-default .article-read-time,.module-articulo.module-color-default .article-excerpt {    color: #394046;}.module-articulo .article-excerpt {    font-family: 'Graphik', sans-serif;    font-weight: 400;    font-style: normal;    font-size: 18px;    line-height: 150%;    letter-spacing: 0.6px;    vertical-align: middle;    color: var(--neutral-70);    margin: 0;}.module-articulo.module-color-negro .article-excerpt,.module-articulo.module-color-azul .article-excerpt {    color: var(--neutral-00);}/* .module-articulo .module-action {    margin-top: auto;} */.module-articulo .btn-cta {    font-family: 'Graphik', sans-serif;    font-weight: 600;    font-style: normal;    font-size: 18px;    line-height: 150%;    letter-spacing: 0.55px;    text-align: right;    vertical-align: middle;    text-decoration: underline;    text-decoration-style: solid;    text-decoration-thickness: 0;    width: 100%;    min-width: auto !important;    margin: 0;    padding: 0;    padding-left: 0 !important;    background: none !important;    background-color: transparent !important;    color: var(--brand-color) !important;    border: none;    cursor: pointer;}.module-articulo .btn-cta:hover {    background: none !important;    background-color: transparent !important;    color: var(--brand-color) !important;}.article-content {  line-height: 1.6;}/* Graphic module styles *//* Gráfico Module - Image covers full module (same as video-sumario) */.module-grafico {  position: relative;  overflow: hidden;}.module-grafico .module-image {  /*position: absolute;  top: 0;  left: 0;*/  width: 100%;  height: 100%;  z-index: 1;  overflow: hidden;}.module-grafico .module-image img {  width: 100%;  height: 100%;  object-fit: contain;  display: block;}.module-grafico .module-image.fit-cover img {  object-fit: cover;}.module-grafico .module-image.fit-contain img {  object-fit: contain;}.module-grafico .module-content {  position: relative;  z-index: 2;}.graphic-description {  margin: 15px 0 5px 0;  display: none; /* Oculto temporalmente */}.graphic-source {  color: #666;  margin: 0;}/* Color variants - Background de las tarjetas *//* Mayor especificidad para sobrescribir el background blanco del .module base */.module.module-color-default,.module-color-default {  background-color: #fff !important;}/* Colores de marca */.module.module-color-blanco,.module-color-blanco {  background-color: rgba(255, 255, 255, 1) !important;  border: 2px solid rgba(165, 174, 182, 1);}.module.module-color-negro,.module-color-negro {  background-color: var(--neutral-95) !important;  border: none !important; /* Remover border de todos los módulos con color negro */}.module.module-color-azul,.module-color-azul {  background-color: #004cff !important;  border: none !important; /* Igual que negro: sin border */}/* Compatibilidad con valores antiguos (deprecated) */.module.module-color-primary,.module-color-primary {  background-color: #007bff !important;}.module.module-color-secondary,.module-color-secondary {  background-color: #6c757d !important;}.module.module-color-success,.module-color-success {  background-color: #28a745 !important;}.module.module-color-info,.module-color-info {  background-color: #17a2b8 !important;}.module.module-color-warning,.module-color-warning {  background-color: #ffc107 !important;}.module.module-color-danger,.module-color-danger {  background-color: #dc3545 !important;}/* Responsive adjustments */@media (max-width: 768px) {  .modules-grid {      grid-template-columns: 1fr;  }    .module-size-large {      grid-column: span 1;  }}.q1-container.locked .modules-grid,.q2-container.locked .modules-grid {  display:none; filter: blur(8px);  opacity: 0.5;}.q1-container.locked, .q2-container.locked {   position: relative;  height: 650px;  min-height: 400px;  margin: 0px;  pointer-events: none;}@media (max-width: 768px) {  .q1-container.locked,   .q2-container.locked {     height: 900px;  }}.q1-container.locked .modules-grid,.q2-container.locked .modules-grid,.q1-container.locked h2,.q2-container.locked h2 {  pointer-events: none;  user-select: none;}.locked-overlay {  position: absolute;  top: 0;  left: 50%;  right: 50%;  margin-left: -50vw;  margin-right: -50vw;  width: 100vw;  height: 100%;  background-image: url('../../app/images/blur-image.png');  background-size: cover;  background-position: center;  background-repeat: no-repeat;  display: flex;  align-items: center;  justify-content: center;  z-index: 10;  pointer-events: all;  padding: 30px;}.q-lock-content {  position: relative;  z-index: 20;  width: 100%;  max-width: 1074px;}.q-lock-countdown {  display: flex;  justify-content: center;  align-items: baseline;  gap: 8px;}.countdown-item {  display: flex;  flex-direction: column;  align-items: center;  min-width: 52px;}.countdown-value {  line-height: 1;  font-size: 40px;}.countdown-label {  margin-top: 8px;  text-transform: capitalize;  opacity: 0.9;  color: var(--neutral-20)}.countdown-separator {  line-height: 1;  font-size: 40px;  padding-bottom: 25px;}.subscription-input-group {  display: flex;  background: #FFFFFF;  border-radius: 100px;  padding: 12px 12px 12px 32px;  align-items: center;  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);  max-width: 880px;  margin: auto;}.input-with-icon {  display: flex;  align-items: center;  flex-grow: 1;  gap: 15px;}.input-with-icon .icon-mail {  display: inline-block;  width: 20px;  height: 20px;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236E7B86'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'%3E%3C/path%3E%3C/svg%3E");  background-size: contain;  background-repeat: no-repeat;}.input-with-icon input {  border: none;  outline: none;  width: 100%;  color: var(--neutral-90);  background: transparent;  font-size: 16px;}.input-with-icon input::placeholder {  color: var(--neutral-70);}.subscription-input-group .btn-cta {  border-radius: 100px;  padding: 16px 45px;  border: none;  cursor: pointer;  transition: all 0.3s ease;  white-space: nowrap;  font-weight: 500;}.subscription-input-group .btn-cta:hover {  background-color: #d14d2e;  transform: translateY(-1px);}.form-legal {  max-width: 995px;  margin-left: auto;  margin-right: auto;}.checkbox-container {  display: block;  position: relative;  padding-left: 32px;  margin-bottom: 12px;  cursor: pointer;  user-select: none;  line-height: 1.4;}.checkbox-container input {  position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}.checkmark {  position: absolute;  top: 2px;  left: 0;  height: 20px;  width: 20px;  background-color: transparent;  border: 1.5px solid var(--neutral-00);  border-radius: 4px;  transition: all 0.2s ease;}.checkbox-container input:checked ~ .checkmark {  background-color: var(--brand-color);  border-color: var(--brand-color);}.checkmark:after {  content: "";  position: absolute;  display: none;}.checkbox-container input:checked ~ .checkmark:after {  display: block;}.checkbox-container .checkmark:after {  left: 6px;  top: 2px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 2px 2px 0;  transform: rotate(45deg);}.legal-text {  line-height: 1.5;  color: rgba(255, 255, 255, 0.75);}.body-xs-regular {  font-family: 'Graphik', sans-serif;  font-weight: 400;  font-size: 11px;  line-height: 140%;}.underline {  text-decoration: underline;  text-underline-offset: 3px;}.mb-30 { margin-bottom: 30px; }.mb-40 { margin-bottom: 40px; }.mt-15 { margin-top: 15px; }.mt-30 { margin-top: 30px; }.text-center { text-align: center; }.text-left { text-align: left; }@media (max-width: 768px) {  .h1-semibold { font-size: 28px; }  .q-lock-countdown { gap: 8px; }  .countdown-item { min-width: 52px; }  .countdown-value { font-size: 32px; }  .countdown-separator { font-size: 32px; padding-bottom: 20px; }    .subscription-input-group {      flex-direction: column;      border-radius: 20px;      padding: 20px;      gap: 15px;  }  .input-with-icon {      width: 100%;  }  .subscription-input-group .btn-cta {      width: 100%;      padding: 14px 20px;  }}/* Modal Artículo */body.modal-open {    overflow: hidden;}/* Modal Video */.modal-video {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 9999;    display: flex;    align-items: center;    justify-content: center;    padding: 20px;    backdrop-filter: blur(40px);    -webkit-backdrop-filter: blur(40px);}.modal-video-overlay {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: #000000CC;    backdrop-filter: blur(10px);    -webkit-backdrop-filter: blur(10px);}.modal-video-container {    position: relative;    width: 100%;    max-width: 1200px;    z-index: 10;}.modal-video-close {    position: absolute;    top: -40px;    right: 0;    background: none;    border: none;    color: #FFFFFF;    font-size: 30px;    line-height: 1;    cursor: pointer;    transition: opacity 0.3s;}.modal-video-box {    background: #000;    box-shadow: 0 10px 40px rgba(0,0,0,0.5);    border-radius: 4px;    overflow: hidden;}.video-responsive-container {    position: relative;    padding-bottom: 56.25%; /* 16:9 */    height: 0;    overflow: hidden;}.video-responsive-container iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: 0;}.modal-article {    position: fixed !important;    top: 0;    left: 0;    width: 100vw;    height: 100vh;    z-index: 9999;    display: flex;    align-items: center;    justify-content:center;    padding: 20px;    /* Remover del grid layout - no debe participar en el grid */    grid-column: unset !important;    grid-row: unset !important;    margin: 0 !important;    will-change: opacity;    transform: translateZ(0);    backdrop-filter: blur(40px);    -webkit-backdrop-filter: blur(40px);}.modal-article-overlay {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.4);    backdrop-filter: blur(10px);    -webkit-backdrop-filter: blur(10px);    will-change: backdrop-filter;    transform: translateZ(0);    /* Force hardware acceleration for better blur performance */    backface-visibility: hidden;    -webkit-backface-visibility: hidden;}.modal-article-container {    position: relative;    background-color: #171A1C;    width: 100%;    max-width: 1024px;    max-height: 90vh;    border-radius: 9px;    display: flex;    flex-direction: column;    box-shadow: 0 10px 40px rgba(0,0,0,0.5);    color: #FFFFFF;    overflow: hidden;    z-index: 10;    transform: translateZ(0);}/* Modal artículo blanco: mismo criterio que el card blanco */.modal-article--blanco .modal-article-container {    background-color: #FFFFFF;    color: #171A1C;    box-shadow: 0 10px 40px rgba(0,0,0,0.15);}.modal-article--blanco .modal-article-close {    color: #171A1C;}.modal-article--blanco .modal-article-header {    border-bottom-color: rgba(57, 64, 70, 0.2);}.modal-article--blanco .modal-article-title {    color: #171A1C;}.modal-article--blanco .modal-article-meta,.modal-article--blanco .modal-article-info .modal-article-date,.modal-article--blanco .modal-article-info .modal-article-read-time,.module-articulo.module-color-blanco .module-article-date,.module-articulo.module-color-blanco .module-article-read-time,.module-articulo.module-color-default .module-article-date,.module-articulo.module-color-default .module-article-read-time {    color: #394046;}.modal-article--blanco .modal-article-content {    color: #394046;}.modal-article--blanco .modal-article-content a {    color: #394046;    text-decoration: underline;}.modal-article--blanco .modal-article-footer {    border-top-color: rgba(57, 64, 70, 0.2);}.modal-article--blanco .modal-article-content-wrapper::-webkit-scrollbar-thumb {    background: rgba(23, 26, 28, 0.2);}.modal-article--blanco .modal-article-content-wrapper::-webkit-scrollbar-thumb:hover {    background: rgba(23, 26, 28, 0.35);}.modal-article-close {    position: absolute;    top: 20px;    right: 20px;    background: none;    border: none;    color: #FFFFFF;    cursor: pointer;    padding: 5px;    z-index: 20;    transition: opacity 0.3s;}.modal-article-close:hover {    opacity: 0.7;}.modal-article-header {    padding: 60px 60px 28px;    border-bottom: 1px solid var(--neutral-70);    gap: 8px;}.modal-article-title {    font-family: 'Graphik', sans-serif;    font-weight: 700;    font-style: normal;    font-size: 30px;    line-height: 140%;    letter-spacing: 0.5%;    vertical-align: middle;    color: #FFFFFF;    margin: 0;}.modal-article-meta,.module-article-meta {    display: flex;    align-items: center;    justify-content: start;    flex-wrap: wrap;    gap: 20px;}.modal-article-author, .module-article-author {    display: flex;    align-items: center;    gap: 12px;}.modal-article-author-image,.module-article-author-image {  flex: 0 0 37.22px;    width: 37.22px;  min-width: 37.22px;    height: 37.22px;  min-height: 37.22px;  aspect-ratio: 1 / 1;    border-radius: 50%;    overflow: hidden;}.modal-article-author-image img, .module-article-author-image img {  display: block;    width: 100%;    height: 100%;    object-fit: cover;  object-position: center;}.modal-article-info,.module-article-info {    display: flex;    align-items: center;    gap: 25px;    font-size: 14px;    opacity: 0.7;}.modal-article-read-time,.module-article-read-time {    display: flex;    align-items: center;}.module-articulo.module-color-negro .module-article-info,.module-articulo.module-color-azul .module-article-info,.modal-article:not(.modal-article--blanco) .modal-article-info {  opacity: 1;}.module-articulo.module-color-negro .module-article-date,.module-articulo.module-color-azul .module-article-date,.modal-article:not(.modal-article--blanco) .modal-article-date,.modal-article:not(.modal-article--blanco) .modal-article-read-time {  color: var(--neutral-00);}.module-articulo.module-color-negro .module-article-read-time,.module-articulo.module-color-azul .module-article-read-time {  color: #666;}.modal-article-content-wrapper {    padding: 40px 60px;    overflow-y: auto;    flex-grow: 1;}.modal-article-content {    font-family: 'Graphik', sans-serif;    font-weight: 400;    font-style: normal;    font-size: 18px;    line-height: 150%;    letter-spacing: 0.6px;    vertical-align: middle;    color: rgba(255,255,255,0.85);}.modal-article-content p {    margin-bottom: 20px;}.modal-article-content a{    color: var(--neutral-20);    text-decoration: underline;}.modal-article-footer {    padding: 28px 60px 60px 12px;    border-top: 1px solid var(--neutral-70);}.modal-article-share {    display: flex;    gap: 15px;    justify-content: end;}.modal-article-share .share-icon {    transition: transform 0.3s;}.modal-article-share .share-icon:hover {    transform: translateY(-3px);}/* Custom Scrollbar for Modal */.modal-article-content-wrapper::-webkit-scrollbar {    width: 8px;}.modal-article-content-wrapper::-webkit-scrollbar-track {    background: transparent;}.modal-article-content-wrapper::-webkit-scrollbar-thumb {    background: rgba(255, 255, 255, 0.2);    border-radius: 4px;}.modal-article-content-wrapper::-webkit-scrollbar-thumb:hover {    background: rgba(255, 255, 255, 0.3);}@media (max-width: 767px) {    .modal-article-header {        padding: 50px 30px 20px;    }        .modal-article-title {        font-size: 28px;    }        .modal-article-meta,     .module-article-meta {        flex-direction: column;        align-items: flex-start;        gap: 15px;    }        .modal-article-content-wrapper {        padding: 30px 30px;    }        .modal-article-footer {        padding: 20px 30px 30px;    }        .modal-article-share {        justify-content: center;    }    .modal-article-share .share-icon svg {        width: 32px;        height: 32px;    }        .modal-article-container {        max-height: 95vh;    }}