/* Páginas de servicio (certificado energético) de HazloLegal · se suma a legal.css y guia.css */
.heroserv{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
.heroserv .lead{margin-top:14px}
.puntos{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:8px;font-size:16px}
.puntos li{position:relative;padding-left:30px}
.puntos li::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.precio{background:#fff;border-radius:24px;padding:24px 24px 22px;box-shadow:0 24px 48px -30px rgba(20,51,90,.55);border:1px solid var(--line);position:relative}
.precio .etq{position:absolute;top:-14px;right:20px;background:var(--postit);color:var(--navy);font:800 13px 'Bricolage Grotesque',sans-serif;padding:6px 11px;border-radius:9px;transform:rotate(3deg)}
.precio small{display:block;font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.precio .cifra{font:800 64px/1 'Bricolage Grotesque',sans-serif;color:var(--navy);margin:6px 0 2px;letter-spacing:-.03em}
.precio .cifra span{font-size:22px;letter-spacing:0}
.precio p{font-size:14.5px;color:var(--muted);margin:0 0 4px;line-height:1.5}
.precio .btn{width:100%;justify-content:center;margin-top:16px;padding:13px 18px}
.precio .regalo{margin-top:14px;background:var(--mint);border-radius:12px;padding:10px 12px;font-size:14px;color:var(--ink);line-height:1.45}
.municipios{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0 !important;margin:10px 0 0}
.municipios li{background:var(--mint);border-radius:999px;padding:5px 12px;font-size:14.5px;margin:0 !important}
.ciudades{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:15.5px;margin-top:6px}
.formcert{background:var(--mint);border-radius:24px;padding:24px;margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.formcert label{display:block;font-size:14px;font-weight:700;color:var(--navy);margin-bottom:5px}
.formcert input,.formcert select,.formcert textarea{width:100%;font:inherit;font-size:16px;padding:11px 13px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.formcert input:focus,.formcert select:focus,.formcert textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(63,155,85,.15)}
.formcert .ancho{grid-column:1/-1}
.formcert textarea{min-height:84px;resize:vertical}
.formcert .btn{justify-content:center;padding:13px 22px}
.formcert .legal{font-size:13px;color:var(--muted);margin:0 !important;line-height:1.5}
.formcert .ok{display:none;background:#fff;border-radius:12px;padding:12px 14px;font-size:15px;color:var(--ink)}
.formcert.enviado .ok{display:block}
@media(max-width:820px){.heroserv{grid-template-columns:1fr}}
@media(max-width:560px){.formcert{grid-template-columns:1fr;padding:18px}.precio .cifra{font-size:56px}}