/*
Theme Name: Cenpol Seguridad
Description: Tema de Cenpol Seguridad basado en Twenty Twenty-Five.
Template: twentytwentyfive
Version: 1.1.0
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: cenpol
*/

:root{--cm-cab-alto:84px;--cm-top:var(--wp-admin--admin-bar--height,0px)}

/* Sin huecos entre cabecera, contenido y pie */
.wp-site-blocks>*+*{margin-block-start:0}
#Content{scroll-margin-top:calc(var(--cm-cab-alto) + var(--cm-top))}

/* ---------------------------------------------------------------- Cabecera */
.cenpol-cabecera{position:sticky;top:var(--cm-top);z-index:50;transition:background-color .3s ease,box-shadow .3s ease,padding .3s ease}
.cenpol-cabecera .wp-block-navigation a{text-transform:uppercase;letter-spacing:.08em;font-weight:500}
.cenpol-cabecera .wp-block-navigation-item__content{padding:6px 0;border-bottom:2px solid transparent}
.cenpol-cabecera .wp-block-navigation-item__content:hover{border-bottom-color:var(--wp--preset--color--accent);text-decoration:none}
.cenpol-cabecera .cm-cab-boton a{background:var(--wp--preset--color--accent)!important;color:var(--wp--preset--color--primary-dark)!important;padding:10px 18px!important;border-radius:4px;border:0!important;font-weight:700}
body.cenpol-scroll .cenpol-cabecera{box-shadow:0 6px 24px rgba(10,14,40,.25)}

/* Cabecera transparente sobre el vídeo de la portada */
.cenpol-cabecera--sobre{position:fixed;left:0;right:0;background:linear-gradient(rgba(8,11,30,.65),rgba(8,11,30,0))!important}
body.cenpol-scroll .cenpol-cabecera--sobre{background:rgba(21,28,69,.97)!important;padding-top:10px!important;padding-bottom:10px!important}

/* ----------------------------------------------------------------- Portada */
.cm-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#151c45;color:#fff}
.cm-hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cm-hero__velo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,20,52,.92) 0%,rgba(15,20,52,.7) 45%,rgba(15,20,52,.15) 100%)}
.cm-hero__contenido{position:relative;max-width:1240px;width:100%;margin:0 auto;padding:calc(var(--cm-cab-alto) + 40px) var(--wp--preset--spacing--50) 80px;box-sizing:border-box}
.cm-hero__antetitulo{display:inline-block;margin:0 0 18px;padding:6px 12px;border-left:3px solid var(--wp--preset--color--accent);background:rgba(255,255,255,.08);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}
.cm-hero__titulo{margin:0 0 20px;color:#fff;font-size:clamp(2.8rem,7vw,5.6rem);line-height:1;letter-spacing:-.01em}
.cm-hero__texto{max-width:560px;margin:0 0 32px;font-size:clamp(1.05rem,1.6vw,1.3rem);opacity:.92}
.cm-hero__botones{display:flex;flex-wrap:wrap;gap:14px}
.cm-hero__bajar{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);color:#fff;opacity:.8;animation:cm-rebote 2s infinite}
@keyframes cm-rebote{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}
@media (prefers-reduced-motion:reduce){.cm-hero__bajar{animation:none}}

.cm-boton{display:inline-block;padding:15px 28px;border-radius:4px;font-weight:700;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:transform .15s ease,background-color .15s ease}
.cm-boton:hover{transform:translateY(-2px)}
.cm-boton--acento{background:var(--wp--preset--color--accent);color:var(--wp--preset--color--primary-dark)}
.cm-boton--linea{border:2px solid rgba(255,255,255,.85);color:#fff}
.cm-boton--linea:hover{background:#fff;color:var(--wp--preset--color--primary-dark)}

/* Franja de cifras */
.cm-cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0}
.cm-cifra{padding:28px 24px;border-left:1px solid rgba(255,255,255,.15)}
.cm-cifra:first-child{border-left:0}
.cm-cifra strong{display:block;font-size:2rem;line-height:1.1;color:var(--wp--preset--color--accent)}
.cm-cifra span{font-size:.9rem;opacity:.85}
@media (max-width:600px){.cm-cifra{border-left:0;border-top:1px solid rgba(255,255,255,.15)}.cm-cifra:first-child{border-top:0}}

/* Antetítulos de sección */
.cm-ante{margin:0 0 10px;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--muted)}
.cm-ante::before{content:"";display:inline-block;width:28px;height:3px;margin-right:10px;vertical-align:middle;background:var(--wp--preset--color--accent)}

/* Imagen con marco desplazado */
.cm-foto img{border-radius:6px;box-shadow:18px 18px 0 var(--wp--preset--color--accent)}

/* Tarjetas de servicios */
.cm-servicios{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.cm-servicio{position:relative;padding:28px 24px;background:#fff;border-radius:6px;box-shadow:0 2px 10px rgba(21,28,69,.06);transition:transform .2s ease,box-shadow .2s ease}
.cm-servicio:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(21,28,69,.14)}
.cm-servicio svg{width:44px;height:44px;padding:10px;margin-bottom:16px;border-radius:6px;background:var(--wp--preset--color--primary);color:#fff;stroke:currentColor}
.cm-servicio h3{margin:0;font-size:1.05rem;line-height:1.35;color:var(--wp--preset--color--primary-dark)}

/* Valores */
.cm-valores{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}
.cm-valores li{padding:10px 18px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-weight:500}

/* Sellos de calidad */
.cm-sellos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.cm-sello{padding:26px;border-top:4px solid var(--wp--preset--color--accent);background:var(--wp--preset--color--soft);border-radius:0 0 6px 6px}
.cm-sello strong{display:block;margin-bottom:6px;font-size:1.15rem;color:var(--wp--preset--color--primary)}

/* Cabecera de las páginas interiores */
.cm-titular{background:linear-gradient(120deg,#151c45 0%,#263271 70%,#33408f 100%)}
.cm-titular h1{margin:0;color:#fff}

/* --------------------------------------------------------------------- Pie */
.cenpol-pie a{text-decoration:none}
.cenpol-pie a:hover{text-decoration:underline;color:var(--wp--preset--color--accent)}
.cenpol-pie ul{list-style:none;padding-left:0}
.cenpol-pie li{margin-bottom:.45em}

/* ------------------------------------------- Formularios de Contact Form 7 */
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 textarea{width:100%;box-sizing:border-box;padding:.8em 1em;border:1px solid #c9ccd8;border-radius:4px;font:inherit;background:#fff}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:2px solid var(--wp--preset--color--primary);outline-offset:1px}
.wpcf7 input[type=submit]{background:var(--wp--preset--color--primary);color:#fff;border:0;border-radius:4px;padding:.9em 1.8em;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.wpcf7 .wpcf7-list-item{margin-left:0}
.wpcf7-form p{margin:0 0 1em}
.cm-tarjeta{padding:32px;background:#fff;border-radius:6px;box-shadow:0 8px 30px rgba(21,28,69,.1)}

/* Mapa */
.cenpol-mapa iframe{width:100%;height:420px;border:0;display:block;filter:grayscale(.3)}