/* Home pública. El comunicador mantiene sus estilos propios en /comunicador/. */
:root{--ink:#112d32;--muted:#49636a;--green:#197552;--mint:#d9f4e3;--blue:#e0f1fd;--line:#d5e5e2;--paper:#f7faf8;--white:#fff;--radius:28px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}button,a{touch-action:manipulation}button{font:inherit}a{color:inherit}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:1.04}p{line-height:1.65}:focus-visible{outline:3px solid #e5a612;outline-offset:4px}.skip-link{position:absolute;z-index:100;top:-100px;left:14px;padding:12px 18px;background:#fff;border-radius:12px}.skip-link:focus{top:12px}.section-pad{padding-left:max(24px,calc((100vw - 1260px)/2));padding-right:max(24px,calc((100vw - 1260px)/2))}
.site-header{height:76px;padding:0 max(24px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(247,250,248,.94);border-bottom:1px solid rgba(17,45,50,.07);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;min-width:0}.brand img{width:126px;height:auto;max-height:40px;object-fit:contain}.brand-divider{width:1px;height:26px;background:#bccfca}.brand-name{font-size:14px;letter-spacing:-.025em;font-weight:800;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:750}.site-header nav a{text-decoration:none}.nav-features:hover{text-decoration:underline}.nav-cta{padding:12px 18px;border-radius:12px;background:var(--ink);color:white!important;white-space:nowrap}.nav-cta:hover,.button-primary:hover{background:#215e58}
.hero{position:relative;min-height:690px;overflow:hidden;background:radial-gradient(ellipse at 72% 42%,#ddf6eb 0%,transparent 42%),linear-gradient(116deg,#f9fbf5,#eaf7f7 72%,#e9f6fb)}.hero-glow{position:absolute;width:900px;height:900px;right:-330px;top:-210px;border-radius:50%;border:1px solid rgba(39,147,119,.12);box-shadow:0 0 0 70px rgba(48,154,123,.025),0 0 0 145px rgba(48,154,123,.022);pointer-events:none}.hero-content{min-height:640px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:55px;position:relative;z-index:1}.hero-copy{padding:45px 0 60px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:900;color:var(--green);text-transform:uppercase;display:flex;align-items:center;gap:10px}.eyebrow-dot{width:9px;height:9px;border-radius:50%;background:#39bf80;box-shadow:0 0 0 5px #dbf3e4}.hero h1{font-size:clamp(54px,5.3vw,84px);max-width:690px;margin:25px 0 22px}.hero h1 span{color:var(--green)}.hero-lead{font-size:clamp(21px,2vw,28px);font-weight:700;line-height:1.3;max-width:570px;margin-bottom:15px}.hero-detail{font-size:16px;color:var(--muted);max-width:505px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{min-height:56px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;border-radius:14px;font-weight:850;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:#fff;box-shadow:0 9px 24px rgba(17,45,50,.18)}.button-outline{background:#fff;border:1px solid #c9dfd9;color:var(--ink)}.button-outline:hover{background:#edf7f2}.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:31px;color:#42645c;font-size:13px;font-weight:750}.hero-points span span{color:#129264;font-size:18px;margin-right:4px}.scroll-cue{position:absolute;left:max(24px,calc((100vw - 1260px)/2));bottom:27px;text-decoration:none;color:#52736d;font-size:13px;font-weight:700;display:flex;gap:14px}.scroll-cue:hover{text-decoration:underline}
/* Tablet ilustrativa reutilizada en el hero. Solo es una demostración visual. */
.hero-visual{min-width:0;position:relative;padding:65px 20px 75px}.visual-orbit{position:absolute;border:1px dashed rgba(24,118,83,.23);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:105%;aspect-ratio:1}.orbit-two{width:80%;aspect-ratio:1}.tablet{position:relative;margin:auto;width:min(100%,660px);padding:13px;border:5px solid #263940;border-radius:34px;background:#25383f;box-shadow:0 38px 70px rgba(14,65,56,.26),0 5px 10px rgba(14,65,56,.1);transform:rotate(-4deg)}.tablet-camera{position:absolute;top:50%;left:5px;width:4px;height:4px;border-radius:50%;background:#6c8c90}.tablet-screen{overflow:hidden;min-height:374px;border-radius:20px;background:#f8fbfb}.tablet-topbar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:white;border-bottom:1px solid #dfe8e7;color:#4b686a;font-size:11px;font-weight:800}.mini-logo{font-size:17px;font-weight:950;color:#167457}.mini-logo span{color:#45b897}.tablet-top-icon{letter-spacing:2px}.sentence-zone{margin:11px 12px 10px;background:#eaf4f0;border-radius:12px;padding:9px 12px 8px;min-height:73px}.sentence-label{font-size:9px;color:#688379;font-weight:900;letter-spacing:.1em}.sentence-items{display:flex;gap:7px;align-items:center;margin-top:4px}.sentence-chip{background:white;border:1px solid #b9d8ca;border-radius:9px;padding:3px 10px 3px 4px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:850;box-shadow:0 2px 4px rgba(23,61,48,.05)}.sentence-chip img{width:26px;height:26px;object-fit:contain}.sentence-speak{margin-left:auto;background:#237c61;color:white;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;font-weight:900}.picto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 12px}.picto{height:93px;background:white;border:2px solid #ccd8db;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:7px 4px 6px;min-width:0}.picto img{height:59px;width:100%;object-fit:contain}.picto span{font-size:11px;font-weight:950}.picto-orange{border-color:#e5a760;background:#fff8ee}.picto-green{border-color:#63c78b;background:#f0fff4}.picto-blue{border-color:#72afd8;background:#f0f9ff}.picto-purple{border-color:#b98ad5;background:#fcf3ff}.picto.is-highlighted{animation:picto-glow 4s ease-in-out infinite}.tablet-footer{height:32px;display:flex;justify-content:space-around;align-items:center;font-size:10px;color:#64817b;font-weight:800}.floating-note{position:absolute;z-index:2;padding:12px 15px;border-radius:14px;background:#fff;box-shadow:0 14px 30px rgba(21,62,53,.12);font-size:12px;font-weight:850;color:#335a50}.floating-note span{color:#1a9b69}.note-top{right:-10px;top:30px;transform:rotate(5deg)}.note-bottom{left:-20px;bottom:46px;transform:rotate(4deg)}@keyframes picto-glow{0%,100%{box-shadow:0 0 0 0 rgba(36,183,103,0)}48%{box-shadow:0 0 0 5px rgba(36,183,103,.22)}}
.section-intro{text-align:center;padding-top:100px;padding-bottom:70px;background:#fff}.section-intro .eyebrow{justify-content:center}.section-intro h2{font-size:clamp(39px,5vw,65px);margin:18px 0}.section-intro h2 span,.benefits h2 span{color:#16875f}.section-intro>p:last-child{color:var(--muted);max-width:610px;margin:0 auto;font-size:17px}
.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,7vw,110px);padding-top:100px;padding-bottom:100px}.feature-copy{max-width:530px}.section-number{display:inline-block;font-size:12px;font-weight:950;color:#13805b;letter-spacing:.13em;margin-bottom:20px}.feature h2{font-size:clamp(40px,4.6vw,64px);margin:0 0 25px}.feature h2 span{color:#1a8f65}.feature-copy>p:not(.feature-caption){font-size:19px;font-weight:650;line-height:1.55}.feature-caption{color:var(--muted);font-size:15px;max-width:440px}.feature-visual{min-width:0}.feature-voice{background:#f1f9f4}.voice-card{background:white;border:1px solid #d9ebe3;border-radius:30px;padding:24px;box-shadow:0 25px 45px rgba(40,116,82,.09)}.voice-head,.folder-demo-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-label{font-size:11px;font-weight:950;letter-spacing:.12em;color:#588279}.live-dot{font-size:11px;color:#1c8058;font-weight:800}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#38c581;margin-right:6px}.voice-middle{margin:23px 0;border-radius:21px;background:#ecf8f2;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.mic-illustration{width:58px;height:58px;background:#1b805c;color:white;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 11px #d8f0e2}.mic-illustration svg{width:29px}.wave{height:30px;display:flex;align-items:center;gap:4px;margin-top:10px}.wave i{display:block;width:4px;height:10px;background:#33a979;border-radius:8px;animation:wave 1.25s ease-in-out infinite}.wave i:nth-child(2),.wave i:nth-child(8){height:17px;animation-delay:.13s}.wave i:nth-child(3),.wave i:nth-child(7){height:27px;animation-delay:.26s}.wave i:nth-child(4),.wave i:nth-child(6){height:19px;animation-delay:.39s}.wave i:nth-child(5){height:30px;animation-delay:.52s}@keyframes wave{50%{transform:scaleY(.55)}}.said{font-size:23px;font-weight:850}.voice-result{display:flex;justify-content:space-between;font-size:12px;font-weight:750;color:#687d79}.result-arrow{font-size:24px;color:#2fa874}.found-pictos{display:flex;gap:13px;margin-top:10px}.found-picto{flex:1;min-height:116px;border:2px solid #44b977;border-radius:15px;background:#f0fff4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:0 0 0 4px #e5f6ea}.found-picto img{width:64px;height:64px;object-fit:contain}.found-picto b{font-size:12px}
.feature-flow{background:#fff}.flow-card{border-radius:30px;padding:32px;background:linear-gradient(145deg,#e8f5fd,#f3f5ff);border:1px solid #d7e7f2;box-shadow:0 25px 45px rgba(46,83,122,.07)}.flow-steps{display:flex;align-items:center;justify-content:space-between;gap:4px}.flow-step{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:12px;color:#46677a;min-width:0}.flow-symbol{width:62px;height:62px;border-radius:18px;background:#fff;display:grid;place-items:center;font-size:27px;font-weight:900;color:#2e75a4;box-shadow:0 7px 13px rgba(44,90,132,.1)}.flow-arrow{font-size:24px;color:#69a8c5;margin-top:-22px}.flow-message{background:white;border:1px solid #d2e3ef;border-radius:17px;padding:15px;margin-top:28px}.flow-message>span{font-size:12px;color:#587684;font-weight:800}.flow-message>div{display:flex;align-items:center;gap:8px;margin-top:12px}.flow-message img{width:44px;height:44px;object-fit:contain;border-radius:9px;border:1px solid #d9e8ee;padding:3px}.flow-message strong{margin-left:auto;font-size:15px}
.feature-folders{background:#f6faf6}.folder-demo{border:1px solid #d2e3db;border-radius:28px;background:#fff;padding:23px;box-shadow:0 25px 45px rgba(35,90,65,.08)}.folder-path{font-size:12px;color:#52746a;font-weight:800}.folder-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.folder-tab{border:1px solid #d5e7df;background:#f4f9f6;border-radius:10px;padding:11px 12px;display:flex;align-items:center;gap:6px;color:#345d50;font-size:13px;font-weight:800;cursor:pointer;min-height:44px;transition:transform .18s,background .18s}.folder-tab:hover{transform:translateY(-2px);background:#e4f3ea}.folder-tab.active{background:#1e805e;color:white;border-color:#1e805e}.folder-content{min-height:200px;margin-top:17px;background:#f5f9f7;border-radius:18px;padding:17px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-content:start}.subfolder{border:2px solid #accfb8;background:white;border-radius:13px;min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:850;color:#264f40;text-align:center;padding:10px;animation:rise .35s both}.subfolder span{font-size:30px}.folder-back{margin-top:16px;border:0;background:transparent;color:#176647;font-size:13px;font-weight:850;cursor:pointer;min-height:44px;padding:8px}.folder-back:hover{text-decoration:underline}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.benefits{background:#fff;padding-top:105px;padding-bottom:120px}.benefits-heading{text-align:center;margin-bottom:43px}.benefits-heading .eyebrow{justify-content:center}.benefits h2{font-size:clamp(40px,4.8vw,62px);margin:15px 0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.benefit{border:1px solid #e1ebe8;border-radius:23px;padding:26px;min-height:210px;background:#fbfdfc;transition:transform .2s,box-shadow .2s}.benefit:hover{transform:translateY(-4px);box-shadow:0 15px 24px rgba(21,76,60,.08)}.benefit-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:29px;font-weight:700;margin-bottom:22px}.icon-green{color:#168358;background:#dff7e9}.icon-blue{color:#237eb8;background:#dcefff}.icon-yellow{color:#b77709;background:#fff0c9}.icon-purple{color:#8962af;background:#f0e5fa}.icon-coral{color:#be6749;background:#ffe8df}.icon-teal{color:#298d8b;background:#ddf6f3}.benefit h3{font-size:18px;letter-spacing:-.025em;margin:0 0 7px}.benefit p{font-size:14px;color:var(--muted);margin:0}
.final-cta{background:#0e3d39;min-height:485px;display:grid;place-items:center;position:relative;overflow:hidden;text-align:center;color:#fff}.final-inner{position:relative;z-index:1;max-width:900px;padding:60px 0}.final-star{font-size:43px;color:#8fe0b3;display:block;margin-bottom:18px}.final-cta h2{font-size:clamp(41px,5vw,67px);margin:0 0 20px}.final-cta h2 em{font-style:normal;color:#a8e7bc}.final-cta p{max-width:660px;color:#d5ece4;font-size:19px;margin:0 auto 30px}.button-light{background:#fff;color:#115242}.button-light:hover{background:#e5f9ed}.final-ornament{position:absolute;border-radius:50%;border:1px solid rgba(145,232,184,.18);width:570px;height:570px}.ornament-one{left:-270px;top:-270px;box-shadow:0 0 0 80px rgba(145,232,184,.035)}.ornament-two{right:-260px;bottom:-390px;box-shadow:0 0 0 80px rgba(145,232,184,.035)}.site-footer{padding:25px max(24px,calc((100vw - 1260px)/2));display:flex;justify-content:space-between;gap:15px;background:#0b302e;color:#c9e0d8;font-size:13px}.site-footer a{font-weight:750;text-underline-offset:4px}
/* La clase se añade por JS: sin JavaScript, el contenido sigue visible. */
.has-js [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.has-js [data-reveal].visible{opacity:1;transform:none}
@media(max-width:1050px){.hero-content{gap:20px}.tablet{transform:rotate(-2deg)}.hero h1{font-size:clamp(48px,5.8vw,70px)}.feature{gap:44px}.flow-card{padding:20px}.flow-symbol{width:50px;height:50px;font-size:23px}.flow-arrow{font-size:18px}}
@media(max-width:780px){.site-header{height:67px}.brand img{width:100px}.brand-name{font-size:12px}.site-header nav{gap:12px}.nav-features{display:none}.nav-cta{padding:10px 13px}.hero-content{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:70px 0 20px}.hero h1{font-size:clamp(46px,8vw,68px)}.hero-visual{max-width:680px;margin:auto;padding:34px 24px 90px;width:100%}.scroll-cue{bottom:18px}.section-intro{padding-top:75px;padding-bottom:50px}.feature{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px;gap:30px}.feature-copy{max-width:690px}.feature-flow .feature-copy{grid-row:1}.feature-flow .feature-visual{grid-row:2}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefits{padding-top:75px;padding-bottom:85px}}
@media(max-width:520px){.section-pad{padding-left:20px;padding-right:20px}.site-header{padding:0 20px}.brand{gap:10px}.brand img{width:88px}.brand-divider{height:20px}.brand-name{font-size:11px}.nav-cta{font-size:11px;padding:10px;min-height:42px}.hero-copy{padding-top:60px}.hero h1{font-size:clamp(42px,10vw,56px);letter-spacing:-.06em}.hero-lead{font-size:21px}.hero-detail{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-points{gap:9px 15px;font-size:12px}.hero-visual{padding:34px 4px 79px}.tablet{padding:7px;border-width:4px;border-radius:20px;transform:rotate(-2deg)}.tablet-screen{min-height:267px;border-radius:12px}.tablet-topbar{height:29px;padding:0 9px}.sentence-zone{margin:7px 7px 7px;min-height:57px;padding:5px 7px}.sentence-chip{font-size:9px}.sentence-chip img{width:19px;height:19px}.sentence-speak{height:27px;width:27px}.picto-grid{padding:0 7px;gap:4px}.picto{height:67px;border-radius:8px;padding:4px 2px}.picto img{height:42px}.picto span{font-size:8px}.tablet-footer{height:25px;font-size:8px}.floating-note{font-size:9px;padding:8px 9px}.note-top{right:-9px;top:5px}.note-bottom{left:-8px;bottom:44px}.scroll-cue{left:20px}.section-intro h2,.feature h2,.benefits h2{font-size:clamp(38px,10vw,50px)}.feature-copy>p:not(.feature-caption){font-size:17px}.voice-card,.folder-demo{padding:16px}.found-picto{min-height:100px}.found-picto img{height:54px}.flow-card{padding:15px}.flow-steps{gap:0}.flow-symbol{width:39px;height:42px;border-radius:10px;font-size:19px}.flow-step{font-size:9px;gap:6px}.flow-arrow{font-size:14px}.flow-message strong{font-size:12px}.flow-message img{width:35px;height:35px}.folder-tabs{gap:6px}.folder-tab{font-size:11px;padding:8px}.folder-content{grid-template-columns:repeat(2,1fr);min-height:270px}.subfolder{min-height:105px}.benefit-grid{grid-template-columns:1fr}.benefit{min-height:0;padding:22px}.benefit-icon{margin-bottom:16px}.final-cta p{font-size:17px}.site-footer{flex-direction:column;padding:24px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.has-js [data-reveal]{opacity:1;transform:none}}
.category-card{cursor:pointer}.category-card:hover{background:#e9f7ee}
@media(max-width:520px){.brand-divider,.brand-name{display:none}}
.nav-about:hover{text-decoration:underline;text-underline-offset:5px}
.footer-links{display:flex;gap:24px;flex-wrap:wrap}
@media(max-width:520px){.site-header nav{gap:10px}.nav-about{font-size:12px}.footer-links{gap:18px}}