/*
Theme Name: GruaCercaDeMi
Author: ADMI.cl
Description: Tema adaptable para directorio de grúas y comunas de Chile.
Version: 1.0.0
*/
:root{--navy:#0b2850;--blue:#1268c4;--red:#e53935;--green:#159447;--ink:#15243b;--muted:#637083;--bg:#f3f7fb}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);line-height:1.6}a{color:var(--blue);text-decoration:none}.container{width:min(1160px,92%);margin:auto}.topbar{background:var(--navy);color:white;padding:8px 0;font-size:13px}.topbar .container,.header-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}.site-header{background:white;box-shadow:0 2px 14px #10233b12;position:sticky;top:0;z-index:5}.header-inner{padding:14px 0;flex-wrap:wrap}.brand{font-weight:900;font-size:24px;color:var(--navy)}.brand span{color:var(--blue)}nav{display:flex;gap:16px;flex-wrap:wrap;font-weight:bold;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:9px;color:white;font-weight:bold;text-align:center;border:0;cursor:pointer}.btn-red{background:var(--red)}.btn-blue{background:var(--blue)}.btn-green{background:var(--green)}.hero{background:linear-gradient(90deg,#07172bed,#07172b91),url('https://images.unsplash.com/photo-1566933293069-b55c7f326dd4?auto=format&fit=crop&w=1800&q=80') center/cover;color:white;padding:72px 0}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.08;max-width:780px;margin:0 0 18px}.hero p{font-size:19px;max-width:740px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;font-weight:bold}.section{padding:48px 0}.alt{background:var(--bg)}h2{text-align:center;color:var(--navy);font-size:clamp(25px,3vw,35px);line-height:1.2}.lead{text-align:center;color:var(--muted);max-width:760px;margin:0 auto 28px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid #e0e8f0;border-radius:14px;padding:20px;background:white;box-shadow:0 7px 20px #10233b08}.card h3{margin-top:0;color:var(--navy)}.card p{color:var(--muted)}.searchbox{max-width:600px;margin:22px auto;display:flex;gap:8px}.searchbox input{flex:1;min-width:0;padding:13px;border:1px solid #ccd6e2;border-radius:8px;font:inherit}.region-block{margin:24px 0}.region-title{background:#eaf3ff;padding:14px 18px;border-radius:10px;color:var(--navy);display:flex;justify-content:space-between}.commune-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.commune{border:1px solid #e2eaf2;border-radius:10px;padding:13px;background:white}.commune strong{display:block;margin-bottom:8px}.commune .btn{width:100%;font-size:12px;padding:9px 5px;margin-top:6px}.contact-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.contact-form{border:1px solid #e0e8f0;padding:22px;border-radius:14px}.contact-form label{display:block;font-weight:bold;margin:10px 0 5px}.contact-form input{width:100%;padding:12px;border:1px solid #ccd6e2;border-radius:8px;font:inherit}.contact-form button{width:100%;margin-top:16px}.notice{font-size:12px;color:var(--muted)}.page-hero{background:linear-gradient(120deg,#0b2850,#1268c4);color:white;padding:38px 0}.page-hero h1{font-size:clamp(30px,4vw,44px);margin:0}.site-footer{background:var(--navy);color:white;padding:35px 0}.site-footer a{color:#d7e9ff}.footer-bottom{border-top:1px solid #ffffff35;margin-top:20px;padding-top:16px;font-size:13px}.floating-wa{position:fixed;right:18px;bottom:18px;z-index:10;box-shadow:0 8px 22px #0002}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commune-list{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-wrap{grid-template-columns:1fr}.header-inner,.topbar .container{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.grid{grid-template-columns:1fr}.hero{padding:48px 0}.hero-actions .btn{width:100%}.commune-list{grid-template-columns:1fr 1fr}}

/* Ajustes de alineación responsive y centrado global */
html{scroll-behavior:smooth}
body{text-align:center;overflow-wrap:anywhere}
.container{margin-left:auto;margin-right:auto}
.topbar .container,.header-inner{justify-content:center;text-align:center}
.topbar .container{flex-wrap:wrap}
.header-inner{justify-content:center}
.brand{display:inline-block}
nav{justify-content:center}
.hero .container,.page-hero .container,.section .container{text-align:center}
.hero h1,.hero p,.page-hero h1,.page-hero p{margin-left:auto;margin-right:auto}
.hero-actions,.trust{justify-content:center}
.grid{align-items:stretch}
.card,.commune,.region-block,.contact-form{ text-align:center}
.region-title{justify-content:center;gap:12px;flex-wrap:wrap;text-align:center}
.commune-list{justify-items:stretch}
.site-footer{text-align:center}
.footer-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;justify-items:center;align-items:start}
.footer-content>div{width:100%;text-align:center}
.footer-content p{margin:6px 0}
.footer-bottom{max-width:1000px;line-height:2;text-align:center}
.site-footer .brand{font-size:22px}
.hero{background-position:center;background-size:cover}
img{max-width:100%;height:auto}
@media(max-width:800px){
  .footer-content{grid-template-columns:1fr;gap:18px}
  .topbar .container,.header-inner{align-items:center}
  nav{width:100%;gap:10px}
  .hero,.page-hero{padding:42px 0}
  .hero h1{font-size:clamp(30px,8vw,44px)}
  .hero p{font-size:17px}
  .section{padding:34px 0}
  .footer-bottom{font-size:12px;padding-left:4%;padding-right:4%}
}
@media(max-width:480px){
  .container{width:92%}
  .brand{font-size:21px}
  nav a{padding:4px}
  .topbar{font-size:12px}
  .searchbox{flex-direction:column}
  .searchbox .btn{width:100%}
  .commune-list{grid-template-columns:1fr}
  .floating-wa{right:12px;bottom:12px}
  .footer-bottom{line-height:1.8}
}


/* Ajustes responsive de estabilidad: escritorio, tablet y móvil */
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{width:100%;min-width:0;overflow-x:hidden}
img,video,iframe{max-width:100%}
.container{width:min(1160px,92%);margin-left:auto;margin-right:auto}
.header-inner{min-width:0}
nav a{line-height:1.5}
.hero-actions .btn{white-space:normal}
.card,.commune{min-width:0;overflow-wrap:anywhere}
@media(max-width:800px){.header-inner{gap:12px}.site-header{position:relative}.topbar .container{gap:4px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-wrap{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:18px}}
@media(max-width:520px){.container{width: min(100% - 28px,1160px)}.header-inner{flex-direction:column;align-items:center}.brand{font-size:21px;text-align:center;overflow-wrap:anywhere}nav{display:flex;justify-content:center;gap:8px 12px;width:100%}nav a{font-size:14px}.hero{padding:38px 0}.hero h1{font-size:clamp(29px,8vw,40px)}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.grid,.commune-list{grid-template-columns:1fr}.searchbox{flex-direction:column}.searchbox .btn{width:100%}.section{padding:30px 0}.page-hero{padding:32px 0}.floating-wa{right:12px;bottom:12px}.footer-bottom{overflow-wrap:anywhere}}