@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071e35;--blue:#246fbd;--sky:#91c7ef;--ink:#12283e;--line:#d9e2e8;--light:#f2f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font:16px 'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #3597ea;outline-offset:5px}.review{height:34px;background:#eaf1f7;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:10px;letter-spacing:1.3px}.review a{font-size:11px;letter-spacing:0}header{display:flex;justify-content:space-between;align-items:center;padding:14px 5%;height:96px}header img{width:210px;height:auto}nav{display:flex;align-items:center;gap:34px;font-size:13px}.navcta{border:1px solid #b6c5d1;padding:15px 18px}.navcta span{margin-left:25px}.menu{display:none}.hero{position:relative;min-height:670px;background:var(--navy);color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 36%;background:linear-gradient(90deg,#071e35 0%,rgba(7,30,53,.75) 22%,rgba(7,30,53,.12) 100%),url('assets/port.jpg') center/cover;animation:drift 20s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,30,53,.6),transparent 40%);pointer-events:none}.hero-inner{position:relative;z-index:1;padding:58px 5% 30px;max-width:1600px;margin:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#b6c9dc;display:flex;align-items:center;gap:10px;margin-bottom:25px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#79bee6;box-shadow:0 0 0 5px #79bee61a}.eyebrow.dark{color:#3676a7}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1{font-size:clamp(45px,4.6vw,72px);font-weight:500;line-height:1.08;letter-spacing:-2.8px;margin:0 0 26px}em{font-style:normal;color:var(--sky)}.hero p{color:#cad8e4;max-width:420px;line-height:1.7;font-size:15px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{background:#f5faff;color:#102e49;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:18px 21px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#d8efff}.textlink{font-size:12px;border-bottom:1px solid #839aae;padding-bottom:6px}.hero-note{display:flex;gap:30px;align-items:center;margin-top:48px;font-size:10px;color:#99b1c6}.hero-note span:first-child{font-size:9px;letter-spacing:2px}.hero-note span+span{border-left:1px solid #526a7d;padding-left:25px}.photo-label{position:absolute;right:4%;bottom:32px;z-index:1;writing-mode:vertical-rl;letter-spacing:2px;font-size:9px;color:#d8e9f3}.strip{background:#eef3f7;display:flex;align-items:center;justify-content:space-between;padding:24px 5%;gap:25px;font-size:10px;letter-spacing:1px}.strip span{font-size:12px;letter-spacing:0;color:#62778b}.strip i{font-style:normal;color:#367bb5}.section{padding:90px 6%;max-width:1600px;margin:auto}.section-top{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;margin-bottom:45px}h2{font-size:clamp(30px,3vw,45px);line-height:1.2;letter-spacing:-1.6px;font-weight:500;margin:0}.section-top p{max-width:340px;font-size:14px;line-height:1.8;color:#657789;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{padding:30px 30px 25px;position:relative;transition:background .2s}.service:first-child{padding-left:0}.service+.service{border-left:1px solid var(--line)}.service:hover{background:#f2f7fb}.num{color:#6f8499;font-size:10px}.service svg{width:46px;height:46px;fill:none;stroke:#397bae;stroke-width:1.4;display:block;margin:30px 0 20px}h3{font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-.7px;margin:0 0 20px}.service p{font-size:13px;color:#6a7c8b;line-height:1.8;max-width:290px;min-height:70px}.service-bottom{display:flex;justify-content:space-between;font-size:11px;margin-top:30px}.service-bottom b{font-size:21px;font-weight:400}.approach{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:none;padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}.approach p{font-size:14px;line-height:1.8;color:#b2c5d5;max-width:360px;margin:25px 0}.steps>div{display:flex;border-top:1px solid #365067;padding:26px 0;gap:28px}.steps>div:last-child{border-bottom:1px solid #365067}.steps span{font-size:11px;color:#89b7d9;padding-top:4px}.steps h3{font-size:20px;margin:0}.steps p{margin:10px 0 0;font-size:13px}.presence{display:grid;grid-template-columns:1fr 1fr;gap:8%}.presence p{color:#657789;font-size:14px;line-height:1.8;max-width:350px;margin:25px 0}.blue{background:#1e629d;color:#fff}.blue:hover{background:#164c7b}.places{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:5px}.places small{font-size:9px;letter-spacing:1.3px;color:#5181a2;display:block;margin-bottom:30px}.places h3{font-size:21px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}.places h3 span{color:#7196b2;font-size:18px}.places p{font-size:12px}.community{background:var(--light);max-width:none}.community small{font-size:11px}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guides button{border:0;background:white;padding:30px;text-align:left;color:var(--ink);min-height:235px;transition:transform .2s}.guides button:hover{transform:translateY(-5px)}.guides span{font-size:8px;letter-spacing:1px;color:#4583b2}.guides h3{font-size:21px;margin:30px 0}.guides button>div{font-size:11px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.contact{background:#0e3555;color:#fff;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;max-width:none}.contact h2{font-size:clamp(35px,3.6vw,54px)}.contact-right{padding-top:25px}.contact-right p{font-size:15px;color:#c0d3e2;line-height:1.8;max-width:340px;margin:0 0 25px}.phone{display:block;font-size:22px;margin:26px 0 15px}.contact-right small{font-size:10px;color:#9ebacf}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 5%;gap:25px;font-size:11px}footer img{width:180px;height:auto}footer p{color:#6c8295;line-height:1.7}footer span{font-size:10px;color:#6c8295}.demo-note{padding:16px;text-align:center;background:#eef3f7;font-size:10px;color:#6d8294}.demo-note a{text-decoration:underline}dialog{border:0;max-width:650px;width:calc(100% - 32px);padding:45px;color:var(--ink);box-shadow:0 20px 100px #0005}dialog::backdrop{background:#071e35b0;backdrop-filter:blur(5px)}dialog h2{font-size:30px;margin-bottom:25px}dialog p,dialog li{font-size:14px;line-height:1.8}dialog .legal{font-size:11px;color:#6c8295;border-top:1px solid var(--line);padding-top:15px}.close{position:absolute;right:15px;top:10px;font-size:28px;background:none;border:0;color:var(--ink)}@keyframes drift{to{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(min-width:1600px){.hero-inner{padding-left:6%}}@media(max-width:850px){nav{gap:18px}.navcta{display:none}.hero-photo{left:10%;opacity:.7}.hero-inner{padding-top:50px}.strip{flex-wrap:wrap;justify-content:center}.strip span{width:100%;text-align:center}.section{padding:60px 5%}.section-top{align-items:flex-start;flex-direction:column;gap:20px}.section-top p{max-width:100%}.service{padding:25px 20px}.approach,.presence,.contact{gap:40px}.places{gap:20px}.guides{gap:12px}.guides button{padding:22px}.guides h3{font-size:18px}footer{flex-wrap:wrap}.photo-label{display:none}}@media(max-width:600px){.review{font-size:8px;letter-spacing:.7px;padding:0 5%}.review a{font-size:10px}header{height:85px}header img{width:185px}.menu{display:block;background:none;border:0;font-size:24px;color:var(--ink)}nav{display:none;position:absolute;top:119px;left:0;right:0;background:white;padding:24px;z-index:5;box-shadow:0 8px 15px #0001}nav.open{display:flex;flex-direction:column;align-items:flex-start}.hero{min-height:680px}.hero-photo{left:0;background-position:58% center;opacity:.5}.hero-inner{padding:44px 6% 24px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:49px;letter-spacing:-2px}.hero p{font-size:14px;max-width:320px}.actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-note{flex-direction:column;align-items:flex-start;gap:12px;margin-top:38px}.hero-note span+span{border:0;padding:0}.strip{gap:13px;font-size:8px;padding:20px}.section{padding:55px 6%}h2{font-size:32px;letter-spacing:-1px}.services,.approach,.presence,.contact,.guides{grid-template-columns:1fr}.service,.service:first-child{padding:25px 0}.service+.service{border-left:0;border-top:1px solid var(--line)}.service svg{float:right;margin:0 10px}.service h3{font-size:26px;margin:20px 0 12px}.service p{max-width:90%;min-height:0}.service-bottom{margin-top:18px}.places{grid-template-columns:1fr 1fr;gap:22px}.places h3{font-size:18px}.places small{font-size:8px}.guides button{min-height:210px;padding:28px}.guides h3{font-size:23px;margin:25px 0}.contact-right{padding:0}.contact h2{font-size:38px}footer{padding:30px 6%}footer p{display:none}footer span{width:100%}dialog{padding:35px 25px}}
/* Segunda dirección: México y el mundo, identidad y lectura. */
.market{padding-bottom:20px}.market-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #c4d4df;gap:18px}.market-tabs button{border:0;border-bottom:3px solid transparent;padding:22px 25px;text-align:left;background:#f1f5f8;color:#607487;font-size:15px;display:flex;justify-content:space-between}.market-tabs button[aria-selected=true]{background:#e3eef7;border-color:#256fa9;color:#123c5e;font-weight:700}.market-panel{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#f3f7fa;padding:45px}.market-panel[hidden]{display:none}.pill{font-size:9px;letter-spacing:1.5px;color:#367baa;font-weight:700}.market-panel h3{font-size:36px;margin:20px 0;letter-spacing:-1px}.market-panel p{font-size:14px;line-height:1.8;color:#61798c;max-width:450px;margin:0 0 25px}.market-list{align-self:center}.market-list>div{display:flex;gap:22px;padding:21px 0;border-bottom:1px solid #d3dfe8;font-size:13px;line-height:1.7}.market-list b{font-size:10px;color:#2b76b2}.market-list>a{display:block;font-size:12px;margin-top:25px;color:#22699f}.trust{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding-top:30px}.trust-brand{background:#edf3f7;padding:40px;display:flex;flex-direction:column;justify-content:space-between;min-height:370px;border-left:3px solid #2f79b5}.trust-brand img{width:231px;max-width:100%;height:auto;mix-blend-mode:multiply}.trust-brand>span{font-size:10px;line-height:1.9;letter-spacing:2px;color:#4f7897;margin:30px 0}.trust-place{font-size:44px;letter-spacing:4px;color:#1e5e8f}.trust-place small{display:block;font-size:11px;letter-spacing:0;margin-top:10px;color:#5c788f}.trust h2{font-size:36px}.trust p{font-size:14px;line-height:1.9;color:#607589}.trust .textlink{display:inline-block;margin-top:10px;color:#296ea3}.trust-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid #d6e0e8;margin-top:28px;padding-top:22px}.trust-facts span{font-size:10px;color:#638095;line-height:1.7}.trust-facts b{display:block;color:#193d59;font-size:11px;margin-bottom:5px}.community h2 em{color:#377eb3}.blog-all{display:inline-block;margin-top:15px;color:#256eaa}.editorial{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.feature-story{background:#fff;display:block;overflow:hidden}.feature-story>img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .5s}.feature-story:hover>img{transform:scale(1.025)}.feature-story>div{padding:30px}.feature-story h3{font-size:32px;margin:18px 0}.feature-story p{font-size:13px;line-height:1.8;color:#698195;max-width:360px}.story-link{font-size:11px;color:#286ba0;display:block;margin-top:20px}.story-stack{display:grid;grid-template-rows:1fr 1fr;gap:20px}.story-stack>a{background:white;padding:30px;display:flex;flex-direction:column;justify-content:center;border-top:2px solid #d1e1ec}.story-stack h3{font-size:25px;max-width:370px;margin:0}.story-stack .eyebrow{font-size:9px;margin-bottom:18px}.reading-band{display:flex;gap:25px;align-items:center;flex-wrap:wrap;padding:28px 0;border-bottom:1px solid #d1dce5;margin-top:20px;font-size:11px}.reading-band>span{font-size:13px;color:#1d4767;margin-right:auto}.reading-band a{color:#3476a7}.archive-note{font-size:10px;line-height:1.8;color:#6a8395;margin:18px 0 0}.solutions{padding-top:65px}.hero h1{font-size:clamp(62px,6.1vw,88px);line-height:1.03;letter-spacing:-3px}.hero p{max-width:460px}.blog-hero{background:var(--navy);color:white;padding:65px 6%;position:relative;overflow:hidden}.blog-hero h1{font-size:65px;line-height:1.1}.blog-hero p{max-width:560px;font-size:15px;line-height:1.8;color:#c2d6e5}.blog-tools{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:35px}.blog-search{padding:15px 18px;min-width:300px;border:1px solid #c4d5e2;background:white;font:inherit;font-size:13px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:11px 16px;border:1px solid #c9d8e3;background:white;color:#436884;font-size:11px}.filters button.active{background:#143f60;color:#fff;border-color:#143f60}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:#fff;border:1px solid #dbe5ed;display:flex;flex-direction:column}.article-card[hidden]{display:none}.article-card img{width:100%;height:180px;object-fit:cover}.article-card>div{padding:24px;display:flex;flex:1;flex-direction:column}.article-card h2{font-size:23px;letter-spacing:-.5px;line-height:1.4;margin:18px 0}.article-card p{font-size:13px;color:#6b8193;line-height:1.7;margin:0 0 20px}.article-card .story-link{margin-top:auto;padding-top:15px}.article-count{font-size:12px;color:#6b8193}.no-results{padding:45px;background:#f0f5f9}.reading-intro{background:#e6eff6;padding:35px;margin-bottom:35px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.reading-intro h2{font-size:27px}.reading-intro p{font-size:13px;line-height:1.9;color:#536e83;margin:0}.editorial-policy{border-top:1px solid #d2dfe9;padding-top:25px;margin-top:40px;font-size:12px;line-height:1.8;color:#667f93}@media(max-width:850px){header nav{gap:16px;font-size:11px}.market-panel{gap:30px;padding:30px}.trust{gap:30px}.trust h2{font-size:30px}.trust-brand{padding:25px}.editorial{gap:18px}.story-stack>a{padding:23px}.story-stack h3{font-size:22px}.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero h1{font-size:65px;line-height:1.06}.hero{min-height:650px}.market-tabs{gap:8px}.market-tabs button{padding:18px 13px;line-height:1.6;font-size:12px;gap:10px}.market-panel,.trust,.editorial,.reading-intro{grid-template-columns:1fr}.market-panel{padding:28px 22px}.market-panel h3{font-size:31px}.trust{padding-top:20px}.trust-brand{min-height:260px}.trust-brand>span{margin:22px 0}.trust-place{font-size:35px}.trust h2{font-size:31px}.trust-facts{gap:10px}.feature-story>img{height:200px}.feature-story>div{padding:25px}.feature-story h3{font-size:28px}.story-stack>a{padding:28px}.story-stack h3{font-size:23px}.reading-band{gap:18px}.reading-band>span{width:100%}.blog-hero{padding:45px 6%}.blog-hero h1{font-size:43px;letter-spacing:-1.5px}.article-grid{grid-template-columns:1fr}.blog-search{width:100%;min-width:0}.blog-tools{gap:20px}.reading-intro{padding:25px;gap:20px}.contact h2{font-size:34px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.hero .international {
  background: #15324c;
  border: 1px solid #8ba8bf;
  color: #fff;
}
.hero .international:hover { background: #255276; }
.hero .actions { flex-wrap: wrap; gap: 12px; }
.hero-reading { display: inline-block; margin: 26px 0; }
.hero-inner h1 { max-width: 780px; }
.hero .eyebrow { margin-bottom: 20px; }
.institutional { padding-top: 65px; padding-bottom: 45px; }
.institutional-details {
  align-self: center;
  padding: 26px;
  background: #edf3f7;
  border-left: 3px solid #2f79b5;
}
.institutional-details h3 { margin: 0 0 16px; font-size: 24px; }
.institutional-details ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}
.institutional-details li { padding: 7px 10px; background: white; font-size: 13px; }
.institutional-details a { display: block; margin-top: 10px; font-size: 13px; color: #1e629d; }
.reading-article { max-width: 850px; }
.reading-article h2 { font-size: 28px; margin-top: 28px; }
.reading-article p { line-height: 1.8; color: #425a6c; }
.reading-article .reading-intro { margin-top: 40px; }
.reading-article .reading-intro h2 { margin: 0; }
@media (max-width: 600px) {
  .hero .hero-inner h1 { font-size: clamp(39px, 12vw, 60px); letter-spacing: -1.6px; }
  .hero .actions { align-items: stretch; }
  .institutional { padding-top: 48px; }
}

.directions { margin-top: 10px; }
.contact-whatsapp { margin: 0 10px 10px 0; }
.help-launch {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 10;
  border: 1px solid #a9c9e1;
  background: var(--navy);
  color: white;
  box-shadow: 0 4px 18px #071e3533;
}
.help-launch[hidden] { display: none; }
.help-launch:hover { background: #246299; color: white; }
.operation-help {
  width: min(440px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  padding: 24px;
  color: var(--ink);
}
.operation-help::backdrop { background: #071e3570; }
.help-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.help-heading h2 { margin: 0; font-size: 25px; line-height: 1.16; }
.help-close { border: 0; background: transparent; color: var(--ink); font: inherit; font-size: 26px; cursor: pointer; }
.operation-help p { font-size: 14px; line-height: 1.55; }
.operation-help details { margin-top: 9px; border: 1px solid #cadce9; padding: 12px; }
.operation-help summary { cursor: pointer; font-size: 15px; font-weight: 700; }
.help-links { display: grid; gap: 10px; margin: 12px 0 3px; }
.help-links a { font-size: 14px; color: #1e629d; text-decoration: underline; }
.help-launch:focus-visible, .operation-help :focus-visible { outline: 3px solid #4698d7; outline-offset: 3px; }

/* Legibilidad y encabezado en pantallas pequenas. */
.hero p, .section-top p, .feature-story p, .contact-right p,
.market-panel p, .service p, .article-card p, .reading-article p,
.operation-help p, .blog-hero p { font-size: 1rem; line-height: 1.65; }
.button, .story-link, .textlink, .filters button, .help-links a {
  font-size: 0.9375rem;
}
header nav, .market-tabs button, .blog-search { font-size: 0.9375rem; }
header > a:first-child { min-width: 0; }
header > a:first-child img { display: block; max-width: 100%; object-fit: contain; }

@media (max-width: 600px) {
  header { height: auto; min-height: 85px; gap: 12px; position: relative; }
  header > a:first-child { flex: 0 1 185px; }
  header > a:first-child img { width: min(185px, 100%); height: auto; }
  header .menu { flex: 0 0 auto; min-width: 44px; min-height: 44px; }
  header nav { top: 100%; }
  .hero .actions .button { gap: 12px; }
  .help-launch { max-width: calc(100% - 36px); }
}