:root {
  --navy: #06162d; --navy-2: #0a2342; --blue: #0a6fa4; --cyan: #31d7f2;
  --gold: #cda45e; --paper: #f5f9fc; --ink: #0b2138; --muted: #5d7285;
  --line: rgba(25, 72, 107, .16); --white: #fff; --radius: 24px; --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--navy); }
body { margin: 0; color: var(--ink); background: var(--paper); font: 16px/1.6 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; } button { font: inherit; } img { max-width: 100%; }
:focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }
.skip-link { position: fixed; z-index: 999; top: -80px; left: 16px; padding: 10px 16px; color: var(--navy); background: var(--cyan); border-radius: 10px; font-weight: 800; }
.skip-link:focus { top: 16px; }
.site-header { position: sticky; z-index: 50; top: 0; min-height: 76px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; padding: 10px max(22px, calc((100vw - var(--max))/2)); color: #f4fbff; background: rgba(5, 19, 39, .88); border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(18px); }
.brand-lockup { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.brand-lockup img { width: 108px; height: 46px; object-fit: contain; background: white; border-radius: 9px; padding: 4px; }
.brand-lockup .aduamar-mark { width: 44px; background: transparent; padding: 0; }
.brand-plus { color: var(--cyan); font-weight: 900; }
.system-name { display: flex; flex-direction: column; margin-left: 4px; padding-left: 12px; border-left: 1px solid rgba(255,255,255,.18); line-height: 1.08; }
.system-name strong { color: var(--cyan); font-size: .86rem; letter-spacing: .05em; }
.system-name small { margin-top: 4px; color: #9fb9cc; font-size: .58rem; }
.desktop-nav { display: flex; justify-content: center; gap: 24px; }
.desktop-nav a { color: #acc5d9; font-size: .83rem; font-weight: 750; text-decoration: none; }
.desktop-nav a:hover, .desktop-nav a.active { color: var(--cyan); }
.print-button { border: 1px solid rgba(255,255,255,.2); border-radius: 999px; padding: 9px 14px; color: white; background: rgba(255,255,255,.06); cursor: pointer; font-weight: 750; }
.view-switch { position: sticky; z-index: 49; top: 76px; display: flex; justify-content: center; gap: 8px; padding: 10px 20px; background: #071a35; border-bottom: 1px solid rgba(255,255,255,.09); }
.view-switch button { border: 1px solid rgba(255,255,255,.14); border-radius: 999px; padding: 10px 20px; color: #9fbbd1; background: transparent; cursor: pointer; font-size: .82rem; font-weight: 800; }
.view-switch button[aria-selected="true"] { color: var(--navy); background: var(--cyan); border-color: var(--cyan); }
[data-view-panel][hidden], [role="tabpanel"][hidden] { display: none !important; }
section[id] { scroll-margin-top: 150px; }
.hero { position: relative; min-height: 700px; display: flex; align-items: center; overflow: hidden; color: white; background: url("assets/bridge-hero.jpg") center/cover; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,15,33,.98) 0%, rgba(4,29,54,.9) 52%, rgba(0,74,105,.28) 100%), linear-gradient(0deg, rgba(3,15,33,.76), transparent 60%); }
.hero-inner { position: relative; z-index: 2; width: min(var(--max), calc(100% - 44px)); margin: auto; display: grid; grid-template-columns: 1.35fr .65fr; gap: 68px; align-items: center; }
.hero-copy { max-width: 760px; }
.eyebrow { margin: 0 0 16px; color: var(--cyan); font-size: .75rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
h1, h2, h3, p { text-wrap: pretty; }
h1 { margin: 0; max-width: 830px; font-size: clamp(3.5rem, 7.5vw, 7.4rem); line-height: .91; letter-spacing: -.07em; }
h1 em, .research-hero h2 em { display: block; color: var(--cyan); font-family: Georgia, serif; font-weight: 400; }
.hero-lead { max-width: 730px; margin: 28px 0 0; color: #d6e5ef; font-size: clamp(1.08rem, 1.8vw, 1.35rem); }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 34px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 20px; border-radius: 999px; text-decoration: none; font-weight: 850; }
.button.primary { color: var(--navy); background: var(--cyan); }
.button.ghost { color: white; border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.06); }
.system-definition { max-width: 760px; margin: 22px 0 0; padding: 14px 16px; border: 1px solid rgba(49,215,242,.28); border-radius: 14px; color: #bed5e5; background: rgba(4,24,46,.6); font-size: .86rem; }
.system-definition b { color: var(--cyan); }
.hero-summary { padding: 30px; border: 1px solid rgba(255,255,255,.16); border-radius: 26px; background: rgba(4,24,46,.78); box-shadow: 0 35px 90px rgba(0,0,0,.32); backdrop-filter: blur(16px); }
.summary-kicker { color: var(--gold); font-size: .74rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.hero-summary > strong { display: block; margin: 18px 0 28px; font-size: 1.7rem; line-height: 1.14; }
.summary-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.summary-grid p { margin: 0; padding: 14px 8px; text-align: center; border-radius: 14px; background: rgba(255,255,255,.06); }
.summary-grid b, .summary-grid span { display: block; } .summary-grid b { color: var(--cyan); font-size: 1.45rem; } .summary-grid span { color: #aac1d3; font-size: .7rem; }
.hero-summary small { display: block; margin-top: 22px; color: #afc6d7; }
.route-line { position: absolute; z-index: 2; right: 6%; bottom: 42px; width: 38%; height: 100px; border-bottom: 2px dashed rgba(49,215,242,.52); transform: rotate(-7deg); }
.route-line i { position: absolute; bottom: -7px; width: 14px; height: 14px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 7px rgba(205,164,94,.18); }
.route-line i:nth-child(1) { left: 0; }.route-line i:nth-child(2) { left: 50%; }.route-line i:nth-child(3) { right: 0; background: var(--cyan); }
.section { width: min(var(--max), calc(100% - 44px)); margin: auto; padding: 104px 0; }
.section-heading { max-width: 900px; margin-bottom: 46px; }
.section-heading h2, .research-hero h2 { margin: 0; font-size: clamp(2.2rem, 5vw, 4.5rem); line-height: .98; letter-spacing: -.055em; }
.section-heading > p:last-child { max-width: 750px; color: var(--muted); font-size: 1.08rem; }
.context { padding-top: 120px; }
.problem-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
.problem-grid article { min-height: 250px; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: white; }
.problem-grid article:nth-child(4) { background: var(--navy-2); color: white; transform: translateY(-18px); }
.problem-grid b { display: block; font-size: 1.05rem; line-height: 1.2; }.problem-grid p { color: var(--muted); font-size: .9rem; }.problem-grid article:nth-child(4) p { color: #b9d0e1; }
.journey-section, .map-section, .investment, .risk { width: 100%; padding-left: max(22px, calc((100vw - var(--max))/2)); padding-right: max(22px, calc((100vw - var(--max))/2)); color: white; background: var(--navy); }
.journey-section .section-heading p:last-child { color: #adc5d7; }
.journey { display: grid; grid-template-columns: repeat(7,1fr); border: 1px solid rgba(255,255,255,.12); border-radius: 22px; overflow: hidden; }
.journey-step { min-height: 170px; padding: 20px 14px; color: #b8cedf; background: rgba(255,255,255,.025); border: 0; border-right: 1px solid rgba(255,255,255,.1); text-align: left; cursor: pointer; }
.journey-step:last-child { border-right: 0; }.journey-step span,.journey-step b,.journey-step small { display: block; }.journey-step span { color: var(--cyan); font-weight: 900; }.journey-step b { margin: 22px 0 8px; color: white; }.journey-step small { line-height: 1.35; }
.journey-step.active { color: var(--navy); background: var(--cyan); }.journey-step.active span,.journey-step.active b { color: var(--navy); }
.journey-note { margin-top: 16px; padding: 20px 24px; color: #cee1ee; border-left: 3px solid var(--gold); background: rgba(255,255,255,.05); }
.capability-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.capability-grid details { border: 1px solid var(--line); border-radius: 20px; background: white; overflow: hidden; }.capability-grid details:last-child { grid-column: 1/-1; }
.capability-grid summary { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; padding: 24px; cursor: pointer; list-style: none; }.capability-grid summary span { color: var(--blue); font-weight: 900; }.capability-grid summary b { font-size: 1.1rem; }.capability-grid summary i { color: var(--cyan); font-size: 1.5rem; }.capability-grid details[open] summary i { transform: rotate(45deg); }
.capability-grid ul { margin: 0; padding: 0 46px 28px 67px; color: var(--muted); }
.scope { padding-bottom: 130px; }.scope-tabs { display: flex; gap: 8px; margin-bottom: 20px; }.scope-tabs button { padding: 12px 20px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: white; font-weight: 800; cursor: pointer; }.scope-tabs button[aria-selected="true"] { color: white; background: var(--blue); border-color: var(--blue); }
.scope-panel { padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: white; }.quantity-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }.quantity-grid p { margin: 0; min-height: 130px; padding: 20px; border-radius: 16px; background: #edf5f9; }.quantity-grid b,.quantity-grid span { display: block; }.quantity-grid b { color: var(--blue); font-size: 1.35rem; }.quantity-grid span { margin-top: 8px; color: var(--muted); font-size: .84rem; }.fine-print,.source-limit { color: var(--muted); font-size: .82rem; }.check-list { columns: 2; column-gap: 44px; }.check-list li { break-inside: avoid; margin-bottom: 16px; }
.system-map { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.map-top,.map-core,.map-bottom { grid-column: 1/-1; padding: 20px; text-align: center; border-radius: 16px; }.map-top,.map-bottom { border: 1px solid rgba(255,255,255,.16); color: #c4d8e7; background: rgba(255,255,255,.04); }.route-card { min-height: 220px; display: flex; flex-direction: column; justify-content: flex-end; padding: 26px; border-radius: 20px; background: linear-gradient(150deg, rgba(255,255,255,.11), rgba(255,255,255,.035)); border: 1px solid rgba(255,255,255,.13); }.route-card img { align-self: flex-start; height: 58px; width: auto; max-width: 180px; object-fit: contain; margin-bottom: 26px; }.route-card.bridge img { padding: 6px; border-radius: 8px; background: white; }.route-card strong { font-size: 1.4rem; }.route-card span { color: #a9c3d6; }.map-core { color: var(--navy); background: linear-gradient(90deg,var(--cyan),#7be4f3); }.map-core b,.map-core span { display: block; }.map-core b { font-size: 1.45rem; }.map-caption { color: #aac3d6; }
.puerto-feature { display: grid; grid-template-columns: minmax(270px,.72fr) 1.28fr; gap: clamp(28px,5vw,72px); align-items: center; margin-top: 38px; padding: clamp(24px,4vw,48px); overflow: hidden; border: 1px solid rgba(49,215,242,.22); border-radius: 28px; background: radial-gradient(circle at 10% 10%,rgba(49,215,242,.14),transparent 36%),#0a203b; }
.puerto-phone { width: min(100%,340px); margin: auto; padding: 22px 16px 18px; border: 8px solid #020d1d; border-radius: 36px; color: var(--ink); background: #eef5f8; box-shadow: 0 28px 70px rgba(0,0,0,.34); }
.puerto-phone-top { display: flex; justify-content: space-between; align-items: center; padding: 0 4px 14px; border-bottom: 1px solid #d5e4eb; }.puerto-phone-top span { color: var(--blue); font-weight: 900; }.puerto-phone-top small { color: var(--muted); font-size: .67rem; }
.voice-card { margin-top: 14px; padding: 15px; border-radius: 16px; color: white; background: linear-gradient(135deg,var(--blue),#075179); }.voice-card b,.voice-card span { display: block; }.voice-card b { font-size: .88rem; }.voice-card span { margin-top: 7px; color: #d5ecf6; font-size: .69rem; line-height: 1.4; }.wave { display: flex; align-items: center; gap: 4px; height: 28px; margin-top: 10px; }.wave em { width: 4px; height: 9px; border-radius: 4px; background: var(--cyan); }.wave em:nth-child(2),.wave em:nth-child(6){height:19px}.wave em:nth-child(3),.wave em:nth-child(5){height:13px}.wave em:nth-child(4){height:25px}
.crm-preview { margin: 12px 0; padding: 14px; border: 1px solid #d7e4ea; border-radius: 16px; background: white; }.crm-preview > small { color: var(--blue); font-weight: 850; }.crm-preview p { display: grid; grid-template-columns: 84px 1fr; gap: 8px; margin: 10px 0 0; font-size: .68rem; }.crm-preview p b { color: var(--muted); }.puerto-phone button { width: 100%; padding: 11px; border: 0; border-radius: 12px; color: var(--navy); background: var(--cyan); font-weight: 900; }
.puerto-copy h3 { margin: 12px 0 18px; color: white; font-size: clamp(1.7rem,3vw,2.8rem); line-height: 1.05; }.puerto-copy > p:not(.eyebrow):not(.map-note),.puerto-copy li { color: #bfd3e2; }.puerto-copy ul { padding-left: 20px; }.puerto-copy .map-note { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.14); color: #9ebacf; font-size: .78rem; }
.sample-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 22px; }.sample-layout.secondary { grid-template-columns: 1.25fr .75fr; }.sample-layout article { padding: 24px; border: 1px solid var(--line); border-radius: 24px; background: white; }.sample-label { color: var(--blue); font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.sample-layout h3 { margin: 10px 0 20px; font-size: 1.35rem; }.phone { max-width: 390px; margin: auto; padding: 54px 16px 22px; border: 8px solid var(--navy); border-radius: 38px; background: #e8f0f4; box-shadow: 0 18px 50px rgba(4,32,55,.18); }.chat { max-width: 86%; margin: 9px 0; padding: 11px 13px; border-radius: 14px; font-size: .78rem; }.chat.inbound { background: white; }.chat.outbound { margin-left: auto; color: #06232e; background: #9be9d7; }.chat.status { max-width: none; color: white; background: var(--blue); }.video-sample video { display: block; width: min(100%,390px); max-height: 540px; margin: auto; border-radius: 18px; background: var(--navy); object-fit: contain; }.sample-note { margin: 14px 0 0; color: var(--muted); font-size: .78rem; text-align: center; }.carousel { position: relative; display: grid; grid-template-columns: 42px 1fr 42px; align-items: center; gap: 10px; }.carousel-track img { display: block; width: min(100%,460px); margin: auto; border-radius: 16px; }.carousel-track img[hidden] { display:none; }.carousel-nav { width: 42px; height: 42px; border: 0; border-radius: 50%; color: white; background: var(--blue); cursor: pointer; }.carousel-position { grid-column: 2; text-align: center; color: var(--muted); font-size: .8rem; }.single-sample > img { display: block; width: 100%; border-radius: 16px; }.content-calendar { margin-top: 28px; padding: 26px; color: white; background: var(--navy-2); border-radius: 24px; }.calendar-head { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 18px; }.calendar-head span { color: var(--cyan); font-weight: 800; }.calendar-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }.calendar-grid article { min-height: 116px; padding: 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(255,255,255,.05); }.calendar-grid span,.calendar-grid b,.calendar-grid small { display: block; }.calendar-grid span { color: var(--gold); font-weight: 900; }.calendar-grid b { margin-top: 8px; }.calendar-grid small { color: #aec5d6; }.channel-row { display: flex; gap: 8px; margin-top: 15px; }.channel-row span { flex: 1; padding: 9px; border-radius: 999px; text-align: center; color: var(--navy); background: var(--cyan); font-size: .76rem; font-weight: 800; }
.mascot-feature { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); gap:clamp(18px,3vw,42px); align-items:center; margin:0; overflow:hidden; border:1px solid rgba(49,215,242,.26); border-radius:26px; color:white; background:radial-gradient(circle at 15% 0%,rgba(49,215,242,.16),transparent 40%),linear-gradient(125deg,#071a35,#031023); }
.mascot-visual { min-height:410px; height:100%; display:grid; place-items:end center; overflow:hidden; background:linear-gradient(180deg,rgba(49,215,242,.05),rgba(3,16,35,.65)); }
.mascot-visual img { display:block; width:100%; max-height:470px; object-fit:contain; object-position:center bottom; }
.mascot-copy { padding:30px clamp(24px,3vw,46px) 30px 0; }
.mascot-copy h3 { margin:14px 0; font-size:clamp(1.45rem,2.5vw,2.25rem); line-height:1.1; }
.mascot-copy p:not(.eyebrow) { color:#c8dce9; line-height:1.62; }
.mascot-copy .mascot-note { padding-top:14px; border-top:1px solid rgba(255,255,255,.17); color:#9fbdd0; font-size:.82rem; }
.content-samples-intro { max-width:820px; margin:58px 0 24px; }.content-samples-intro h3 { margin:8px 0 10px; font-size:clamp(1.55rem,3vw,2.45rem); line-height:1.08; }.content-samples-intro p:not(.eyebrow) { margin:0; color:var(--muted); line-height:1.65; }.sample-layout.content-hero { grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); }.sample-layout.operational { grid-template-columns:1fr; }.sample-layout.operational article { display:grid; grid-template-columns:minmax(250px,.6fr) minmax(320px,1fr); align-items:center; gap:26px; }.sample-layout.operational article .phone { width:100%; }.operational-copy h3 { margin:12px 0; font-size:clamp(1.45rem,2.4vw,2rem); }.operational-copy p { color:var(--muted); line-height:1.6; }.reel-logic { color:white; background:radial-gradient(circle at 90% 0%,rgba(49,215,242,.18),transparent 34%),linear-gradient(145deg,#071a35,#031023)!important; }.reel-logic h3 { color:white; font-size:clamp(1.45rem,2.4vw,2rem); }.reel-logic ol { display:grid; gap:10px; margin:0; padding:0; list-style:none; counter-reset:none; }.reel-logic li { padding:14px 16px; border:1px solid rgba(255,255,255,.12); border-radius:14px; color:#bfd3e2; background:rgba(255,255,255,.05); font-size:.85rem; }.reel-logic li b { color:#FFFFFF; }.reel-logic > p { color:#9fbacd; font-size:.82rem; line-height:1.6; }.reference-links { display:grid; gap:8px; margin-top:18px; }.reference-links a { padding:11px 13px; border:1px solid rgba(49,215,242,.35); border-radius:12px; color:#B9F4FB; font-size:.76rem; font-weight:800; text-decoration:none; }.reference-links a:hover,.reference-links a:focus-visible { border-color:var(--cyan); background:rgba(49,215,242,.1); }.video-sample video { max-height:660px; }.carousel-sample,.single-sample { align-self:start; }
.social-showcase { margin-top: 34px; padding: clamp(18px,2.5vw,30px); overflow: hidden; border: 1px solid rgba(49,215,242,.3); border-radius: 28px; color: white; background: radial-gradient(circle at 88% 0%,rgba(49,215,242,.13),transparent 38%),#06162d; }.social-showcase-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; }.social-showcase-heading h3 { margin: 5px 0; font-size: clamp(1.4rem,2.7vw,2.3rem); }.social-showcase-heading p:not(.eyebrow) { margin: 0; color: #a9c2d5; font-size: .89rem; }.social-showcase-controls { display: flex; align-items: center; gap: 12px; white-space: nowrap; }.social-showcase-controls button { width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: white; background: #0a2d50; cursor: pointer; font-size: 1.25rem; font-weight: 800; }.social-showcase-controls button:hover,.social-showcase-controls button:focus-visible { border-color: var(--cyan); background: var(--blue); }.social-showcase-controls span { min-width: 44px; color: var(--cyan); text-align: center; font-size: .75rem; font-weight: 800; }.social-simulation-label { display: inline-block; margin: 20px 0 0; padding: 7px 10px; border: 1px solid rgba(49,215,242,.32); border-radius: 100px; color: #b9f4fb; font-size: .65rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.platform-previews { display: flex; gap: 18px; margin-top: 18px; padding: 4px 1px 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-color: var(--cyan) transparent; }.platform-frame { flex: 0 0 clamp(250px,28vw,318px); min-width: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 22px; background: #0a203b; scroll-snap-align: center; box-shadow: 0 18px 45px rgba(0,0,0,.24); }.platform-frame-label { display: flex; align-items: center; gap: 9px; min-height: 62px; padding: 9px 13px; background: #081c35; }.platform-frame-label b { color: white; font-size: .89rem; }.platform-frame-label small { margin-left: auto; color: #a7bfd1; text-align: right; font-size: .61rem; }.network-icon { display: grid; flex: 0 0 32px; width: 32px; height: 32px; place-items: center; border-radius: 9px; }.network-icon img { width: 19px; height: 19px; object-fit: contain; filter: invert(1); }.instagram .network-icon { background: linear-gradient(135deg,#6e38c7,#f13a75 55%,#f4a949); }.facebook .network-icon { background: #1877f2; }.linkedin .network-icon { background: #0a66c2; }.linkedin .network-icon img { filter: none; }
.social-app { position: relative; overflow: hidden; height: 520px; color: #1c2922; background: white; }.social-app-top { display: flex; align-items: center; gap: 8px; height: 55px; padding: 8px 10px; }.social-avatar { width: 36px; height: 36px; padding: 3px; border: 1px solid #dce6dc; border-radius: 50%; background: white; object-fit: contain; }.social-app-top span { overflow: hidden; font-size: .69rem; font-weight: 850; white-space: nowrap; text-overflow: ellipsis; }.social-app-top span small { display: block; color: #66756a; font-size: .57rem; font-weight: 500; }.social-app-top > b { margin-left: auto; font-size: 1.2rem; }.social-media { display: block; width: 100%; height: 335px; object-fit: cover; object-position: center top; }.social-mock-metrics { padding: 7px 11px 0; font-size: .65rem; }.social-app p { margin: 5px 11px; font-size: .65rem; line-height: 1.35; }.social-post-intro { min-height: 35px; }.social-media-stack { position: relative; }.social-media-stack .social-media { height: 330px; }.social-media-stack span { position: absolute; top: 9px; right: 9px; padding: 5px 8px; border-radius: 20px; color: white; background: rgba(0,0,0,.75); font-size: .62rem; font-weight: 800; }.social-facebook-actions { margin: 8px 10px; padding-top: 9px; border-top: 1px solid #dfe7e1; color: #567062; text-align: center; font-size: .61rem; font-weight: 700; }.facebook .social-app { background: #f6f8fb; }.linkedin .social-app { background: #f3f5f3; }.social-vertical { color: white; background: #050909; }.social-video-poster { display: block; width: 100%; height: 100%; object-fit: cover; }.social-vertical::after { position: absolute; inset: 45% 0 0; content: ''; background: linear-gradient(transparent,rgba(0,0,0,.78)); pointer-events: none; }.social-vertical-info { position: absolute; z-index: 2; right: 62px; bottom: 22px; left: 13px; }.social-vertical-info strong,.social-vertical-info small { display: block; text-shadow: 0 1px 8px #000; }.social-vertical-info strong { margin-bottom: 8px; font-size: .78rem; }.social-vertical-info small { font-size: .67rem; line-height: 1.35; }.social-vertical-actions { position: absolute; z-index: 2; right: 8px; bottom: 26px; display: grid; justify-items: center; gap: 3px; font-size: 1.6rem; line-height: 1; text-shadow: 0 1px 8px #000; }.social-vertical-actions small { margin-bottom: 6px; font-size: .58rem; }.social-showcase-dots { display: flex; justify-content: center; gap: 7px; margin: 9px 0 3px; }.social-showcase-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #60788b; cursor: pointer; }.social-showcase-dots button[aria-current="true"] { width: 24px; border-radius: 10px; background: var(--cyan); }.social-showcase .map-note { margin: 11px 0 0; color: #9eb9cc; font-size: .69rem; }
.timeline { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; padding: 0; list-style: none; }.timeline:before { content:""; position:absolute; top: 17px; left:4%; right:4%; height:2px; background:#abd3e4; }.timeline li { position: relative; padding: 54px 20px 20px; border: 1px solid var(--line); border-radius: 18px; background: white; }.timeline li:before { content:""; position:absolute; top:10px; left:20px; width:15px; height:15px; border:5px solid var(--paper); border-radius:50%; background:var(--blue); }.timeline span,.timeline b { display:block; }.timeline span { color:var(--blue); font-size:.78rem; font-weight:900; }.timeline b { margin-top:8px; font-size:1.1rem; }.timeline p { color:var(--muted); font-size:.87rem; }.timeline-notes { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:18px; }.timeline-notes p { margin:0; padding:16px; border-radius:14px; background:#e9f3f7; font-size:.84rem; }
.operation-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.operation-grid article { padding:24px; border:1px solid var(--line); border-radius:18px; background:white; }.operation-grid b { color:var(--blue); font-size:1.1rem; }.operation-grid p { color:var(--muted); font-size:.9rem; }
.boundary-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.boundary-grid article { padding:28px; border:1px solid var(--line); border-radius:20px; background:white; }.boundary-grid.compact { margin-top:18px; }.boundary-grid h3 { margin-top:0; font-size:1.4rem; }.boundary-grid p,.boundary-grid li { color:var(--muted); }.included-note { margin-top:18px; padding:14px 16px; border-left:3px solid var(--cyan); border-radius:8px; background:#e8f8fb; }.out-of-scope { margin-top:18px; padding:22px; color:white; background:var(--blue); border-radius:16px; }
.investment .section-heading p:last-child { color:#adc4d5; }.investment-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.price-card { padding:34px; border:1px solid rgba(255,255,255,.14); border-radius:24px; background:rgba(255,255,255,.05); }.price-card.featured { color:var(--navy); background:var(--cyan); }.price-card > span { font-size:.76rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.price-card strong { display:block; margin:18px 0 26px; color:var(--cyan); font-size:clamp(2.7rem,6vw,5.4rem); line-height:.95; letter-spacing:-.06em; }.price-card.featured strong { color:var(--navy); }.price-card strong i { font-size:1rem; font-style:normal; letter-spacing:0; }.price-card p { color:#c0d4e3; }.price-card.featured p { color:#17384b; }.price-card small { display:block; margin-top:24px; color:#9fb9cc; }.price-card.featured small { color:#24485d; }
.guarantee-box { padding:38px; border:1px solid #b6eaf2; border-radius:24px; background:linear-gradient(120deg,#e4f9fb,#fff); }.guarantee-box > b { display:block; color:var(--blue); font-size:clamp(1.5rem,3vw,2.4rem); }.guarantee-box small { color:var(--muted); }.risk .section-heading p:last-child { color:#adc4d5; }.risk-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.risk-grid article { padding:25px; border:1px solid rgba(255,255,255,.13); border-radius:18px; background:rgba(255,255,255,.05); }.risk-grid p,.risk-grid li { color:#b8cedf; }.market-check { margin-top:20px; padding:28px; border:1px solid rgba(49,215,242,.28); border-radius:22px; background:linear-gradient(120deg,rgba(49,215,242,.09),rgba(255,255,255,.04)); }.market-check > span { color:var(--cyan); font-size:.72rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.market-check h3 { margin:10px 0 12px; font-size:clamp(1.35rem,2.4vw,2rem); }.market-check p { color:#bfd2df; }.market-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }.market-links a { padding:10px 14px; border:1px solid rgba(255,255,255,.18); border-radius:999px; color:white; text-decoration:none; font-size:.78rem; font-weight:800; }.market-links a:hover,.market-links a:focus-visible { border-color:var(--cyan); color:var(--cyan); }.risk-disclaimer { margin-top:20px; padding:20px; color:#cfdfeb; border-left:3px solid var(--gold); background:rgba(255,255,255,.04); }
.decision { width:100%; padding-left:max(22px,calc((100vw - var(--max))/2)); padding-right:max(22px,calc((100vw - var(--max))/2)); background:linear-gradient(120deg,#dff8fc,#f8fbfd); }.decision-inner { max-width:900px; }.decision h2,.research-conclusion h2 { margin:0; font-size:clamp(2.5rem,6vw,5.4rem); line-height:.96; letter-spacing:-.06em; }.decision p:not(.eyebrow),.research-conclusion p:not(.eyebrow) { max-width:760px; color:var(--muted); font-size:1.1rem; }
.research-hero { padding-top:130px; padding-bottom:95px; }.research-hero h2 { max-width:1020px; }.research-hero h2 em { margin-top:8px; }.research-hero > p:not(.eyebrow) { max-width:840px; color:var(--muted); font-size:1.15rem; }.research-stats { display:flex; gap:10px; margin-top:34px; flex-wrap:wrap; }.research-stats span { padding:12px 18px; border:1px solid var(--line); border-radius:999px; background:white; }.research-stats b { color:var(--blue); }.research-section { padding-top:70px; padding-bottom:70px; border-top:1px solid var(--line); }.research-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.research-grid.four { grid-template-columns:repeat(4,1fr); }.research-grid article,.competitor-list article { padding:26px; border:1px solid var(--line); border-radius:20px; background:white; }.research-grid h3,.competitor-list h3 { margin-top:0; font-size:1.35rem; }.research-grid p,.research-grid li,.competitor-list p { color:var(--muted); }.competitor-list { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.competitor-list article > span { color:var(--blue); font-size:.72rem; font-weight:900; text-transform:uppercase; }.competitor-list article > b { display:block; color:var(--blue); font-size:.9rem; }.evidence-table { border:1px solid var(--line); border-radius:20px; overflow:hidden; background:white; }.evidence-table > div { display:grid; grid-template-columns:230px 1fr; gap:20px; padding:18px 22px; border-bottom:1px solid var(--line); }.evidence-table > div:last-child { border-bottom:0; }.evidence-table span { color:var(--muted); }.link-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.link-list a { padding:22px; border:1px solid var(--line); border-radius:17px; background:white; text-decoration:none; }.link-list b,.link-list span { display:block; }.link-list b { color:var(--blue); }.link-list span { margin-top:6px; color:var(--muted); font-size:.9rem; }.decision-list { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0; counter-reset:item; list-style:none; }.decision-list li { padding:18px; border-radius:15px; background:white; border:1px solid var(--line); }.research-conclusion { width:100%; padding-left:max(22px,calc((100vw - var(--max))/2)); padding-right:max(22px,calc((100vw - var(--max))/2)); color:white; background:var(--navy); }.research-conclusion p:not(.eyebrow) { color:#b9cedd; }
footer { color:white; background:#031023; }.footer-inner { width:min(var(--max),calc(100% - 44px)); margin:auto; min-height:170px; display:flex; align-items:center; justify-content:space-between; gap:30px; }.footer-brand { display:block; padding:8px 0; border-radius:12px; background:transparent; }.footer-inner img { display:block; width:230px; height:82px; object-fit:contain; object-position:left center; filter:none; }.footer-inner p { color:#9eb8cc; }.footer-inner button { color:var(--cyan); background:none; border:0; cursor:pointer; font-weight:800; }
.reveal { opacity:0; transform:translateY(20px); transition:opacity .55s ease,transform .55s ease; }.reveal.visible { opacity:1; transform:none; }
@media (max-width: 980px) {
  .desktop-nav { display:none; }.site-header { grid-template-columns:1fr auto; }.hero-inner { grid-template-columns:1fr; padding:90px 0 130px; }.hero-summary { max-width:560px; }.problem-grid { grid-template-columns:repeat(2,1fr); }.problem-grid article:nth-child(4){transform:none}.journey { grid-template-columns:repeat(2,1fr); }.journey-step { border-bottom:1px solid rgba(255,255,255,.1); }.quantity-grid,.calendar-grid { grid-template-columns:repeat(2,1fr); }.timeline,.operation-grid { grid-template-columns:1fr 1fr; }.timeline:before { display:none; }.research-grid.four { grid-template-columns:1fr 1fr; }.puerto-feature{grid-template-columns:1fr}.puerto-copy{max-width:700px;margin:auto}.platform-frame{flex-basis:42%}.mascot-feature{grid-template-columns:1fr}.mascot-copy{padding:0 26px 30px}.mascot-visual{min-height:340px}.mascot-visual img{max-height:400px}
}
@media (max-width: 680px) {
  .site-header { min-height:68px; padding:8px 14px; }.brand-lockup img { width:72px;height:36px }.brand-lockup .aduamar-mark{width:32px}.system-name small{display:none}.system-name{padding-left:8px}.system-name strong{font-size:.66rem}.print-button{display:none}.view-switch{top:68px;padding:8px}.view-switch button{flex:1;padding:8px 9px;font-size:.68rem}.section{width:min(100% - 28px,var(--max));padding:72px 0}section[id]{scroll-margin-top:130px}.hero{min-height:auto}.hero-inner{width:calc(100% - 28px);padding:82px 0 120px}.hero h1{font-size:clamp(3.1rem,16vw,5rem)}.hero-lead{font-size:1rem}.hero-summary{padding:22px}.route-line{width:72%;right:-5%}.section-heading{margin-bottom:30px}.section-heading h2,.research-hero h2{font-size:clamp(2.25rem,12vw,3.6rem)}
  .problem-grid,.capability-grid,.sample-layout,.sample-layout.secondary,.sample-layout.content-hero,.boundary-grid,.investment-grid,.risk-grid,.research-grid,.research-grid.four,.competitor-list,.link-list,.decision-list{grid-template-columns:1fr}.sample-layout.operational article{grid-template-columns:1fr}.content-samples-intro{margin-top:42px}.capability-grid details:last-child{grid-column:auto}.journey{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.journey-step{flex:0 0 72%;scroll-snap-align:start}.quantity-grid,.calendar-grid,.timeline,.operation-grid,.timeline-notes{grid-template-columns:1fr 1fr}.scope-panel{padding:16px}.quantity-grid p{min-height:110px}.check-list{columns:1}.system-map{grid-template-columns:1fr}.route-card,.map-top,.map-core,.map-bottom{grid-column:1}.carousel{grid-template-columns:36px 1fr 36px}.carousel-nav{width:36px;height:36px}.calendar-grid article{min-height:100px}.channel-row{flex-wrap:wrap}.channel-row span{flex:1 0 30%}.timeline li{padding-top:28px}.timeline li:before{display:none}.evidence-table>div{grid-template-columns:1fr;gap:4px}.research-hero{padding-top:95px}.footer-inner{padding:38px 0;flex-direction:column;align-items:flex-start}.summary-grid{grid-template-columns:1fr 1fr 1fr}.social-showcase-heading{align-items:flex-start;flex-direction:column}.social-showcase-controls{align-self:flex-end}.platform-frame{flex-basis:82%}.puerto-feature{padding:20px}.puerto-phone{max-width:310px}
}
@media (max-width: 430px) { .problem-grid,.quantity-grid,.calendar-grid,.timeline,.operation-grid,.timeline-notes{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr}.hero-actions .button{width:100%}.calendar-head{flex-direction:column}.journey-step{flex-basis:82%} }
@media (max-width: 680px) {
  .journey-section,.map-section,.investment,.risk,.decision,.research-conclusion { width:100%; padding-left:20px; padding-right:20px; }
  .investment .section-heading h2 { font-size:clamp(2.35rem,11vw,3.25rem); }
  .price-card { padding:26px 22px; }
  .price-card strong { font-size:clamp(2.55rem,13vw,4rem); }
}
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none} }
@media print { .site-header,.view-switch,.print-button,.carousel-nav,.social-showcase-controls,.social-showcase-dots{display:none!important}.hero{min-height:auto}.hero-inner{padding:60px 0}.hero-overlay{background:rgba(4,23,44,.92)}.section{padding:45px 0}.reveal{opacity:1;transform:none}.capability-grid details{break-inside:avoid}.investment,.journey-section,.map-section,.risk,.research-conclusion{print-color-adjust:exact;-webkit-print-color-adjust:exact}.price-card,.sample-layout article,.platform-frame{break-inside:avoid}.platform-previews{flex-wrap:wrap;overflow:visible}.platform-frame{flex-basis:30%} }

/* Refinamiento v6: profundidad comercial, calendario mensual y respuesta visual. */
html { scroll-padding-top: 160px; }
body { overflow-x: hidden; }
.carousel-track { min-width: 0; }
.carousel-track img { height: auto; }
.calendar-head > div { max-width: 760px; }
.calendar-head h3 { margin: 8px 0 0; max-width: 670px; font-size: clamp(1.35rem,2.4vw,2rem); line-height: 1.12; }
.calendar-intro { max-width: 820px; color: #b8cedc; line-height: 1.65; }
.calendar-scroll { margin: 24px -4px 0; padding: 4px 4px 18px; overflow-x: auto; scrollbar-color: var(--cyan) rgba(255,255,255,.07); }
.month-grid { display: grid; grid-template-columns: repeat(7,minmax(118px,1fr)); gap: 9px; min-width: 950px; }
.month-head { padding: 7px 0; color: #8eafc3; text-align: center; font-size: .68rem; font-weight: 900; letter-spacing: .14em; }
.month-grid .day { position: relative; display: flex; min-width: 0; min-height: 174px; padding: 7px; flex-direction: column; align-items: stretch; justify-content: space-between; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; color: white; background: rgba(255,255,255,.06); box-shadow: 0 10px 26px rgba(0,0,0,.13); }
.month-grid .day-number { padding: 2px 3px 6px; color: var(--gold); font-size: .69rem; font-weight: 900; }
.month-grid .day-preview { position: relative; display: block; height: 112px; overflow: hidden; border-radius: 8px; background: #0b2744; }
.month-grid .day-preview img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 28%; transition: transform .35s ease; }
.month-grid .day-preview::after { position: absolute; inset: 48% 0 0; content: ""; background: linear-gradient(transparent,rgba(2,13,26,.72)); }
.month-grid .day.video .day-preview::before { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 31px; height: 31px; content: "▶"; place-items: center; border-radius: 50%; color: #03152b; background: var(--cyan); box-shadow: 0 3px 16px rgba(0,0,0,.45); transform: translate(-50%,-50%); }
.month-grid .day.carousel .day-preview::before { position: absolute; z-index: 2; top: 6px; right: 6px; padding: 2px 6px; content: "▤"; border-radius: 5px; color: var(--navy); background: white; font-size: .74rem; }
.month-grid .day small { display: block; padding: 7px 3px 2px; color: #c7d9e5; font-size: .64rem; font-weight: 750; line-height: 1.2; }

.social-reach { display: block; margin-top: 7px; color: #fff; font-size: .6rem; font-weight: 800; text-shadow: 0 1px 8px #000; }
.social-mock-metrics { color: #263b2f; font-size: .61rem; }
.social-mock-metrics b { color: #0b2d1a; }
.social-comment { margin: 7px 10px 0; padding: 7px 8px; border-radius: 8px; color: #3a5142; background: #edf3ef; font-size: .57rem; line-height: 1.3; }
.social-comment b { color: #183727; }
.social-feed { height: 565px; }

.guarantee-box { display: grid; grid-template-columns: minmax(220px,.72fr) minmax(0,1.28fr); gap: 22px 34px; padding: clamp(28px,4vw,48px); border-width: 2px; box-shadow: 0 24px 70px rgba(6,72,101,.12); }
.guarantee-title span { display: block; color: var(--blue); font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.guarantee-title b { display: block; margin-top: 12px; color: var(--navy); font-size: clamp(1.5rem,3vw,2.45rem); line-height: 1.08; }
.guarantee-box > p { margin: 0; align-self: center; color: #365063; font-size: 1rem; line-height: 1.65; }
.acceptance-flow { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; }
.acceptance-flow span { padding: 15px; border: 1px solid #b7e6ee; border-radius: 14px; color: #23485d; background: rgba(255,255,255,.75); font-size: .8rem; font-weight: 800; }
.acceptance-flow b { display: block; margin-bottom: 6px; color: var(--blue); font-size: 1.15rem; }
.guarantee-box > small { grid-column: 1 / -1; padding-top: 17px; border-top: 1px solid #c9e5e9; line-height: 1.55; }
.risk-strip { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 18px; }
.risk-strip div { padding: 22px; border: 1px solid rgba(49,215,242,.25); border-radius: 18px; background: linear-gradient(145deg,rgba(49,215,242,.11),rgba(255,255,255,.035)); }
.risk-strip strong,.risk-strip span { display: block; }
.risk-strip strong { color: var(--cyan); font-size: clamp(1.55rem,3vw,2.5rem); letter-spacing: -.04em; }
.risk-strip span { margin-top: 8px; color: #bdd1df; font-size: .8rem; line-height: 1.4; }

.research-start { grid-template-columns: repeat(2,1fr); }
.research-card-number { display: block; margin-bottom: 14px; color: var(--cyan); font-size: .72rem; font-weight: 900; letter-spacing: .12em; }
.research-bottomline { margin-top: 18px; padding: clamp(24px,4vw,40px); border-radius: 22px; color: white; background: linear-gradient(120deg,#071a35,#0b4970); }
.research-bottomline span,.research-bottomline strong { display: block; }
.research-bottomline span { color: var(--cyan); font-size: .7rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.research-bottomline strong { margin-top: 12px; max-width: 980px; font-size: clamp(1.15rem,2.2vw,1.75rem); line-height: 1.35; }
.competitor-list.expanded { grid-template-columns: repeat(3,1fr); }
.competitor-list.expanded article { display: flex; min-height: 370px; flex-direction: column; }
.competitor-list.expanded article > b { margin-top: auto; padding-top: 16px; }
.source-links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }
.source-links a,.format-references a { padding: 8px 11px; border: 1px solid #c7dce7; border-radius: 999px; color: var(--blue); background: #f5fbfd; font-size: .72rem; font-weight: 800; text-decoration: none; }
.experience-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.experience-grid article { padding: 26px; border: 1px solid var(--line); border-radius: 20px; background: white; }
.experience-grid article > span,.market-lens article > span,.method-grid article > span { color: var(--blue); font-size: .7rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.experience-grid h3 { margin: 12px 0; font-size: 1.25rem; }
.experience-grid p,.experience-grid small { color: var(--muted); line-height: 1.55; }
.experience-grid b { color: var(--navy); font-size: .84rem; }
.format-references { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.market-lens { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 18px; }
.market-lens article { padding: 25px; border-radius: 18px; color: white; background: var(--navy); }
.market-lens h3 { margin: 10px 0; }
.market-lens p { margin-bottom: 0; color: #b8cedd; line-height: 1.55; }
.link-list.expanded { grid-template-columns: repeat(2,1fr); }
.decision-list.expanded { grid-template-columns: repeat(2,1fr); }
.method-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.method-grid article { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: white; }
.method-grid p { margin-bottom: 0; color: var(--muted); line-height: 1.55; }
.research-date { margin: 18px 0 0; color: var(--muted); }

@media (hover:hover) and (pointer:fine) {
  :where(.problem-grid article,.quantity-grid p,.operation-grid article,.boundary-grid article,.price-card,.risk-grid article,.competitor-list article,.experience-grid article,.market-lens article,.method-grid article,.link-list a,.decision-list li,.platform-frame,.guarantee-box) { transition: transform .26s ease,border-color .26s ease,box-shadow .26s ease,background-color .26s ease; }
  :where(.problem-grid article,.quantity-grid p,.operation-grid article,.boundary-grid article,.price-card,.risk-grid article,.competitor-list article,.experience-grid article,.market-lens article,.method-grid article,.link-list a,.decision-list li,.platform-frame):hover { z-index: 1; border-color: rgba(49,215,242,.62); box-shadow: 0 20px 44px rgba(3,31,55,.13); transform: translateY(-6px); }
  .month-grid .day:hover { border-color: var(--cyan); transform: translateY(-5px); }
  .month-grid .day:hover img { transform: scale(1.08); }
  .guarantee-box:hover { border-color: var(--cyan); box-shadow: 0 28px 85px rgba(6,72,101,.18); transform: translateY(-4px); }
  .source-links a:hover,.format-references a:hover { color: white; border-color: var(--blue); background: var(--blue); }
}

@media (max-width: 980px) {
  .experience-grid,.method-grid,.risk-strip { grid-template-columns: repeat(2,1fr); }
  .competitor-list.expanded { grid-template-columns: repeat(2,1fr); }
  .market-lens { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  html { scroll-padding-top: 184px; }
  section[id] { scroll-margin-top: 184px; }
  .samples { padding-top: 92px; }
  .carousel { grid-template-columns: 40px minmax(0,1fr) 40px; gap: 6px; }
  .carousel-nav { width: 40px; height: 40px; }
  .carousel-track img { width: 100%; border-radius: 13px; }
  .calendar-head { align-items: flex-start; }
  .content-calendar { margin-inline: -2px; padding: 21px 14px; border-radius: 20px; }
  .month-grid { min-width: 850px; grid-template-columns: repeat(7,112px); gap: 7px; }
  .month-grid .day { min-height: 166px; }
  .month-grid .day-preview { height: 105px; }
  .guarantee-box { grid-template-columns: 1fr; padding: 26px 20px; }
  .acceptance-flow { grid-template-columns: repeat(2,1fr); }
  .risk-strip,.research-start,.experience-grid,.method-grid,.competitor-list.expanded,.link-list.expanded,.decision-list.expanded { grid-template-columns: 1fr; }
  .competitor-list.expanded article { min-height: 0; }
  .social-feed { height: 570px; }
  .platform-frame { flex-basis: 88%; }
  .research-bottomline { margin-inline: 0; }
}

@media (max-width: 390px) {
  .site-header { padding-inline: 10px; }
  .brand-lockup { gap: 5px; }
  .system-name { margin-left: 2px; }
  .view-switch { padding-inline: 6px; }
  .view-switch button { padding-inline: 7px; font-size: .64rem; }
  .section { width: min(100% - 22px,var(--max)); }
  .carousel { grid-template-columns: 34px minmax(0,1fr) 34px; gap: 4px; }
  .carousel-nav { width: 34px; height: 34px; }
  .acceptance-flow { grid-template-columns: 1fr; }
}

/* Mantiene la nueva portada dentro del celular sin recortar palabras ni llamadas a la accion. */
.hero-copy,.hero-summary { min-width: 0; }
/* El desplazamiento ya reserva la cabecera en html; evita sumar el margen dos veces. */
section[id] { scroll-margin-top: 0; }
@media (max-width: 680px) {
  .hero h1 { font-size: clamp(2.15rem,11.1vw,3.5rem); overflow-wrap: normal; }
  .hero-copy .eyebrow { overflow-wrap: anywhere; }
  .hero-lead,.system-definition { overflow-wrap: break-word; }
  .boundaries .section-heading h2 { font-size: clamp(2rem,10vw,2.5rem); }
  .decision-meta { font-size: .85rem; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto!important; transition-duration: .01ms!important; animation-duration: .01ms!important; animation-iteration-count: 1!important; }
}