/* FREDDTECH WEB v1 — sistema visual y estilos responsive. Sin fuentes ni scripts externos. */
:root{--blue:#2860D8;--blue-dark:#1d4cb3;--ink:#24384C;--ink-deep:#172a3f;--cream:#F9F6F1;--mint:#DCEBE1;--peach:#F3E5D9;--pale:#ebf1fe;--muted:#637388;--white:#fff;--line:#e3e8ec;--shadow:0 24px 64px rgba(33,54,84,.10);--radius:26px;--container:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);font:400 16px/1.58 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a,button,summary{outline-offset:4px}img,svg{max-width:100%;display:block}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;flex:none}.skip-link{position:absolute;z-index:100;top:-60px;left:10px;background:var(--ink);color:#fff;padding:10px 18px;border-radius:10px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #5d89ef}
.container{width:min(var(--container),calc(100% - 40px));margin:auto}.site-header{position:sticky;z-index:50;top:0;background:rgba(249,246,241,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(36,56,76,.08)}.nav-shell{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:1.33rem;font-weight:850;letter-spacing:-.045em;color:var(--ink);white-space:nowrap}.brand .brand-highlight{color:var(--blue)}.brand-label{display:block;line-height:1.1}.brand-caption{font-weight:550;letter-spacing:.12em;text-transform:uppercase;font-size:.57rem;color:var(--muted);display:block;margin-top:4px}.nav-links{display:flex;align-items:center;gap:7px}.nav-link{font-size:.90rem;font-weight:650;color:#536479;padding:11px 13px;border-radius:13px;transition:.2s}.nav-link:hover,.nav-link[aria-current=page]{background:rgba(40,96,216,.085);color:var(--blue)}.nav-cta{padding:10px 16px!important;background:var(--blue)!important;color:#fff!important}.nav-cta:hover{background:var(--blue-dark)!important}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:12px;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--blue)}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:currentColor}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink-deep);letter-spacing:-.054em;line-height:1.1}h1{font-size:clamp(3.15rem,6.2vw,5.75rem);font-weight:830}h2{font-size:clamp(2.05rem,4.5vw,3.65rem);font-weight:800}h3{font-size:1.38rem;font-weight:800;letter-spacing:-.035em}p{color:var(--muted)}.section{padding:104px 0}.section-head{max-width:720px;margin-bottom:42px}.section-head h2{margin:16px 0 17px}.section-head p{font-size:1.08rem}.text-blue{color:var(--blue)}.text-peach{color:#c5744d}.muted{color:var(--muted)}.small{font-size:.86rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;min-height:52px;padding:13px 21px;font-weight:750;font-size:.94rem;line-height:1.2;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 24px rgba(40,96,216,.18)}.btn-primary:hover{background:var(--blue-dark);box-shadow:0 16px 30px rgba(40,96,216,.20)}.btn-secondary{background:#fff;border-color:#e2e6ef;color:var(--ink)}.btn-plain{background:transparent;border-color:#d9e0e6;color:var(--ink)}.btn .icon{width:18px;height:18px}.btn.disabled,.btn[aria-disabled=true]{opacity:.62;pointer-events:none}.buttons{display:flex;flex-wrap:wrap;gap:11px}.badge{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:8px 12px;font-size:.72rem;font-weight:850;line-height:1.15;letter-spacing:.018em}.badge-blue{background:#e8efff;color:#2852ae}.badge-peach{background:#fff0e7;color:#a35b3f}.badge-green{background:#e6f3ea;color:#3d7051}.badge .bullet{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}
.hero{position:relative;overflow:hidden;padding:102px 0 115px;background:radial-gradient(circle at 70% 16%,#e6ecfa 0,transparent 37%),var(--cream)}.hero::before{content:"";position:absolute;right:-160px;top:-250px;width:650px;height:650px;border:1px solid rgba(40,96,216,.10);border-radius:50%;pointer-events:none}.hero::after{content:"";position:absolute;right:-95px;top:-185px;width:520px;height:520px;border:1px solid rgba(40,96,216,.10);border-radius:50%;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center}.hero-copy{position:relative;z-index:1}.hero h1{margin:26px 0}.hero-description{font-size:1.14rem;max-width:510px;margin-bottom:27px;line-height:1.72}.hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:36px}.hero-meta span{display:flex;gap:8px;align-items:center;font-size:.83rem;font-weight:650;color:#657587}.hero-meta svg{color:#3a9063;width:17px;height:17px}.hero-art{position:relative;min-height:515px;display:flex;justify-content:center;align-items:center;isolation:isolate}.art-halo{position:absolute;width:430px;height:430px;background:radial-gradient(circle,#c7d7fb 0,#eaf0ff 62%,transparent 70%);border-radius:50%;z-index:-1}.phone-shell{position:relative;width:250px;height:480px;background:#fff;border:9px solid #24384c;border-radius:39px;box-shadow:26px 35px 65px rgba(35,56,76,.21),inset 0 0 0 1px #eee;transform:rotate(-8deg);overflow:hidden}.phone-top{height:29px;width:101px;background:#24384c;border-radius:0 0 16px 16px;margin:auto}.phone-screen{padding:12px 17px 16px}.phone-text-sm{font-size:9px;font-weight:800;color:#77889b;letter-spacing:.08em}.phone-title{font-size:22px;line-height:1.15;font-weight:830;letter-spacing:-.05em;margin:5px 0 18px;color:var(--ink)}.screen-search{display:flex;align-items:center;gap:8px;border-radius:9px;background:#f1f4f8;padding:10px 11px;color:#8493a1;font-size:10px;margin-bottom:17px}.screen-list-title{font-size:10px;color:var(--ink);font-weight:800;margin:0 0 10px}.screen-item{display:flex;gap:9px;align-items:center;padding:10px;border-radius:13px;border:1px solid #e7ebf0;background:white;margin:7px 0}.screen-symbol{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:var(--mint);color:#3e7559}.screen-symbol.peach{background:var(--peach);color:#a86644}.screen-lines{flex:1}.screen-line{display:block;height:5px;width:85%;background:#d1d8e1;border-radius:10px;margin:5px 0}.screen-line.short{width:55%;background:#e2e7ed}.phone-footer{position:absolute;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-evenly;padding:13px 0;border-top:1px solid #eff1f3}.phone-footer span{height:7px;width:22px;background:#cad6e7;border-radius:8px}.phone-footer span:first-child{background:var(--blue)}.float-note{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;border-radius:19px;padding:15px 16px;background:#fff;box-shadow:0 16px 44px rgba(39,60,84,.14);border:1px solid #f0f0f1}.float-note .note-symbol{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#2d6c4b;background:var(--mint)}.float-note strong{display:block;font-size:.82rem;color:var(--ink);line-height:1.2}.float-note small{color:#8593a2;font-size:.71rem}.note-one{top:90px;right:-12px;transform:rotate(4deg)}.note-two{bottom:102px;left:-5px;transform:rotate(-4deg)}.art-disclaimer{position:absolute;bottom:8px;font-size:.74rem;color:#8190a2;text-align:center}
.trust-strip{padding:27px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-grid{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.trust-lead{color:var(--ink);font-weight:800}.trust-item{display:flex;align-items:center;gap:9px;font-size:.89rem;color:#657589;font-weight:650}.trust-item svg{color:var(--blue)}
.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.app-card{background:#fff;border-radius:29px;overflow:hidden;border:1px solid #e8e8e8;box-shadow:0 5px 13px rgba(35,55,73,.025);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.app-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.app-visual{height:250px;display:grid;place-items:center;position:relative;overflow:hidden}.app-visual.mint{background:linear-gradient(135deg,#dcebe1,#eef6e9)}.app-visual.peach{background:linear-gradient(135deg,#f3e5d9,#fff0e5)}.app-visual::before,.app-visual::after{content:"";position:absolute;border:1px solid rgba(36,56,76,.11);border-radius:50%;width:360px;height:360px}.app-visual::after{width:260px;height:260px}.app-symbol{position:relative;z-index:1;width:118px;height:118px;background:rgba(255,255,255,.83);border:1px solid rgba(255,255,255,.8);border-radius:32px;display:grid;place-items:center;box-shadow:0 23px 36px rgba(29,73,66,.10);transform:rotate(-8deg)}.app-symbol .icon{width:56px;height:56px;stroke-width:1.5;color:#3d755a}.app-visual.peach .app-symbol{transform:rotate(7deg)}.app-visual.peach .app-symbol .icon{color:#b87954}.visual-caption{position:absolute;bottom:15px;left:20px;font-size:.68rem;letter-spacing:.07em;font-weight:750;color:#5c796e;text-transform:uppercase}.app-visual.peach .visual-caption{color:#9c775f}.card-content{padding:29px 30px 31px;flex:1;display:flex;flex-direction:column}.card-content .badge{align-self:flex-start}.card-content h3{font-size:1.78rem;margin:16px 0 10px}.card-content p{margin-bottom:18px}.card-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;gap:12px}.card-bottom strong{font-size:.89rem;color:var(--blue)}.card-bottom a{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;font-weight:760;color:var(--blue)}.card-bottom a:hover{text-decoration:underline}
.band{background:var(--ink-deep);color:#fff;overflow:hidden;position:relative}.band::after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;border:1px solid rgba(255,255,255,.1);right:-210px;bottom:-330px}.band-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.band h2,.band h3{color:#fff}.band p{color:#bfd0dc}.value-list{display:grid;gap:15px}.value-row{display:flex;gap:15px;align-items:start;padding:17px 21px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);border-radius:17px}.value-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:11px;background:rgba(255,255,255,.11);color:#a9c3fc}.value-row h3{font-size:1.05rem;letter-spacing:-.018em;margin:0 0 4px}.value-row p{font-size:.89rem;margin:0}
.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-card{padding:28px 26px;border:1px solid #e6e8eb;border-radius:24px;background:#fff}.mini-icon{width:46px;height:46px;display:grid;place-items:center;background:var(--pale);color:var(--blue);border-radius:13px;margin-bottom:20px}.mini-card h3{font-size:1.16rem;margin-bottom:10px}.mini-card p{font-size:.94rem;margin-bottom:0}.section-warm{background:#f1f0ec}.news-list{display:grid;grid-template-columns:1fr 1fr;gap:19px}.news-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:27px}.news-card time,.news-card .kicker{display:block;font-size:.73rem;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);font-weight:780;margin-bottom:14px}.news-card h3{margin-bottom:13px}.news-card p{margin-bottom:0}.cta-section{padding:0 0 100px}.cta-panel{border-radius:32px;background:linear-gradient(115deg,#e7eefb 0%,#e4f0e7 95%);padding:56px 62px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-panel h2{font-size:clamp(1.9rem,3.2vw,3rem);margin:0 0 12px}.cta-panel p{margin:0;max-width:480px}.cta-panel .btn{white-space:nowrap}
.page-hero{padding:84px 0 76px;background:radial-gradient(circle at 83% 10%,#e4edfc,transparent 31%),var(--cream)}.page-hero .eyebrow{margin-bottom:24px}.page-hero h1{max-width:890px;font-size:clamp(2.8rem,5.5vw,4.8rem);margin-bottom:23px}.page-hero p{max-width:660px;font-size:1.15rem;line-height:1.75;margin:0}.breadcrumb{display:flex;gap:9px;align-items:center;color:#8190a0;font-weight:660;font-size:.85rem;margin-bottom:24px}.breadcrumb a:hover{text-decoration:underline}.breadcrumb svg{width:14px;height:14px}.content-block{max-width:810px;margin:auto}.content-block h2{font-size:2.1rem;margin-bottom:22px}.content-block h3{font-size:1.27rem;margin:25px 0 10px}.content-block p{font-size:1.03rem}.content-block a:not(.btn){color:var(--blue);text-decoration:underline}.detail-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}.detail-art{display:grid;place-items:center;min-height:340px;border-radius:30px;background:var(--mint);overflow:hidden;position:relative}.detail-art.peach{background:var(--peach)}.detail-art::before,.detail-art::after{position:absolute;content:"";border:1px solid rgba(36,56,76,.12);border-radius:50%;width:450px;height:450px}.detail-art::after{width:340px;height:340px}.detail-art .app-symbol{z-index:1;width:170px;height:170px;border-radius:46px}.detail-art .app-symbol svg{width:76px;height:76px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature{padding:25px;background:white;border:1px solid var(--line);border-radius:18px}.feature .mini-icon{margin-bottom:12px;width:38px;height:38px}.feature h3{font-size:1.03rem;margin:0 0 8px}.feature p{font-size:.88rem;margin:0}.fine-note{padding:17px 20px;border:1px solid #d3e1f6;background:#ecf2fb;border-radius:14px;color:#435a79;font-size:.9rem}.fine-note strong{color:#234d96}.info-box{background:#fff;padding:30px;border-radius:22px;border:1px solid var(--line)}.info-box p:last-child{margin-bottom:0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.faq-item{border:1px solid var(--line);background:white;border-radius:18px;padding:20px 22px;align-self:start}.faq-item summary{color:var(--ink);font-weight:750;cursor:pointer;padding-right:6px}.faq-item p{font-size:.92rem;margin:14px 0 0}.contact-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:30px;border-radius:22px;background:#eaf0fb}.contact-card h3{margin-bottom:6px}.contact-card p{margin:0}.policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.policy-card{border-radius:22px;background:#fff;border:1px solid var(--line);padding:29px}.policy-card h3{margin-bottom:11px}.policy-card p{font-size:.92rem}.page-bottom{margin-top:40px}.status-info{border-radius:16px;background:#e8efff;padding:19px 22px;color:#3e5b89;font-size:.94rem}.status-info strong{color:#2852ae}.quiet-divider{border:0;border-top:1px solid var(--line);margin:28px 0}
.site-footer{background:#182b40;color:#fff;padding:64px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:42px}.site-footer .brand{color:white}.site-footer .brand-caption{color:#afbfce}.site-footer .brand-highlight{color:#9fc0ff}.footer-about{font-size:.91rem;line-height:1.8;color:#aebfcd;max-width:320px;margin:23px 0 0}.footer-col h3{font-size:.81rem;text-transform:uppercase;letter-spacing:.1em;color:#c9d6e2;margin:0 0 19px;font-weight:800}.footer-col a{display:block;font-size:.9rem;color:#a9bdcf;margin-bottom:12px}.footer-col a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:24px;display:flex;justify-content:space-between;gap:15px;font-size:.8rem;color:#a4b7c9}
@media(max-width:1050px){.nav-link{padding:10px 9px}.hero-grid{gap:20px}.note-one{right:-6px}.footer-grid{gap:22px}}@media(max-width:820px){.container{width:min(var(--container),calc(100% - 32px))}.nav-shell{min-height:69px}.menu-toggle{display:flex}.nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% + 1px);background:var(--cream);border-bottom:1px solid #e5e7ea;flex-direction:column;padding:10px 16px 19px;align-items:stretch;box-shadow:0 20px 30px rgba(29,52,77,.08)}.nav-links.is-open{display:flex}.nav-link{padding:13px 17px}.nav-cta{text-align:center}.hero{padding:74px 0 78px}.hero-grid{grid-template-columns:1fr;text-align:left}.hero-copy{max-width:650px}.hero-art{min-height:470px;max-width:500px;width:100%;margin:auto}.app-grid,.band-grid,.detail-grid{grid-template-columns:1fr}.band-grid{gap:35px}.section{padding:80px 0}.three-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-about{max-width:330px}.footer-grid .footer-col:last-child{grid-column:2/4}.cta-panel{padding:39px;flex-direction:column;align-items:start}.detail-art{min-height:310px}}@media(max-width:600px){h1{font-size:clamp(2.85rem,11.3vw,4rem)}.hero h1{margin:21px 0}.hero-description{font-size:1.02rem}.hero-meta{gap:10px 18px;margin-top:23px}.hero-art{min-height:398px;transform:scale(.87);margin:-12px auto -30px}.phone-shell{width:225px;height:440px}.note-one{top:75px;right:-24px}.note-two{bottom:63px;left:-25px}.art-disclaimer{bottom:-4px}.section{padding:67px 0}.section-head{margin-bottom:30px}.section-head h2{margin:13px 0}.app-grid,.three-grid,.news-list,.faq-grid,.policy-grid,.feature-list{grid-template-columns:1fr}.app-visual{height:200px}.card-content{padding:23px}.app-card h3{font-size:1.52rem}.band-grid{gap:27px}.page-hero{padding:53px 0 55px}.page-hero p{font-size:1.05rem}.cta-section{padding:0 0 70px}.cta-panel{padding:28px;border-radius:24px}.cta-panel .btn{white-space:normal}.detail-art{min-height:250px}.detail-art .app-symbol{width:136px;height:136px;border-radius:34px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid .footer-main{grid-column:1/-1}.footer-grid .footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.trust-grid{gap:14px}.trust-lead{width:100%}.buttons>.btn{width:100%}.contact-card{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Utilidades de espaciado para mantener CSP sin estilos en línea */
.space-top-17{margin-top:17px}.space-top-19{margin-top:19px}.space-top-25{margin-top:25px}.space-top-27{margin-top:27px}.eyebrow-light{color:#a9c3fc}.detail-headline{margin:17px 0}

/* Identidad Premium Geometric: símbolo vectorial y firma adaptable. */
.brand-symbol{width:44px;height:44px;flex:none}.brand-caption{letter-spacing:0;text-transform:none;font-size:.63rem}.brand-label{color:var(--ink-deep)}
@media(max-width:380px){.brand{gap:6px;font-size:1.15rem}.brand-symbol{width:36px;height:36px}.brand-caption{font-size:.56rem}}
