:root{--azul:#07355f;--cyan:#00b7ff;--verde:#20b486;--texto:#203040;--fondo:#f4f8fb;--gris:#667085;--borde:#d8e4ec}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--texto);background:#fff;line-height:1.65}a{color:#087fc0}img{max-width:100%;height:auto;border-radius:18px}.topbar{background:#041a30;color:#fff;padding:10px 18px;font-size:14px}.topbar a{color:#fff;text-decoration:none}.hero{min-height:520px;background-image:linear-gradient(90deg,rgba(4,18,32,.86),rgba(4,18,32,.35)),url('../img/banner-fuente-piso-parque-ecologico-texcoco.webp');background-size:cover;background-position:center;display:flex;align-items:center;color:#fff}.hero-content{width:min(1120px,92%);margin:auto;padding:70px 0}.breadcrumb{font-size:14px;color:#c7edff;margin-bottom:24px}.hero h1{font-size:clamp(38px,6vw,76px);line-height:1.05;margin:0 0 18px}.hero p{font-size:clamp(18px,2.2vw,25px);max-width:850px;margin:0 0 30px;color:#eef8ff}.btn{display:inline-block;background:linear-gradient(135deg,var(--cyan),var(--verde));color:#041a30;text-decoration:none;font-weight:700;padding:14px 22px;border-radius:999px;box-shadow:0 16px 38px rgba(0,183,255,.28)}main{width:min(1120px,92%);margin:0 auto}.article-layout{display:grid;grid-template-columns:1fr 310px;gap:44px;padding:58px 0}.content h2{font-size:32px;color:var(--azul);line-height:1.2;margin:42px 0 16px}.content h3{font-size:24px;color:#0c4b75;margin:30px 0 12px}.lead{font-size:20px;color:#344054}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.card{background:var(--fondo);border:1px solid var(--borde);padding:22px;border-radius:18px}.card strong{display:block;color:var(--azul);font-size:19px;margin-bottom:8px}.toc,.cta-box{position:sticky;top:18px;background:#fff;border:1px solid var(--borde);border-radius:18px;padding:22px;box-shadow:0 12px 35px rgba(7,53,95,.08);margin-bottom:22px}.toc h2,.cta-box h2{font-size:20px;margin:0 0 14px;color:var(--azul)}.toc ul{padding-left:18px;margin:0}.toc li{margin:9px 0}.note{border-left:5px solid var(--verde);background:#eefbf6;padding:20px;border-radius:12px;margin:28px 0}.specs{width:100%;border-collapse:collapse;margin:24px 0;background:#fff}.specs th,.specs td{border:1px solid var(--borde);padding:14px;text-align:left;vertical-align:top}.specs th{background:#eef7fc;color:var(--azul)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.faq details{border:1px solid var(--borde);border-radius:14px;padding:16px 18px;margin:12px 0;background:#fff}.faq summary{font-weight:700;color:var(--azul);cursor:pointer}.footer-cta{background:linear-gradient(135deg,#052c4d,#084f72);color:#fff;border-radius:24px;padding:36px;margin:50px 0}.footer-cta h2{color:#fff;margin-top:0}.footer-cta p{color:#e8f6ff}.muted{color:var(--gris);font-size:14px}.tag{display:inline-block;background:#e6f7ff;color:#07547f;padding:6px 10px;border-radius:999px;font-size:13px;margin:4px 4px 4px 0}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.toc,.cta-box{position:static}.card-grid,.gallery{grid-template-columns:1fr}.hero{min-height:560px}.hero-content{padding:48px 0}}