
:root{--bg:#fbfafc;--surface:#fff;--text:#211c27;--muted:#6f6875;--line:#eae5ec;--accent:#d64f7b;--accent2:#7d5bd6;--soft:#f8f3f8;--radius:20px;--shadow:0 18px 45px rgba(50,35,55,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{min-height:68px;display:flex;align-items:center;gap:22px}.brand{text-decoration:none;color:var(--text);font-weight:850;font-size:18px}.links{margin-left:auto;display:flex;align-items:center;gap:6px}.links a{color:#554e59;text-decoration:none;padding:9px 11px;border-radius:10px;font-size:14px}.links a:hover{background:var(--soft)}.login-link{border:1px solid var(--line)}.menu{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;font-size:20px}
.hero{padding:84px 0 70px;background:radial-gradient(circle at 80% 10%,#f5e8ff 0,transparent 31%),radial-gradient(circle at 15% 20%,#fff0f5 0,transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.12em;color:var(--accent)}h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.02;letter-spacing:-.045em;margin:13px 0 20px;max-width:800px}h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.12;letter-spacing:-.025em;margin:8px 0 12px}h3{margin:8px 0}.lead{font-size:1.18rem;color:var(--muted);max-width:680px}.lead.small{font-size:1.05rem}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 17px;border-radius:12px;text-decoration:none;font-weight:750}.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.secondary{background:#fff;color:var(--text);border:1px solid var(--line)}.micro{font-size:13px;color:var(--muted)}
.hero-card,.check-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.mini-head{display:flex;justify-content:space-between;font-weight:750;border-bottom:1px solid var(--line);padding-bottom:14px}.status{color:#278458;font-size:13px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.mini-grid div{background:var(--soft);border-radius:14px;padding:14px}.mini-grid small{display:block;color:var(--muted)}.mini-grid strong{display:block;margin-top:4px}.mini-row{display:flex;justify-content:space-between;gap:12px;padding:12px 2px;border-top:1px solid var(--line);font-size:14px}
.section{padding:72px 0}.soft{background:#fff}.section-title{max-width:720px;margin-bottom:28px}.section-title p{color:var(--muted)}.steps,.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article,.features article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.soft .features article{background:var(--bg)}.steps span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;background:#fff0f5;color:var(--accent);border-radius:11px;font-weight:850}.steps p,.features p{color:var(--muted);margin-bottom:0}.features b{font-size:1.05rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.check-card p{margin:0;padding:13px 0;border-bottom:1px solid var(--line)}.check-card p:last-child{border-bottom:0}.faq-wrap{max-width:850px}.faq-wrap details{background:var(--bg);border:1px solid var(--line);border-radius:14px;margin:10px 0;padding:0 16px}.faq-wrap summary{cursor:pointer;font-weight:750;padding:17px 0}.faq-wrap details p{color:var(--muted);padding:0 0 16px;margin:0}.cta{padding:30px 0 80px}.cta-box{background:#241f29;color:#fff;border-radius:26px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:28px}.cta-box p{color:#cfc7d4}.cta-box h2{margin-bottom:4px}footer{background:#fff;border-top:1px solid var(--line);padding:34px 0 20px}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-inner p,.copyright{color:var(--muted);font-size:13px}.footer-inner div:last-child{display:flex;gap:14px;flex-wrap:wrap}.footer-inner a{color:#5d5562;text-decoration:none}.copyright{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
@media(max-width:850px){.hero{padding-top:55px}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{gap:30px}.steps,.features{grid-template-columns:repeat(2,1fr)}.menu{display:block}.links{display:none;position:absolute;left:18px;right:18px;top:62px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px}.links.open{display:grid}.links a{padding:12px}.cta-box{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.wrap{width:min(100% - 24px,1160px)}.hero{padding:44px 0}.section{padding:52px 0}.steps,.features,.mini-grid{grid-template-columns:1fr}h1{font-size:2.55rem}.actions{display:grid}.actions .btn,.cta .btn{width:100%}.hero-card{padding:16px}.cta-box{padding:24px}.footer-inner{display:block}.footer-inner div:last-child{margin-top:18px;display:grid}}

.recommend-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:16px;
}
.recommend-card{
 background:#fff;
 border:1px solid var(--line);
 border-radius:18px;
 padding:22px;
 box-shadow:0 10px 28px rgba(50,35,55,.05);
}
.recommend-icon{
 display:inline-flex;
 width:38px;
 height:38px;
 align-items:center;
 justify-content:center;
 border-radius:11px;
 background:#fff0f5;
 color:var(--accent);
 font-weight:850;
}
.recommend-card h3{margin:12px 0 7px}
.recommend-card p{margin:0;color:var(--muted)}
@media(max-width:850px){
 .recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 .recommend-grid{grid-template-columns:1fr}
}

.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.testimonial-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(50,35,55,.05)}
.testimonial-person{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.testimonial-person img,.testimonial-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.testimonial-avatar{display:inline-flex;align-items:center;justify-content:center;background:#fff0f5;color:var(--accent);font-weight:850}
.testimonial-person strong{display:block}.stars{font-size:13px;color:#9a6b00;letter-spacing:1px}.testimonial-card>p{margin:0;color:var(--muted)}
@media(max-width:850px){.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.testimonial-grid{grid-template-columns:1fr}}

.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.testimonial-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(50,35,55,.05)}
.testimonial-person{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.testimonial-person img,.testimonial-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.testimonial-avatar{display:inline-flex;align-items:center;justify-content:center;background:#fff0f5;color:var(--accent);font-weight:850}
.testimonial-person strong{display:block}.stars{font-size:13px;color:#9a6b00;letter-spacing:1px}
.testimonial-card>p{margin:0;color:var(--muted)}
.testimonial-empty{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;text-align:center;color:var(--muted)}
.testimonial-empty strong{display:block;color:var(--text);margin-bottom:5px}
@media(max-width:850px){.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.testimonial-grid{grid-template-columns:1fr}}

/* Cómo trabajamos — V1 */
.agency-work{background:#fff}
.work-flow{max-width:920px;margin:34px auto 0;display:grid;gap:12px}
.work-flow article{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:22px 24px;border:1px solid #ece8eb;border-radius:18px;background:#fff}
.work-flow article>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#17191d;color:#fff;font-weight:900;font-size:.8rem;letter-spacing:.08em}
.work-flow h3,.agency-grid h3{margin:2px 0 7px}.work-flow p,.agency-grid p,.finance-points p{margin:0;color:#667085;line-height:1.65}
.agency-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.agency-grid article{padding:24px;border:1px solid #e8e5e7;border-radius:18px;background:#fff}.agency-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f7edf2;margin-bottom:20px;font-size:1.1rem}
.trust-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.trust-list{display:grid;gap:0;border-top:1px solid #e7e5e7}.trust-list p{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:18px 0;margin:0;border-bottom:1px solid #e7e5e7}.trust-list b{font-size:.75rem;color:#a65f7e;padding-top:3px}.trust-list span{display:grid;gap:5px}.trust-list small{color:#667085;line-height:1.5}
.finance-points{display:grid;gap:12px}.finance-points>div{padding:18px 20px;border-radius:15px;background:#fff;border:1px solid #ebe7e9}.finance-points strong{display:block;margin-bottom:6px}
@media(max-width:900px){.agency-grid{grid-template-columns:1fr 1fr}.trust-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:620px){.work-flow article{grid-template-columns:44px 1fr;padding:18px 16px;gap:13px}.work-flow article>span{width:42px;height:42px;border-radius:12px}.agency-grid{grid-template-columns:1fr}.agency-grid article{padding:20px}.trust-list p{grid-template-columns:38px 1fr}}


/* WhatsApp público — V1 */
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:9px;min-height:52px;padding:10px 16px 10px 11px;border-radius:999px;background:#25D366;color:#fff;text-decoration:none;font-weight:850;box-shadow:0 12px 30px rgba(0,0,0,.20);transition:transform .18s ease,box-shadow .18s ease}
.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.24)}
.whatsapp-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);font-size:19px}
.whatsapp-label{white-space:nowrap}
@media(max-width:560px){.whatsapp-float{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:56px;height:56px;min-height:56px;padding:0;justify-content:center}.whatsapp-icon{background:transparent;font-size:22px}.whatsapp-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

/* Logo oficial Agencia García */
.brand{display:flex;align-items:center;gap:10px}.brand img{width:48px;height:48px;object-fit:cover;border-radius:50%;display:block;border:1px solid #ead8df}.brand span{white-space:nowrap}

/* V10 logo móvil */
.brand img{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;min-width:48px!important;object-fit:cover!important}
@media(max-width:640px){.brand img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;min-width:40px!important}}
