
:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#162f40;background:#f7fbf9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:#087b54}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #49c78a;outline-offset:3px}.nav{background:#112e44;color:#fff}.navin{max-width:1300px;margin:auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.brand{font-size:25px;font-weight:850;text-decoration:none;color:#fff}.brand span{color:#4ae48b}.navlinks{display:flex;gap:25px;flex-wrap:wrap}.navlinks a{color:#e0f2eb;text-decoration:none;font-size:14px}.navlinks a:hover{color:#70e8a4}.hero{background:linear-gradient(105deg,#e7fff1,#f9fffd);overflow:hidden}.heroin{max-width:1300px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:305px;gap:30px;padding:38px 24px}.hero h1{color:#102e45;font-size:clamp(31px,3.8vw,57px);line-height:1.04;margin:0 0 14px;letter-spacing:-.04em}.hero h1 em{color:#078f55;font-style:normal}.hero p{font-size:17px;max-width:600px;line-height:1.55}.heroimg{width:100%;max-height:292px;object-fit:cover;border-radius:23px;box-shadow:0 18px 45px #1b664026}.shell{max-width:1300px;margin:0 auto;padding:0 24px}.auditor{background:#fff;max-width:1080px;margin:-10px auto 36px;position:relative;z-index:1;border-radius:20px;padding:27px 33px;box-shadow:0 18px 50px #18394a15;border:1px solid #d9eee3}.auditor h2{margin:0;color:#132d43;font-size:26px}.auditor p{margin:8px 0 15px;color:#536777}.auditfields{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}input{width:100%;padding:14px 15px;border-radius:10px;border:1px solid #c8ded3;font-size:15px}label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.btn,button{border:0;border-radius:10px;background:#007d48;color:white;padding:14px 22px;font-weight:750;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover,button:hover{background:#09633e}button:disabled{opacity:.5}.muted{font-size:13px!important;color:#6b7c7c}.alert{padding:14px;background:#ecf9f2;border-radius:11px;margin-top:16px}.hidden{display:none}.stats{display:flex;flex-wrap:wrap;gap:12px}.stat{padding:15px 18px;background:#edf9f2;border-radius:12px;min-width:150px}.stat strong{display:block;font-size:23px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.section-title{text-align:center;margin:44px 0 22px;font-size:30px;color:#102e44}.section-title span{color:#068c55}.servicegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.servicecard{background:#fff;border:1px solid #dfebe8;border-radius:15px;overflow:hidden;box-shadow:0 9px 22px #123b3220;display:flex;flex-direction:column}.servicecard img{height:130px;width:100%;object-fit:cover}.servicecard .inside{padding:17px;display:flex;flex-direction:column;flex:1}.servicecard h3{font-size:18px;color:#152e42;margin:0}.servicecard p{font-size:14px;color:#526575;line-height:1.5}.servicecard .price{font-size:21px;color:#078a4f;font-weight:800;margin-top:auto}.softbtn{display:block;text-align:center;background:#d7f4e4;border-radius:20px;color:#0d6d44;text-decoration:none;font-weight:750;padding:10px;margin-top:13px}.softbtn:hover{background:#a8edca}.reportpreview{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:center;background:#eaf9f2;border-radius:24px;margin:38px 0;padding:30px}.reportpreview img{max-width:100%;border-radius:14px;box-shadow:0 12px 25px #16473122}.reportpreview h2{font-size:30px;line-height:1.16;color:#112e43}.reportpreview p{line-height:1.6}.reportpreview ul{line-height:1.9}.foot{background:#112e44;color:#dbece9;margin-top:60px}.foot .shell{padding-top:26px;padding-bottom:26px;display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap}.foot a{color:#cce9df}.detail{padding:44px 0}.back{text-decoration:none;font-weight:650}.detailhead{display:grid;grid-template-columns:1.3fr .8fr;gap:40px;align-items:center}.detailhead h1{font-size:clamp(30px,4vw,49px);color:#102e44;line-height:1.08;margin:12px 0}.detailhead img{width:100%;border-radius:20px;box-shadow:0 18px 40px #123b3225;aspect-ratio:16/9;object-fit:cover}.kicker{color:#078a4f;font-weight:850;letter-spacing:.09em;font-size:12px}.lead{font-size:18px;line-height:1.6;color:#536574}.detailsgrid{display:grid;grid-template-columns:1.4fr .65fr;gap:25px;margin-top:35px}.panel{background:#fff;border:1px solid #e0ede7;border-radius:18px;padding:27px;margin-bottom:16px}.panel h2{color:#132f43;margin-top:0}.panel li{padding:7px 0;line-height:1.5}.purchase{position:sticky;top:20px}.bigprice{font-size:34px;color:#008449;font-weight:850}.smallprint{color:#6b7b7e;font-size:13px;line-height:1.5}.faqdetails{margin:9px 0;padding:12px;border-radius:10px;background:#f0faf5}.faqdetails summary{font-weight:700;cursor:pointer}.faqdetails p{line-height:1.5}.statusbox{margin-top:15px}.issues{padding:12px 0;border-bottom:1px solid #e5eee9}.issues strong{color:#123e38}
@media(max-width:1020px){.servicegrid{grid-template-columns:repeat(2,1fr)}.detailhead,.detailsgrid{grid-template-columns:1fr}.purchase{position:static}}@media(max-width:690px){.heroin{grid-template-columns:1fr}.heroimg{max-height:200px}.auditfields{grid-template-columns:1fr}.servicegrid{grid-template-columns:1fr}.reportpreview{grid-template-columns:1fr}.navlinks{gap:12px}.auditor{margin-top:10px;padding:20px}.section-title{font-size:25px}}

/* v0.8.1 — ancho fluido real para pantallas grandes */
:root{--page-gutter:clamp(18px,2.4vw,48px)}
.navin,.heroin,.shell{width:100%;max-width:none;margin-left:auto;margin-right:auto;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.heroin{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:335px;gap:clamp(24px,4vw,80px)}
.hero p{max-width:820px}
.heroimg{max-height:350px}
.auditor{width:100%;max-width:none;margin-top:-10px;margin-bottom:36px}
.servicegrid{gap:clamp(14px,1.4vw,26px)}
.servicecard img{height:clamp(140px,12vw,230px)}
.reportpreview{gap:clamp(28px,4vw,75px);padding:clamp(25px,3vw,60px)}
@media(min-width:1800px){.heroin{min-height:410px}.heroimg{max-height:400px}.servicecard h3{font-size:20px}.servicecard p{font-size:16px}}
@media(max-width:690px){.heroin{grid-template-columns:1fr}.heroimg{max-height:225px}.servicecard img{height:170px}}
