/*
Theme Name: Cordobesa
Theme URI: https://cordobesaclima.es
Description: Tema de bloques de Cordobesa de Climatización Integral S.L. (hijo de Twenty Twenty-Five). Mismo aspecto que la web anterior sobre tecnología actual.
Author: Cordobesa de Climatización Integral S.L.
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: cordobesa
*/

/* Barra superior */
.cc-topbar{font-size:12px;line-height:1}
.cc-topbar a{color:#fff;text-decoration:none}
.cc-topbar a:hover{text-decoration:underline}
.cc-topbar .cc-sep{opacity:.5;margin:0 .6em}

/* Cabecera */
.cc-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.08)}
.admin-bar .cc-header{top:32px}
.cc-header .wp-block-navigation a{text-decoration:none}
.cc-header .wp-block-navigation-item__content{padding:.4em 0}
.cc-header .wp-block-navigation-item.cc-cta>.wp-block-navigation-item__content{border:1px solid var(--wp--preset--color--primary);border-radius:3px;padding:.65em 1.4em;font-weight:600}
.cc-header .wp-block-navigation-item.cc-cta>.wp-block-navigation-item__content:hover{background:var(--wp--preset--color--primary);color:#fff}

/* Botones: pastilla */
.wp-block-button__link{border-radius:25px;font-weight:600;text-decoration:none}
.is-style-outline>.wp-block-button__link{border-width:1px}

/* Portada: fondo con degradado de marca */
.cc-hero{position:relative}
.cc-hero .wp-block-cover__background{background:linear-gradient(90deg,rgba(10,60,70,.45) 0%,rgba(16,122,137,.18) 55%,rgba(16,122,137,0) 100%)!important;opacity:1!important}

/* Tarjetas de obras y servicios */
.cc-card{transition:box-shadow .2s,transform .2s}
.cc-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px)}
.cc-card img{display:block;width:100%;height:100%;object-fit:cover}

/* Pie */
.cc-footer a{color:#fff;text-decoration:none}
.cc-footer a:hover{text-decoration:underline}

@media (max-width:781px){
  .admin-bar .cc-header{top:46px}
  .cc-topbar{text-align:center}
}
/* Sin hueco entre bloques de plantilla */
.wp-site-blocks>*+*{margin-block-start:0}
/* Fichas de obra */
.cc-etiqueta{font-size:11px;letter-spacing:.14em;color:var(--wp--preset--color--primary);font-weight:700;margin:0 0 4px;text-transform:uppercase}
.cc-etiqueta + p{margin-top:0}
/* Acordeón (Qué hacemos) */
.wp-block-details{border-bottom:3px solid var(--wp--preset--color--primary);padding:0 0 4px;margin-bottom:12px}
.wp-block-details summary{font-size:20px;color:var(--wp--preset--color--ink);padding:14px 0;cursor:pointer}
.wp-block-details[open] summary{color:var(--wp--preset--color--primary)}
.wp-block-details>*:not(summary){padding-bottom:12px}
.wp-block-post-featured-image img{object-fit:cover}
/* Formulario de contacto (Contact Form 7) */
.wpcf7 form p{margin:0 0 14px}
.wpcf7 label{display:block;font-size:13px;color:var(--wp--preset--color--muted)}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 textarea{width:100%;box-sizing:border-box;border:1px solid #cfd6d9;border-radius:3px;padding:10px 12px;font:inherit;color:var(--wp--preset--color--ink);background:#fff}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:2px solid var(--wp--preset--color--primary);outline-offset:0;border-color:transparent}
.wpcf7 input[type=submit]{background:var(--wp--preset--color--primary);color:#fff;border:0;border-radius:25px;padding:.8em 2.2em;font:inherit;font-weight:600;cursor:pointer}
.wpcf7 input[type=submit]:hover{background:var(--wp--preset--color--primary-dark)}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item{margin:0}
.wpcf7-not-valid-tip,.wpcf7-response-output{font-size:13px}
.cc-etiqueta{margin-top:18px}
.wp-block-column>.cc-etiqueta:first-child{margin-top:0}
/* Foto lateral a sangre (Qué hacemos) */
.cc-foto-lado{min-height:560px;height:100%}
.cc-hero-no{display:none}
@media (max-width:781px){.cc-foto-lado{min-height:300px}}
/* Portada con fotos que rotan (sin plugin) */
.cc-hero{position:relative;min-height:78vh;overflow:hidden;background:#0a3c46}
.cc-slides,.cc-slide{position:absolute;inset:0}
.cc-slide{opacity:0;display:flex;align-items:center;background-size:cover;background-position:center;animation:ccslide 28s infinite;animation-delay:calc(var(--i) * 7s)}
.cc-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,60,70,.62) 0%,rgba(16,122,137,.22) 55%,rgba(16,122,137,0) 100%)}
.cc-slide-txt{position:relative;width:min(1320px,100% - 48px);margin:0 auto;color:#fff}
.cc-slide-txt h1,.cc-slide-txt .cc-h1{font-size:clamp(34px,5.4vw,66px);font-weight:600;letter-spacing:-.02em;line-height:1.08;color:#fff;margin:0 0 14px}
.cc-slide-txt .cc-sub{font-size:clamp(16px,1.6vw,20px);margin:0 0 26px;color:#fff;max-width:36em}
.cc-btn{display:inline-block;background:#fff;color:var(--wp--preset--color--primary);border-radius:25px;padding:.75em 1.9em;font-weight:600;text-decoration:none}
.cc-btn:hover{background:var(--wp--preset--color--primary-dark);color:#fff}
@keyframes ccslide{0%{opacity:0}4%{opacity:1}24%{opacity:1}28%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.cc-slide{animation:none}.cc-slide:first-child{opacity:1}}
.cc-slide:first-child{animation-name:ccslide0}
@keyframes ccslide0{0%{opacity:1}24%{opacity:1}28%{opacity:0}96%{opacity:0}100%{opacity:1}}
/* Columnas con icono */
.cc-iconrow{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.cc-iconrow svg{flex:none}
.cc-iconrow h3{margin:0;font-size:clamp(20px,2vw,26px);font-weight:400;line-height:1.2}