:root {
      --paper: #f6f1e8;
      --ink: #221c16;
      --muted: #4a433b;
      --line: #e0d5c6;
      --card: #fffdf8;
      --green: #0d5c38;
      --green-press: #09442a;
    }
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background: var(--paper);
      color: var(--ink);
      font-family: "Source Sans 3", "Segoe UI", sans-serif;
      font-size: 1.0625rem;
      line-height: 1.45;
      padding-bottom: 80px; /* espacio para la barra sticky del CTA */
    }
    ::selection { background: #efd3b4; color: var(--ink); }
    img { max-width: 100%; min-width: 0; display: block; }
    a { color: #8c3418; text-underline-offset: 0.18em; }
    :focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
    .skip { position: absolute; left: 12px; top: -48px; background: var(--ink); color: #fff; padding: 8px 12px; }
    .skip:focus { top: 8px; }
    .frame { width: min(480px, calc(100% - 24px)); margin: 0 auto; }
    header { display: flex; justify-content: space-between; align-items: baseline; padding: 14px 0; }
    .brand {
      color: var(--ink);
      font-family: Fraunces, Georgia, serif;
      font-weight: 700;
      font-size: 1.2rem;
      letter-spacing: -0.03em;
      text-decoration: none;
    }
    header a.aviso { color: var(--ink); font-weight: 600; text-decoration: none; }
    .hero {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 18px;
      align-items: center;
    }
    .cover {
      margin: 0;
      background: var(--card);
      border: 1px solid var(--line);
      box-shadow: 0 14px 32px rgba(34, 28, 22, 0.12);
      overflow: hidden;
    }
    .cover img {
      width: 100%;
      height: 168px;
      object-fit: cover;
      object-position: center 28%;
    }
    .cover div { padding: 14px 16px 16px; }
    .cover strong {
      display: block;
      font-family: Fraunces, Georgia, serif;
      font-size: 1.55rem;
      letter-spacing: -0.03em;
      line-height: 1;
    }
    .cover span { display: block; margin-top: 8px; color: var(--muted); font-size: 0.98rem; }
    h1 {
      margin: 0;
      font-family: Fraunces, Georgia, serif;
      font-weight: 700;
      font-size: clamp(2.15rem, 8vw, 3.6rem);
      line-height: 0.98;
      letter-spacing: -0.035em;
      text-wrap: balance;
    }
    .lede { margin: 12px 0 16px; font-size: 1.05rem; }
    .cta {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-height: 52px;
      padding: 12px 16px;
      background: var(--green);
      color: #fff;
      font-weight: 600;
      text-align: center;
      text-decoration: none;
      border-radius: 4px;
    }
    .cta:hover { background: var(--green-press); }
    .cta { gap: 10px; animation: pulso 2.4s ease-out infinite; }
    .cta .wa { flex: none; }
    .n777 {
      padding: 0 6px;
      background: #ffe27a;
      color: var(--ink);
      font-size: 1.15em;
      border-radius: 3px;
    }
    @keyframes pulso {
      0%   { box-shadow: 0 0 0 0 rgba(13, 92, 56, 0.45); }
      70%  { box-shadow: 0 0 0 12px rgba(13, 92, 56, 0); }
      100% { box-shadow: 0 0 0 0 rgba(13, 92, 56, 0); }
    }
    @media (prefers-reduced-motion: reduce) { .cta { animation: none; } }
    .fine { margin: 8px 0 0; color: var(--muted); font-size: 0.98rem; }
    .pasos {
      margin: 0 0 12px;
      padding: 12px 14px;
      background: var(--card);
      border: 1px solid var(--line);
      border-left: 4px solid var(--green);
      border-radius: 4px;
      font-size: 0.98rem;
    }
    .pasos p { margin: 0 0 6px; }
    .pasos ol { margin: 0; padding-left: 1.25em; }
    .pasos li { margin: 0 0 4px; }
    .puntos {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 10px;
      margin: 28px 0 0;
      padding: 0;
      list-style: none;
    }
    .puntos li {
      background: var(--card);
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 14px 14px 12px;
    }
    .puntos strong {
      display: block;
      margin-bottom: 4px;
      font-family: Fraunces, Georgia, serif;
      font-size: 1.15rem;
      letter-spacing: -0.02em;
      line-height: 1.2;
    }
    .puente { margin: 22px 0 12px; max-width: 62ch; }
    .quien { margin: 18px 0 0; max-width: 62ch; }
    #aviso { margin-top: 32px; color: var(--muted); font-size: 0.95rem; max-width: 68ch; }
    #aviso h2 {
      margin: 0 0 8px;
      color: var(--ink);
      font-family: Fraunces, Georgia, serif;
      font-size: 1.25rem;
      letter-spacing: -0.03em;
    }
    #aviso p { margin: 0 0 8px; }
    footer {
      margin-top: 22px;
      padding: 14px 0 28px;
      border-top: 1px solid var(--line);
      color: var(--muted);
      font-size: 0.9rem;
    }
    footer p { margin: 0 0 6px; }
    footer a { color: var(--muted); }
    .sticky-bar {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 100;
      padding: 10px 14px max(env(safe-area-inset-bottom), 10px);
      background: rgba(246, 241, 232, 0.92);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border-top: 1px solid var(--line);
      box-shadow: 0 -4px 16px rgba(34, 28, 22, 0.08);
      transform: translateY(100%);
      transition: transform 0.28s ease;
    }
    .sticky-bar.visible { transform: translateY(0); }
    .sticky-bar .cta {
      display: flex;
      width: 100%;
      animation: pulso 2.4s ease-out infinite;
    }
    @media (min-width: 800px) {
      .sticky-bar .cta { max-width: 480px; margin: 0 auto; }
    }
    @media (prefers-reduced-motion: reduce) { .sticky-bar .cta { animation: none; } }
    @media (max-width: 799px) {
      .cover { order: 2; }
      /* imagen más corta en móvil para que el CTA quede sobre el fold */
      .cover img { height: 130px; }
      /* reduce el gap del hero para que el CTA suba más */
      .hero { gap: 10px; }
      /* h1 un poco más compacto en pantallas medianas */
      h1 { font-size: clamp(2rem, 8.5vw, 2.8rem); }
      /* más espacio entre secciones reducido */
      .puntos { margin-top: 20px; }
      .puente { margin-top: 16px; }
      .quien { margin-top: 14px; }
      /* aviso un poco más compacto */
      #aviso { margin-top: 24px; }
    }
    /* pantallas muy pequeñas: ≤380px (iPhone SE, Galaxy A series) */
    @media (max-width: 380px) {
      .frame { width: calc(100% - 20px); }
      h1 { font-size: 1.95rem; }
      .pasos { padding: 10px 12px; }
      .puntos li { padding: 12px 12px 10px; }
      .cover div { padding: 10px 12px 12px; }
      .cover strong { font-size: 1.35rem; }
    }
    @media (min-width: 800px) {
      /* 桌面上页面居中显示移动端宽度，不切双栏 */
      body { padding-bottom: 0; }
      .sticky-bar .cta { max-width: 480px; margin: 0 auto; }
    }
  
body{padding-bottom:0}.cta,.sticky-bar .cta{animation:none}.cta[disabled]{opacity:.65;cursor:not-allowed;border:0;font:inherit}.frame{padding-bottom:24px}section{scroll-margin-top:20px}h2{line-height:1.2}.cover img{height:190px}.disclosures{padding:16px;background:var(--card);border:1px solid var(--line)}
/* Accessible bottom action after the introductory content leaves view. */
.scroll-join[hidden]{display:none!important}
.scroll-join{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#f6f1e8;border-top:1px solid #e0d5c6;padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(34,28,22,.08)}
.scroll-join .cta{max-width:480px;margin:0 auto;animation:none;font-size:1rem}
body.has-scroll-join{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
.cover img{height:220px;object-position:center 45%}
@media(max-width:380px){.cover img{height:190px}.brand{font-size:1.1rem}}

/* Text remains accessible HTML over the supplied cover photograph. */
.cover.cover-integrated{position:relative;isolation:isolate;min-height:340px;background:#101b20;border:0;border-radius:10px}
.cover.cover-integrated img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;z-index:-2}
.cover.cover-integrated::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,14,20,.04) 10%,rgba(5,14,20,.35) 42%,rgba(5,14,20,.96) 100%)}
.cover.cover-integrated>div{position:relative;padding:190px 24px 26px;color:#fff}
.cover.cover-integrated strong{font-size:clamp(1.65rem,6vw,2.15rem);line-height:1.08;letter-spacing:-.025em;text-wrap:balance;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.cover.cover-integrated span{color:#f1f4f3;font-size:1rem;line-height:1.5;max-width:35ch;margin-top:12px}
@media(max-width:380px){.cover.cover-integrated{min-height:310px}.cover.cover-integrated>div{padding:165px 18px 22px}.cover.cover-integrated strong{font-size:1.7rem}}

.eyebrow{font-size:.69rem!important;line-height:1.5!important;font-weight:700;letter-spacing:.14em;color:#85e5d8!important;margin:0 0 12px!important}
.story-image{margin:27px 0 29px;border:1px solid rgba(164,208,244,.2);border-radius:13px;overflow:hidden;background:rgba(10,25,44,.6)}
.story-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.story-image figcaption{padding:11px 14px;color:#a9c4d9;font-size:.78rem;line-height:1.5}
.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:23px 0}
.insight-grid article{border:1px solid rgba(152,206,238,.17);border-radius:12px;padding:17px;background:rgba(35,77,97,.23)}
.topic-label{font-size:.65rem;letter-spacing:.12em;color:#7edcca;font-weight:700}
#contenido .insight-grid h3{margin:8px 0;font-size:1rem}
#contenido .insight-grid p{font-size:.9rem}
.investment-note{margin:24px 0;padding:17px 20px;border-left:3px solid #6ee6cf;background:rgba(50,113,127,.15);font-size:1.14rem;color:#d9faf3;font-weight:600}
.learning-list{padding-left:20px;color:#bccfe1;margin:20px 0}
.learning-list li{margin:13px 0;padding-left:4px}.learning-list strong{color:#e7f5ff}
@media(max-width:479px){.insight-grid{grid-template-columns:1fr;gap:10px}.story-image{margin:23px -4px}.investment-note{padding:14px 16px;font-size:1.02rem}.hero .eyebrow{margin-bottom:10px!important}}

/* Mobile-first reading sequence and translucent fintech appearance. */
:root{--paper:#081629;--ink:#eff6ff;--muted:#bdd0e1;--line:rgba(169,209,242,.2);--card:rgba(20,42,64,.66);--green:#65e0cc;--green-press:#8aefdd}
html,body{background:#081629;color:var(--ink)}body{font-family:"Segoe UI",Arial,sans-serif;line-height:1.65;position:relative}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(4,13,25,.28),rgba(4,13,25,.52)),url('../picture/fintech-background.webp') center/cover;z-index:0}
.frame{position:relative;z-index:1;width:min(1080px,calc(100% - 40px))}
header{padding:24px 0}.brand,h1,h2,h3,.puntos strong{font-family:"Segoe UI",Arial,sans-serif;color:#eef6ff}
.hero{grid-template-columns:1fr 1fr;gap:32px}.hero>div{min-width:0}.hero h1{font-size:clamp(1.85rem,3.7vw,2.8rem);line-height:1.15;letter-spacing:-.035em}.lede{color:#c1d1df;font-size:1rem}
a{color:#93eddf}a:hover{color:#d4fff6}.pasos,.puntos li,#contenido,.disclosures,.footer-panel{background:rgba(20,42,64,.64);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(9px)}
.pasos{border-left:3px solid #6ae3cf}.cta{background:linear-gradient(110deg,#68e8d4,#90ceff);color:#052332;border-radius:10px;font-weight:700;min-height:54px;line-height:1.4;touch-action:manipulation}.cta:hover{background:#91eddf;color:#052332}
.puntos{grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.puntos li{padding:20px;color:#bdcfe0}.puntos strong{font-size:1.12rem;line-height:1.3;margin-bottom:10px}
#contenido{padding:30px;margin-top:28px}#contenido h2{font-size:1.6rem;line-height:1.3}#contenido h3{color:#b0ece6;line-height:1.35;margin-top:28px}#contenido p{color:#bfd0e1}
#contenido+section{padding:27px;margin-top:25px;border:1px solid var(--line);background:rgba(21,65,81,.65);border-radius:15px}#contenido+section h2{line-height:1.3}
.fine,#aviso,footer{color:#abc0d5}.disclosures{padding:18px;color:#c0d2e3;font-size:.88rem}.disclosures p{margin:7px 0}.footer-panels{display:grid;gap:10px}.footer-panel summary{cursor:pointer;padding:15px 18px;font-weight:600;color:#e6f2ff;min-height:48px}.footer-panel-body{padding:0 18px 18px;overflow-wrap:anywhere}.footer-panel-body h2{font-size:1.1rem;color:#dcf8f2}.scroll-join{background:rgba(8,23,41,.9);border-top:1px solid var(--line);backdrop-filter:blur(12px)}
.story-image{margin:26px 0}.story-image img{display:block}.investment-note{font-size:1rem}
@media(max-width:799px){.frame{width:calc(100% - 28px)}header{padding:18px 0}.brand{font-size:1.15rem}.hero{grid-template-columns:1fr;gap:22px}.hero>div{order:0}.hero-photo{order:1}.hero h1{font-size:clamp(1.9rem,7.7vw,2.5rem)}.hero .pasos{padding:13px 15px}.hero .fine{font-size:.8rem}.cover.cover-integrated{min-height:220px}.cover.cover-integrated>div{padding:100px 20px 22px}.cover.cover-integrated strong{font-size:1.65rem}.cover.cover-integrated span{font-size:.9rem}.puntos{grid-template-columns:1fr;gap:12px}#contenido{padding:23px 19px}#contenido h2{font-size:1.45rem}.insight-grid{grid-template-columns:1fr}.story-image{margin:23px -3px}.footer-panel-body{font-size:.87rem}}

/* Full uncropped image display, including high-density mobile screens. */
.cover.cover-integrated.hero-photo{min-height:0;height:auto;display:block;background:#0a2137;overflow:hidden}
.cover.cover-integrated.hero-photo img{position:relative;inset:auto;z-index:auto;display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;aspect-ratio:auto}
.cover.cover-integrated.hero-photo::after{display:none}
.cover.cover-integrated.hero-photo>div{position:relative;padding:18px 22px 23px;background:linear-gradient(180deg,#0a2137,#081728);color:#fff}
.cover.cover-integrated.hero-photo strong{font-size:1.55rem;line-height:1.2}
.cover.cover-integrated.hero-photo span{font-size:.94rem;margin-top:9px}
.story-image{height:auto;overflow:hidden}
.story-image img{position:static;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto}
@media(max-width:799px){.cover.cover-integrated.hero-photo{min-height:0}.cover.cover-integrated.hero-photo>div{padding:16px 18px 20px}.cover.cover-integrated.hero-photo strong{font-size:1.45rem}.cover.cover-integrated.hero-photo span{font-size:.88rem}.story-image{margin:24px 0}.story-image img{height:auto;max-height:none}}

/* Image-backed translucent entry menu. */
.hero.entry-hub{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;min-height:720px;border:1px solid rgba(176,219,249,.22);border-radius:24px;overflow:hidden;align-items:center;padding:44px;margin-bottom:30px;background:#081c32}
.hub-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.entry-hub::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(5,16,31,.18),rgba(5,16,31,.6));z-index:-1}
.hero.entry-hub>.hub-panel{width:min(100%,620px);margin:0 0 0 auto;order:0;padding:30px;border:1px solid rgba(204,235,255,.3);border-radius:20px;background:rgba(9,28,47,.76);box-shadow:0 15px 45px rgba(0,0,0,.2)}
.entry-hub h1{font-size:clamp(2rem,4vw,2.8rem);line-height:1.12;margin:0;letter-spacing:-.035em}
.hub-intro{font-size:.96rem;color:#d1e2ef;line-height:1.6;margin:17px 0 22px}
.hub-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 21px}
.hub-menu>a{display:flex;align-items:center;gap:10px;min-height:85px;padding:14px 12px;border:1px solid rgba(190,223,248,.24);border-radius:11px;background:rgba(112,176,212,.09);color:#eff8ff;text-decoration:none;transition:background .15s,border-color .15s}
.hub-menu>a:hover{background:rgba(101,222,204,.17);border-color:#6de3d1;color:#fff}
.hub-number{font-size:.68rem;color:#83ead9;align-self:flex-start;margin-top:4px;letter-spacing:.06em}
.hub-menu strong{display:block;font-size:.92rem;line-height:1.3;font-weight:600}.hub-menu small{display:block;font-size:.73rem;line-height:1.45;margin-top:6px;color:#bad1e3}
.hub-menu>a>span:last-child{margin-left:auto;color:#8fe9dc}
.hub-footnote{text-align:center;font-size:.76rem;margin:12px 0 0;color:#b7ccdd}
#investment-basics,#contenido,#market-context,#portfolio-info,.footer-panel{scroll-margin-top:22px}
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){.hero.entry-hub>.hub-panel{background:rgba(9,28,47,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
@media(max-width:799px){header{padding:16px 0}.hero.entry-hub{min-height:0;padding:145px 13px 17px;border-radius:18px;margin-bottom:25px;gap:0}.hub-art{object-position:38% top}.hero.entry-hub>.hub-panel{padding:23px 17px;width:100%;border-radius:16px}.entry-hub h1{font-size:2rem}.hub-intro{font-size:.92rem;margin:13px 0 18px}.hub-menu{gap:9px}.hub-menu>a{min-height:94px;padding:12px 10px;gap:7px}.hub-menu strong{font-size:.88rem}.hub-menu small{font-size:.71rem}.hub-number{display:none}.hub-menu>a>span:last-child{font-size:.85rem}.entry-hub .cta{font-size:.95rem}.hub-footnote{font-size:.7rem}}
@media(max-width:360px){.hero.entry-hub{padding:115px 9px 13px}.hero.entry-hub>.hub-panel{padding:20px 13px}.entry-hub h1{font-size:1.8rem}.hub-menu{grid-template-columns:1fr}.hub-menu>a{min-height:64px}.hub-number{display:block}}
@media(prefers-reduced-motion:reduce){.hub-menu>a{transition:none}}
@media(prefers-reduced-transparency:reduce){.hero.entry-hub>.hub-panel{background:#10273e;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Dedicated topic pages; the home page is only the image-backed menu. */
.back-link{margin:0 0 20px;font-size:.94rem}.back-link a{text-decoration:none}
.topic-page{padding:28px;background:rgba(16,37,58,.7);border:1px solid rgba(174,213,244,.22);border-radius:18px;backdrop-filter:blur(10px);overflow-wrap:anywhere}
.topic-page>h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.16;margin:0 0 24px;letter-spacing:-.03em}
.topic-page h2{font-size:1.5rem;line-height:1.3}.topic-page h3{color:#b0ece6;line-height:1.4}.topic-page p{color:#c0d3e4}.topic-join{max-width:520px;margin:25px auto 15px}.topic-risk{font-size:.8rem;color:#a9bed2;margin:22px 0}
@media(max-width:799px){.topic-page{padding:22px 18px}.topic-page>h1{font-size:1.9rem}.topic-page .puntos{grid-template-columns:1fr}.hero.entry-hub{margin-bottom:12px}}

/* Secondary site-information links are distinct from the four investment topics. */
.hub-menu-primary{margin-bottom:22px}
.hub-menu.hub-menu-secondary{margin:23px 0 0;padding-top:20px;border-top:1px solid rgba(186,222,247,.24);gap:10px}
.hub-menu-secondary>a{min-height:65px;padding:12px;background:rgba(6,20,36,.26);border-color:rgba(186,222,247,.14)}
.hub-menu-secondary .hub-number{display:none}
.hub-menu-secondary strong{font-size:.84rem;color:#c8daea}
.hub-menu-secondary small{font-size:.7rem;color:#a8bfd2}
@media(max-width:799px){.hub-menu.hub-menu-secondary{margin-top:21px;padding-top:18px}.hub-menu-secondary>a{min-height:77px}.hub-menu-secondary strong{font-size:.8rem}}
@media(max-width:360px){.hub-menu.hub-menu-secondary{grid-template-columns:1fr}.hub-menu-secondary>a{min-height:60px}}

/* Market-image background and learning invitation. */
body::before{background-image:linear-gradient(rgba(3,14,27,.18),rgba(3,14,27,.48)),url('../picture/stock-market-background.webp');background-position:center;background-size:cover}
.entry-hub .hub-art{opacity:.45}
.entry-hub::after{background:linear-gradient(100deg,rgba(3,17,32,.28),rgba(3,17,32,.68))}
.hero.entry-hub{background:transparent}
.hero.entry-hub>.hub-panel{background:rgba(7,27,46,.67)}
.join-reasons{margin:20px 0;padding:17px 18px;border-radius:12px;border:1px solid rgba(110,224,208,.23);background:rgba(34,91,102,.2)}
.join-reasons h2{font-size:1.13rem;line-height:1.3;margin:0 0 10px;color:#edfbff}
.join-reasons p{font-size:.9rem;color:#c9dce9;margin:8px 0}
.join-reasons ul{padding-left:19px;margin:12px 0;color:#dcebf6;font-size:.89rem}.join-reasons li{margin:7px 0}
.join-reasons .join-detail{font-size:.76rem;color:#abc5d9;margin-bottom:0}
.floating-join[hidden]{display:none!important}
.floating-join{position:fixed;left:0;right:0;bottom:0;z-index:200;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(7,22,40,.92);border-top:1px solid rgba(161,216,245,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -6px 24px rgba(0,0,0,.24)}
.floating-join .cta{max-width:560px;margin:0 auto;min-height:54px;font-size:.96rem}
body.with-floating-action{padding-bottom:calc(85px + env(safe-area-inset-bottom))}
@media(max-width:799px){.hero.entry-hub{padding-top:110px}.join-reasons{padding:15px}.entry-hub h1{font-size:1.9rem}.hub-intro{font-size:.9rem}.floating-join .cta{font-size:.92rem}}

header .brand{max-width:100%;line-height:1.4;font-size:1rem;overflow-wrap:anywhere}@media(max-width:799px){header .brand{font-size:.88rem;line-height:1.45}}

/* Phone layout repair: explicit shrinkable tracks and safe wrapping. */
html{width:100%;max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;margin:0}
.frame,main,.entry-hub,.hub-panel,.hub-menu,.hub-menu>a,.hub-menu>a>span{min-width:0}
.hub-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
.hub-menu>a>span:nth-child(2){flex:1;min-width:0}
.hub-menu strong,.hub-menu small{overflow-wrap:anywhere;word-break:normal}
.hub-menu>a>span:last-child{flex:0 0 auto}
header .brand{white-space:normal;max-width:100%;min-width:0}
.hub-panel .cta,.floating-join .cta,.topic-join .cta{white-space:normal;overflow-wrap:anywhere;text-align:center}
@media(max-width:799px){
 .frame{width:calc(100% - 24px);max-width:620px;margin:0 auto;padding-bottom:22px}
 header{display:block;padding:15px 3px 13px;margin:0}
 header .brand{display:block;font-size:.88rem;line-height:1.5;letter-spacing:0;overflow-wrap:normal}
 .hero.entry-hub{display:block;width:100%;min-height:0;height:auto;padding:56px 10px 12px;border-radius:16px;margin:0 0 18px;overflow:hidden}
 .hero.entry-hub>.hub-panel{width:100%;max-width:100%;margin:0;padding:22px 16px 18px;border-radius:13px;box-sizing:border-box}
 .entry-hub h1{font-size:clamp(1.65rem,6.1vw,2.05rem);line-height:1.18;letter-spacing:-.025em;text-wrap:pretty;overflow-wrap:normal}
 .hub-intro{font-size:.94rem;line-height:1.6;margin:13px 0 18px}
 .hub-menu{gap:10px}.hub-menu>a{min-height:75px;padding:13px 12px;gap:10px;box-sizing:border-box}
 .hub-menu strong{font-size:.94rem;line-height:1.35}.hub-menu small{font-size:.8rem;line-height:1.45;margin-top:4px}
 .hub-menu .hub-number{display:none}.hub-menu>a>span:last-child{font-size:1rem}
 .join-reasons{margin:19px 0;padding:15px;border-radius:10px}
 .join-reasons h2{font-size:1.1rem;line-height:1.35}.join-reasons p,.join-reasons ul{font-size:.9rem;line-height:1.6}
 .join-reasons ul{padding-left:18px}.join-reasons li{margin:8px 0}
 .hub-panel .cta{font-size:.98rem;line-height:1.45;min-height:56px;padding:14px 12px;width:100%;height:auto}
 .hub-footnote{font-size:.74rem;line-height:1.6;margin:12px 2px 0}
 .hub-menu.hub-menu-secondary{margin:20px 0 0;padding-top:18px;grid-template-columns:minmax(0,1fr);gap:9px}
 .hub-menu-secondary>a{min-height:64px;padding:12px}.hub-menu-secondary strong{font-size:.9rem}.hub-menu-secondary small{font-size:.78rem}
 footer{margin:18px 2px 0;padding:18px 0 24px;font-size:.8rem;line-height:2;overflow-wrap:anywhere}
 .floating-join{left:0;right:0;bottom:0;width:100%;box-sizing:border-box;padding:9px max(12px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 .floating-join .cta{width:100%;max-width:596px;min-height:54px;font-size:.94rem;line-height:1.4;padding:13px 12px}
 body.with-floating-action{padding-bottom:calc(98px + env(safe-area-inset-bottom))}
 .topic-page{width:100%;padding:21px 17px;overflow-wrap:anywhere}.topic-page>h1{font-size:1.8rem;line-height:1.2}
 .topic-page .puntos,.insight-grid{grid-template-columns:minmax(0,1fr)}
 .story-image{margin:23px 0}.story-image img{max-width:100%;width:100%;height:auto}
}
@media(max-width:480px){.hub-menu.hub-menu-primary{grid-template-columns:minmax(0,1fr)}.hub-menu-primary>a{min-height:68px}.hero.entry-hub{padding-top:40px}}
@media(max-width:359px){.frame{width:calc(100% - 18px)}.hero.entry-hub{padding:30px 8px 10px}.hero.entry-hub>.hub-panel{padding:19px 13px 16px}.entry-hub h1{font-size:1.6rem}.hub-intro{font-size:.9rem}.hub-menu>a{padding:12px 10px}.hub-panel .cta,.floating-join .cta{font-size:.9rem}}