:root{--navy:#09213d;--navy-deep:#061426;--blue:#155b97;--gold:#eab449;--ink:#172534;--muted:#556473;--paper:#fff;--soft:#f2f6f9;--line:#d9e2e8;--radius:18px;--shadow:0 10px 28px rgba(8,31,55,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6;font-size:16px}img{max-width:100%;height:auto;display:block}a{color:inherit}.container{width:min(1180px,92%);margin-inline:auto}.narrow{width:min(820px,100%)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{background:var(--navy-deep);color:#fff;font-size:.91rem}.topbar a{color:#fff;text-decoration:none;font-weight:700}.topbar-inner{display:flex;justify-content:space-between;gap:1rem;padding:.52rem 0}.site-header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 14px rgba(8,31,55,.11)}.nav-wrap{min-height:76px;display:flex;align-items:center;gap:1.8rem}.brand{color:var(--navy);font-size:1.1rem;font-weight:850;line-height:1.1;text-decoration:none;letter-spacing:-.02em;margin-right:auto}.brand span{display:block;color:var(--blue);font-size:.77rem;letter-spacing:.02em;margin-top:3px}.main-nav{display:flex;gap:1.25rem;align-items:center}.main-nav a{font-size:.92rem;font-weight:750;text-decoration:none}.main-nav a:hover,.more:hover,.text-link:hover{color:var(--blue)}.call-header{background:var(--gold);color:#17202a;font-weight:800;border-radius:999px;padding:.68rem 1rem;text-decoration:none;font-size:.9rem}.menu-toggle,.menu-button{display:none}.hero{color:#fff;background:linear-gradient(115deg,#061426 10%,#09213de8 53%,#09213d90),url('img/cerrajero-valles-oriental-domicilio.webp') center/cover;min-height:590px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:3rem;align-items:center;padding:5.8rem 0}.hero-image{display:none}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:var(--blue);margin:0 0 .7rem}.eyebrow-gold{color:#f9d27d}.hero h1,.page-hero h1{font-size:clamp(2.45rem,5.7vw,5.1rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 1.25rem}.hero h1 span{color:#f9d27d;display:block}.hero-lead{font-size:clamp(1.07rem,2vw,1.28rem);max-width:730px;margin:0 0 1.65rem;color:#ecf4fa}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-block;background:var(--gold);color:#1d242b;text-decoration:none;border:2px solid var(--gold);border-radius:999px;padding:.78rem 1.18rem;font-size:.95rem;font-weight:850;text-align:center}.button:hover{background:#f5cb70;border-color:#f5cb70}.button-light{background:#fff;border-color:#fff}.button-dark{background:var(--navy);color:#fff;border-color:var(--navy)}.hero .button-dark{background:transparent;border-color:#d6e4ee;color:#fff}.hero-points{display:flex;gap:1.2rem;flex-wrap:wrap;padding:0;margin:1.8rem 0 0;list-style:none;font-weight:700;font-size:.92rem}.hero-points li:before{content:'✓';color:#f9d27d;margin-right:.42rem}.section{padding:4.8rem 0}.section-soft{background:var(--soft)}.section-navy{color:#fff;background:var(--navy)}.section-navy h2{color:#fff}.section h2,.footer h2{color:var(--navy);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;letter-spacing:-.025em;margin:.05rem 0 1rem}.section-navy .notice{background:#ffffff12;border:1px solid #ffffff2b;border-radius:var(--radius);padding:1.8rem}.notice h3{margin-top:0}.notice a{color:#f9d27d;font-weight:800}.lead{font-size:1.17rem;max-width:780px;color:#3a4a59}.cards{display:grid;gap:1.2rem;margin-top:2rem}.cards-3{grid-template-columns:repeat(3,1fr)}.card,.contact-card{border:1px solid var(--line);border-radius:var(--radius);padding:1.45rem;background:#fff;box-shadow:0 3px 12px rgba(8,31,55,.04)}.card h3,.contact-card h2{color:var(--navy);font-size:1.2rem;margin:0 0 .6rem}.card p{margin:0 0 1rem;color:var(--muted)}.more,.text-link{font-weight:850;color:var(--blue);text-decoration:none}.section-action{margin-top:1.8rem}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}.image-card{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.image-card img{width:100%;aspect-ratio:1.25;object-fit:cover}.zones{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.5rem}.zones a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.85rem .9rem;text-decoration:none;font-size:.93rem;font-weight:750}.zones a:hover{border-color:var(--blue);color:var(--blue)}.page-hero{background:linear-gradient(135deg,#edf4f8,#fff);border-bottom:1px solid var(--line);padding:4.9rem 0 4.3rem}.page-hero h1{color:var(--navy);font-size:clamp(2.2rem,5vw,4.35rem)}.breadcrumbs{padding:1rem 0;font-size:.86rem;color:var(--muted)}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.link-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem 2rem;padding-left:1.2rem}.link-list a{color:var(--blue);font-weight:700}.nearby-title{margin-top:3rem!important}.nearby-copy{font-size:1.05rem}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;margin:.7rem 0}.faq summary{color:var(--navy);font-weight:850;cursor:pointer}.faq details p{margin:.8rem 0 0;color:var(--muted)}.cta{display:flex;gap:2rem;align-items:center;justify-content:space-between;padding:2rem 2.2rem;border-radius:var(--radius);background:var(--navy);color:#fff}.cta h2{color:#fff;margin-bottom:.5rem}.cta p{margin:0}.map-section p{max-width:800px}.map-frame{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:380px;margin-top:1.5rem}.map-frame iframe{border:0;width:100%;height:380px}.footer{background:var(--navy-deep);color:#d6e1ea;padding:3.7rem 0 5.4rem}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:3rem}.footer h2{color:#fff;font-size:1.05rem}.footer p{font-size:.93rem;margin:.4rem 0}.footer a{color:#fff}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.muted{color:var(--muted)}.mobile-actions{display:none}@media(max-width:960px){.main-nav{gap:.75rem}.call-header{display:none}.cards-3,.zones{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){body{padding-bottom:55px}.topbar-inner{font-size:.78rem}.nav-wrap{min-height:65px;gap:.8rem}.brand{font-size:1rem}.menu-button{display:flex;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}.menu-button span{width:22px;height:2px;background:var(--navy)}.main-nav{display:none;position:absolute;left:0;right:0;top:65px;padding:.65rem 4%;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 10px 20px rgba(8,31,55,.1);flex-direction:column;align-items:stretch;gap:0}.main-nav a{padding:.82rem 0;border-bottom:1px solid var(--line)}.main-nav a:last-child{border-bottom:0}.menu-toggle:checked~.main-nav{display:flex}.hero{min-height:0;background:linear-gradient(135deg,#061426,#0b3159)}.hero-grid{grid-template-columns:1fr;padding:4rem 0}.hero-image{display:block;margin:0;border-radius:var(--radius);overflow:hidden}.hero-image img{aspect-ratio:1.3;object-fit:cover}.hero h1{font-size:clamp(2.35rem,11vw,3.7rem)}.section{padding:3.5rem 0}.page-hero{padding:3.4rem 0}.split,.two-columns,.footer-grid,.contact-grid{grid-template-columns:1fr;gap:1.7rem}.cards-3,.zones,.link-list{grid-template-columns:1fr}.cta{padding:1.6rem;align-items:flex-start;flex-direction:column}.cta-actions{width:100%}.cta-actions .button{width:100%}.mobile-actions{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;z-index:40;background:var(--navy-deep);box-shadow:0 -4px 18px rgba(0,0,0,.24)}.mobile-actions a{color:#fff;text-align:center;text-decoration:none;font-weight:850;padding:.82rem}.mobile-actions a:first-child{background:var(--gold);color:#1d242b}.footer{padding-bottom:2.4rem}.map-frame,.map-frame iframe{min-height:300px;height:300px}}
/* Fase 2: mejoras de carga sin alterar la identidad visual */
img[loading="lazy"]{content-visibility:auto} .image-card img,.hero-image img{width:100%;height:auto} @media(min-width:721px){.section .cards{content-visibility:auto;contain-intrinsic-size:auto 680px}} @media(max-width:380px){.topbar-inner{gap:.35rem}.button{padding:.72rem .9rem;font-size:.9rem}.hero-actions .button{width:100%}}

@media (max-width:720px){.page-hero .hero-actions{align-items:stretch}.page-hero .hero-actions .button{flex:1;min-width:0}.breadcrumbs{overflow-wrap:anywhere}}


/* AIYellow: directorios y enlazado local */
.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.link-cloud{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0 2rem}
.link-cloud a{display:inline-flex;align-items:center;min-height:42px;padding:.58rem .82rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-weight:750;text-decoration:none;box-shadow:0 4px 12px rgba(8,31,55,.05)}
.link-cloud a:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}
.link-cloud-large a{border-radius:12px}
.local-home-link{padding:1rem 1.15rem;border-left:4px solid var(--gold);background:#fff;border-radius:10px}
@media(max-width:760px){.cards-3{grid-template-columns:1fr}.link-cloud a{width:100%;justify-content:center;text-align:center}}