/* pintorsagunto.es — Identidad propia, estrategia probada */
*{margin:0;padding:0;box-sizing:border-box}
:root{
    --verde:#1a7a4a;
    --verde-dark:#145c38;
    --verde-light:#2a9a60;
    --acento:#f5a623;
    --acento-dark:#d4891a;
    --blanco:#ffffff;
    --fondo:#f9fafb;
    --fondo2:#f0f4f0;
    --texto:#1a2a1a;
    --texto2:#4a5c4a;
    --texto3:#8a9e8a;
    --borde:#dde8dd;
    --sombra:0 4px 18px rgba(26,122,74,.08);
    --sombra-hover:0 10px 32px rgba(26,122,74,.14);
    --radio:10px;
    --trans:all .28s ease;
}
body{font-family:'Nunito',sans-serif;color:var(--texto);line-height:1.65;background:var(--fondo)}
.container{max-width:1180px;margin:0 auto;padding:0 22px}
h1,h2,h3,h4{font-family:'Montserrat',sans-serif;line-height:1.2}
h1{font-size:2.7rem;font-weight:800;margin-bottom:.9rem}
h2{font-size:1.9rem;font-weight:700;margin-bottom:1.1rem}
h3{font-size:1.15rem;font-weight:700;margin-bottom:.55rem}
.marca{color:var(--acento)}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}

/* BARRA SUPERIOR */
.barra-top{background:var(--verde-dark);color:white;padding:8px 0;font-size:.8rem}
.barra-top-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.barra-top a{color:white;margin-right:14px;display:inline-flex;align-items:center;gap:5px;font-size:.8rem}
.barra-top a:hover{opacity:.85}
.barra-redes{display:flex;gap:12px}
.barra-redes a{color:white;font-size:.9rem;margin-right:0}
.barra-horario{color:rgba(255,255,255,.8);font-size:.78rem;display:flex;align-items:center;gap:5px}

/* CABECERA */
.cabecera{background:white;box-shadow:0 2px 12px rgba(0,0,0,.07);position:sticky;top:0;z-index:1000;border-bottom:3px solid var(--acento)}
.cabecera-inner{display:flex;justify-content:space-between;align-items:center;padding:13px 0}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none}
.logo-icono{width:46px;height:46px;background:linear-gradient(135deg,var(--verde),var(--acento));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;box-shadow:0 3px 10px rgba(26,122,74,.25)}
.logo-nombre{font-family:'Montserrat',sans-serif;font-size:1.05rem;font-weight:800;color:var(--verde);line-height:1.2}
.logo-nombre span{color:var(--acento)}
.btn-menu{display:none;background:none;border:2px solid var(--borde);border-radius:8px;padding:7px 10px;font-size:1.4rem;cursor:pointer;color:var(--verde);z-index:1001}
.nav{display:flex;align-items:center;gap:6px}
.nav a{color:var(--texto2);font-weight:600;font-size:.87rem;padding:7px 12px;border-radius:8px;transition:var(--trans)}
.nav a:hover,.nav a.activo{color:var(--verde);background:var(--fondo2)}
.nav-cta{background:var(--acento)!important;color:white!important;padding:9px 18px!important;font-weight:700!important;box-shadow:0 3px 10px rgba(245,166,35,.3)}
.nav-cta:hover{background:var(--acento-dark)!important;transform:translateY(-1px)}

/* HERO */
.hero{background:linear-gradient(145deg,var(--verde-dark) 0%,var(--verde) 60%,var(--verde-light) 100%);padding:65px 0 55px;position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:var(--fondo);clip-path:ellipse(55% 100% at 50% 100%)}
.hero-wrap{display:grid;grid-template-columns:1fr 360px;gap:44px;align-items:center;position:relative;z-index:1}
.hero-etiqueta{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:white;padding:6px 14px;border-radius:30px;font-size:.77rem;font-weight:700;margin-bottom:16px;backdrop-filter:blur(4px)}
.hero h1{color:white;font-size:2.5rem;font-weight:800;margin-bottom:14px}
.hero h1 .marca{color:var(--acento)}
.hero-desc{color:rgba(255,255,255,.88);font-size:.96rem;max-width:480px;line-height:1.75;margin-bottom:26px}
.hero-btns{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:32px}
.hero-numeros{display:flex;gap:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
.numero-item .cifra{font-family:'Montserrat',sans-serif;font-size:1.65rem;font-weight:800;color:white;display:block}
.numero-item .etiq{font-size:.72rem;color:rgba(255,255,255,.72)}

/* TARJETA PRECIOS HERO */
.tarjeta-precios{background:white;border-radius:14px;padding:22px;box-shadow:0 8px 32px rgba(0,0,0,.15)}
.tarjeta-titulo{font-family:'Montserrat',sans-serif;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--texto3);margin-bottom:14px}
.precio-fila{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--borde)}
.precio-fila:last-of-type{border-bottom:none}
.precio-concepto{font-size:.83rem;color:var(--texto)}
.precio-val{font-family:'Montserrat',sans-serif;font-weight:700;color:var(--acento);font-size:.88rem}
.tarjeta-btns{margin-top:14px;display:flex;flex-direction:column;gap:8px}

/* BOTONES */
.btn{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border-radius:9px;font-weight:700;font-size:.88rem;font-family:'Nunito',sans-serif;transition:var(--trans);cursor:pointer;border:none}
.btn-verde{background:var(--verde);color:white;box-shadow:0 4px 14px rgba(26,122,74,.3)}
.btn-verde:hover{background:var(--verde-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,122,74,.4)}
.btn-wa{background:#25d366;color:white;box-shadow:0 4px 14px rgba(37,211,102,.25)}
.btn-wa:hover{background:#20b858;transform:translateY(-2px)}
.btn-borde{background:transparent;color:var(--verde);border:2px solid var(--verde)}
.btn-borde:hover{background:var(--verde);color:white}
.btn-acento{background:var(--acento);color:white;box-shadow:0 4px 14px rgba(245,166,35,.3)}
.btn-acento:hover{background:var(--acento-dark);transform:translateY(-2px)}
.btn-blanco{background:white;color:var(--verde)}
.btn-blanco:hover{background:var(--fondo2)}
.btn-full{width:100%;justify-content:center}
.btn-sm{padding:8px 16px;font-size:.8rem}

/* SECCIONES */
.seccion{padding:72px 0}
.seccion-blanca{background:white}
.seccion-header{text-align:center;margin-bottom:44px}
.seccion-header h2{color:var(--verde)}
.etiqueta-seccion{display:inline-block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--verde);background:rgba(26,122,74,.08);padding:4px 12px;border-radius:20px;margin-bottom:7px;font-family:'Montserrat',sans-serif}
.seccion-header p{color:var(--texto2);max-width:520px;margin:0 auto;font-size:.93rem;line-height:1.75}

/* GRID SERVICIOS */
.grid-servicios{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:18px}
.card-servicio{background:white;border:2px solid var(--borde);border-radius:var(--radio);padding:24px 20px;transition:var(--trans);position:relative;overflow:hidden}
.card-servicio::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--verde),var(--acento));transform:scaleY(0);transform-origin:top;transition:transform .3s}
.card-servicio:hover{border-color:var(--verde);box-shadow:var(--sombra-hover);transform:translateY(-3px)}
.card-servicio:hover::before{transform:scaleY(1)}
.icono-serv{width:48px;height:48px;background:linear-gradient(135deg,rgba(26,122,74,.1),rgba(245,166,35,.08));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:13px;transition:background .3s}
.card-servicio:hover .icono-serv{background:var(--verde)}
.card-servicio h3{color:var(--verde);margin-bottom:6px}
.card-servicio p{font-size:.81rem;color:var(--texto2);line-height:1.7}

/* ZONAS */
.grid-zonas{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:11px}
.zona-item{background:white;border:2px solid var(--borde);border-radius:var(--radio);padding:15px 13px;display:flex;align-items:center;gap:10px;transition:var(--trans);text-decoration:none;color:inherit}
.zona-item:hover{border-color:var(--verde);transform:translateY(-2px);box-shadow:var(--sombra)}
.zona-icono{width:36px;height:36px;background:linear-gradient(135deg,var(--verde),var(--verde-light));border-radius:9px;display:flex;align-items:center;justify-content:center;color:white;font-size:.85rem;flex-shrink:0}
.zona-nombre{font-size:.83rem;font-weight:700;color:var(--verde)}
.zona-sub{font-size:.67rem;color:var(--acento);font-weight:700}

/* POR QUÉ */
.grid-porq{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.lista-razones{display:flex;flex-direction:column;gap:15px}
.razon{display:flex;gap:13px;background:var(--fondo2);border-radius:var(--radio);padding:16px;border:1px solid var(--borde);transition:var(--trans)}
.razon:hover{border-color:var(--verde);box-shadow:var(--sombra)}
.razon-icono{width:40px;height:40px;background:linear-gradient(135deg,var(--verde),var(--verde-light));border-radius:9px;display:flex;align-items:center;justify-content:center;color:white;font-size:.9rem;flex-shrink:0}
.razon h4{font-family:'Montserrat',sans-serif;font-weight:700;font-size:.88rem;color:var(--verde);margin-bottom:3px}
.razon p{font-size:.79rem;color:var(--texto2);line-height:1.65;margin:0}
.cta-lateral{background:linear-gradient(145deg,var(--verde-dark),var(--verde));border-radius:14px;padding:30px;color:white;text-align:center}
.cta-lateral h3{color:white;font-size:1.15rem;margin-bottom:8px}
.cta-lateral p{color:rgba(255,255,255,.78);font-size:.84rem;margin-bottom:18px}
.btn-tel{display:flex;align-items:center;justify-content:center;gap:8px;background:white;color:var(--verde);padding:13px;border-radius:9px;font-weight:800;font-size:.93rem;margin-bottom:9px;transition:var(--trans);text-decoration:none;font-family:'Montserrat',sans-serif}
.btn-tel:hover{background:var(--fondo2)}
.btn-wa-grande{display:flex;align-items:center;justify-content:center;gap:8px;background:#25d366;color:white;padding:13px;border-radius:9px;font-weight:700;font-size:.9rem;transition:var(--trans);text-decoration:none}
.btn-wa-grande:hover{background:#20b858}

/* FAQ */
.faq-wrap{display:flex;flex-direction:column;gap:11px;max-width:760px;margin:0 auto}
.faq-item{background:white;border:1.5px solid var(--borde);border-radius:var(--radio);overflow:hidden}
.faq-item summary{padding:17px 19px;cursor:pointer;font-family:'Montserrat',sans-serif;font-weight:700;font-size:.91rem;color:var(--verde);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;user-select:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-size:1.3rem;color:var(--acento);flex-shrink:0}
.faq-item[open] summary::after{content:'−'}
.faq-item[open]{border-color:var(--verde)}
.faq-cuerpo{padding:0 19px 16px;font-size:.84rem;color:var(--texto2);line-height:1.75}

/* CTA FINAL */
.cta-final{background:linear-gradient(145deg,var(--verde-dark),var(--verde));padding:65px 0;text-align:center;position:relative;overflow:hidden}
.cta-final::before{content:'🖌️';position:absolute;font-size:18rem;opacity:.04;top:50%;left:5%;transform:translateY(-50%)}
.cta-final h2{color:white;margin-bottom:11px}
.cta-final p{color:rgba(255,255,255,.8);margin-bottom:26px;max-width:500px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:18px;margin-top:32px}
.blog-card{background:white;border-radius:var(--radio);overflow:hidden;border:1.5px solid var(--borde);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:var(--trans)}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--sombra-hover);border-color:var(--verde)}
.blog-card-cuerpo{padding:18px;flex:1;display:flex;flex-direction:column;gap:6px}
.blog-cat{display:inline-flex;align-items:center;gap:4px;background:rgba(26,122,74,.08);color:var(--verde);font-size:.68rem;font-weight:800;padding:3px 10px;border-radius:20px;width:fit-content;text-transform:uppercase;letter-spacing:.5px;font-family:'Montserrat',sans-serif}
.blog-card h3{font-size:.9rem;color:var(--verde);line-height:1.4;font-family:'Montserrat',sans-serif;font-weight:700}
.blog-card p{font-size:.79rem;color:var(--texto2);line-height:1.65;flex:1}
.blog-pie{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-top:1px solid var(--borde)}
.blog-meta{font-size:.71rem;color:var(--texto3)}
.blog-leer{font-size:.76rem;font-weight:700;color:var(--verde);display:flex;align-items:center;gap:3px}

/* OTROS SERVICIOS */
.otros-serv{padding:52px 0;background:var(--fondo2);border-top:1px solid var(--borde)}
.otros-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.otro-link{display:inline-flex;align-items:center;gap:6px;background:white;border:1.5px solid var(--borde);border-radius:50px;padding:8px 15px;font-size:.79rem;font-weight:700;color:var(--texto2);transition:var(--trans)}
.otro-link:hover{border-color:var(--verde);color:var(--verde)}
.otro-link i{color:var(--verde);font-size:.73rem}

/* PIE */
.pie{background:var(--verde-dark);color:white;padding:50px 0 22px}
.pie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:32px;margin-bottom:36px}
.pie-logo h3{color:white;font-family:'Montserrat',sans-serif;font-weight:800;font-size:1.05rem}
.pie-logo span{color:var(--acento)}
.pie-col h4{color:white;font-size:.82rem;font-weight:800;margin-bottom:13px;text-transform:uppercase;letter-spacing:.5px;font-family:'Montserrat',sans-serif}
.pie a{color:rgba(255,255,255,.58);font-size:.8rem;transition:color .2s}
.pie a:hover{color:white}
.pie ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.pie-bottom{text-align:center;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:.73rem;color:rgba(255,255,255,.42)}
.pie-garantizado{margin-top:5px;font-size:.7rem;color:rgba(255,255,255,.38)}
.pie-garantizado a{color:var(--acento);font-weight:700}

/* WA FLOTANTE */
.wa-flotante{position:fixed;bottom:26px;right:26px;width:54px;height:54px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.45rem;z-index:500;box-shadow:0 4px 18px rgba(37,211,102,.5);transition:var(--trans);text-decoration:none}
.wa-flotante:hover{transform:scale(1.1)}

/* BOTONES FIJOS MÓVIL */
@media(max-width:767px){
    .botones-fijos{position:fixed;bottom:14px;left:4%;width:92%;display:flex;gap:9px;z-index:99999}
    .btn-fijo{flex:1;text-align:center;padding:13px 8px;color:#fff!important;font-weight:800;font-size:.92rem;font-family:'Nunito',sans-serif;border-radius:50px;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:transform .2s;text-decoration:none}
    .btn-fijo:active{transform:scale(.96)}
    .btn-llamar{background:#0066cc}
    .btn-whatsapp-fijo{background:#25d366}
    body{padding-bottom:78px}
    .wa-flotante{display:none}
}

/* RESPONSIVE */
@media(max-width:992px){
    .hero-wrap{grid-template-columns:1fr}
    .tarjeta-precios{display:none}
    .grid-porq{grid-template-columns:1fr}
}
@media(max-width:768px){
    .btn-menu{display:flex;align-items:center}
    .nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:white;z-index:1000;padding:80px 20px 40px;overflow-y:auto;flex-direction:column;align-items:center;gap:6px}
    .nav.abierto{display:flex}
    .nav a{font-size:1.1rem;padding:11px 20px;width:100%;text-align:center}
    h1{font-size:1.9rem}
    h2{font-size:1.5rem}
    .hero{padding:46px 0 36px}
    .hero h1{font-size:1.9rem}
    .hero-btns{flex-direction:column}
    .hero-btns a{width:100%;justify-content:center}
    .seccion{padding:52px 0}
    .grid-servicios{grid-template-columns:1fr}
    .grid-zonas{grid-template-columns:repeat(2,1fr)}
    .barra-top-inner{flex-direction:column;text-align:center}
    .barra-redes{justify-content:center}
    .pie-grid{grid-template-columns:1fr;text-align:center}
    .cta-btns{flex-direction:column;align-items:center}
    .cta-btns a{width:100%;max-width:300px;justify-content:center}
}
@media(max-width:480px){
    .container{padding:0 14px}
    .grid-zonas{grid-template-columns:repeat(2,1fr)}
    .blog-grid{grid-template-columns:1fr}
}

/* PÁGINAS DE ZONA — estilo específico */
.zona-hero{padding:50px 0 40px;background:linear-gradient(135deg,var(--verde-dark),var(--verde))}
.zona-hero h1{color:white;font-size:2.2rem}
.zona-hero p{color:rgba(255,255,255,.85);max-width:560px;margin-top:10px;font-size:.95rem;line-height:1.75}
.breadcrumb{display:flex;align-items:center;gap:7px;font-size:.76rem;color:rgba(255,255,255,.65);margin-bottom:16px}
.breadcrumb a{color:rgba(255,255,255,.65)}
.breadcrumb a:hover{color:white}
.zona-contenido{padding:55px 0 70px;background:white}
.zona-grid{display:grid;grid-template-columns:1fr 340px;gap:44px;align-items:start}
.zona-texto h2{font-size:1.5rem;color:var(--verde);margin-bottom:13px}
.zona-texto p{font-size:.9rem;color:var(--texto2);line-height:1.8;margin-bottom:16px}
.zona-texto ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.zona-texto ul li{font-size:.88rem;color:var(--texto2);padding-left:16px;position:relative;line-height:1.65}
.zona-texto ul li::before{content:'✓';position:absolute;left:0;color:var(--verde);font-weight:700}
.zona-sidebar{position:sticky;top:90px}
.zona-card{background:var(--fondo2);border:2px solid var(--borde);border-radius:14px;padding:26px}
.zona-card h3{font-size:1.05rem;color:var(--verde);margin-bottom:6px}
.zona-card p{font-size:.82rem;color:var(--texto2);line-height:1.65;margin-bottom:18px}
.zona-otras{padding:48px 0;background:var(--fondo2)}
.zonas-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.zona-link{display:inline-flex;align-items:center;gap:6px;background:white;border:1.5px solid var(--borde);border-radius:8px;padding:9px 15px;font-size:.82rem;font-weight:700;color:var(--verde);transition:var(--trans);text-decoration:none}
.zona-link:hover{border-color:var(--verde);box-shadow:var(--sombra)}
.zona-link.activa{background:var(--verde);color:white;border-color:var(--verde)}
@media(max-width:768px){
    .zona-grid{grid-template-columns:1fr}
    .zona-sidebar{position:static}
    .zona-hero h1{font-size:1.7rem}
}