/* Generado por wp-ciet/combinar-css.py: no editar aquí, editar las hojas de origen. */

/* ── style.css ── */
/*
Theme Name: CIET Torquemada (Kadence)
Template: kadence
Description: Diseño del sitio de CIET Torquemada sobre Kadence. Kadence pone el constructor (cabecera y pie con arrastrar y soltar, colores y fuentes en Apariencia → Personalizar, secciones con controles visuales); este tema hijo agrega el diseño de la maqueta aprobada. La funcionalidad vive en el plugin «CIET Torquemada · Funciones».
Version: 0.2.0
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: ciet-diseno
*/


/* ═══════════════════════════════════════════════════════════════════
   Diseño portado desde la maqueta aprobada (2026-07-31). Todo el pulido
   visual vive acá, como clases sobre bloques nativos de WordPress: así
   Ricardo conserva la edición visual y el diseño no se rompe al editar.
   ═══════════════════════════════════════════════════════════════════ */

/* Contraste medido, no mirado. Todo texto sobre blanco o sobre --bg2 cumple
   4,5:1 (AA). El gris terciario original (#7d8b95) daba 3,5:1 y se oscureció;
   el verde de WhatsApp (#25d366) daba 1,98:1 con texto blanco: se usa el
   verde oscuro de la misma marca. */
:root{
  --rojo:#c8352c; --rojo2:#a82a22; --gris:#4a5560; --gris2:#7b8894;
  --tx:#16212b; --tx2:#4a5964; --tx3:#5b6975;
  --bg:#ffffff; --bg2:#f4f7f8; --linea:#dde4e8;
  --verde:#1a7a42; --ambar:#a15c08;
  --wa:#0b7a63; --wa2:#075e54;
}

body{ -webkit-font-smoothing:antialiased; overflow-x:hidden }
img{ max-width:100%; height:auto }

/* La cabecera fija taparía el inicio de cada sección al llegar por un enlace
   con ancla (#precios, #bodegas). Se le deja su altura de margen. */
html{ scroll-padding-top:88px }

/* ── CABECERA ─────────────────────────────────────────────────────
   El sticky va en el envoltorio de la parte de plantilla: si se pone
   en el grupo interior no tiene recorrido donde fijarse. */
header.wp-block-template-part{
  position:sticky; top:0; z-index:100;
  background:#fff; border-bottom:1px solid var(--linea);
  box-shadow:0 1px 8px rgba(0,0,0,.05);
}
.ciet-logo{ flex-shrink:0 }
.ciet-logo .wp-block-site-logo img{ height:44px; width:auto }
.ciet-logo .wp-block-site-title a{
  font-weight:850; font-size:20px; color:var(--tx);
  letter-spacing:-.4px; line-height:1.1; text-decoration:none;
}
.ciet-logo .wp-block-site-tagline{
  font-size:10.5px; color:var(--tx3); letter-spacing:.7px;
  text-transform:uppercase; font-weight:600; margin:0; line-height:1.3;
}
.ciet-nav{ flex-wrap:nowrap }
.ciet-nav .wp-block-navigation__container{ flex-wrap:nowrap }
.ciet-nav a{
  color:var(--tx2); text-decoration:none; font-size:14.5px;
  font-weight:600; padding:10px 11px; border-radius:7px; white-space:nowrap;
  min-height:44px; box-sizing:border-box; display:inline-flex; align-items:center;
}
.ciet-nav a:hover{ background:var(--bg2); color:var(--rojo) }
.ciet-nav .wp-block-navigation-item.ciet-wa a{
  background:var(--wa); color:#fff; padding:11px 19px;
  border-radius:8px; font-weight:700;
}
.ciet-nav .wp-block-navigation-item.ciet-wa a:hover{ background:var(--wa2) }

/* Menú móvil: el botón de abrir/cerrar del core mide 24px; el mínimo táctil
   es 44px. Se agranda el área sin agrandar el icono. */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close{
  width:44px; height:44px; padding:10px; margin:-10px; box-sizing:border-box;
  display:inline-flex; align-items:center; justify-content:center; border-radius:8px;
}
.wp-block-navigation__responsive-container-open:hover,
.wp-block-navigation__responsive-container-close:hover{ background:var(--bg2) }
/* Panel abierto: fondo sólido (el core lo deja translúcido y se ve el hero
   detrás), enlaces a la izquierda, a todo el ancho y con altura táctil. */
.wp-block-navigation__responsive-container.is-menu-open{
  padding:88px 24px 24px !important; background:#fff !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  align-items:stretch !important; justify-content:flex-start !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
  align-items:stretch !important; justify-content:flex-start !important; width:100%; gap:4px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{
  width:100%; justify-content:flex-start;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
  display:block !important; width:100%; box-sizing:border-box; text-align:left;
  font-size:18px !important; line-height:1.3; padding:14px 12px !important;
  border-radius:8px; color:var(--tx) !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover{
  background:var(--bg2);
}
.wp-block-navigation__responsive-container.is-menu-open .ciet-wa .wp-block-navigation-item__content{
  margin-top:12px; text-align:center; background:var(--wa) !important; color:#fff !important;
  font-weight:700; padding:16px 12px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .ciet-wa .wp-block-navigation-item__content:hover{
  background:var(--wa2) !important;
}

/* ── PORTADA ─────────────────────────────────────────────────────── */
.ciet-hero h1{
  font-size:clamp(30px,4.6vw,50px); line-height:1.1;
  letter-spacing:-1.3px; font-weight:850; max-width:800px;
}
.ciet-hero h1 em{ font-style:normal; color:#ffc4bd }
.ciet-hero .ciet-hero-sub{
  font-size:clamp(17px,2.1vw,21px); color:#dbe4ea;
  max-width:660px; line-height:1.55;
}
.ciet-chips{ display:flex; gap:9px; flex-wrap:wrap; margin:24px 0 30px }
.ciet-chip{
  background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.28);
  border-radius:100px; padding:8px 16px; font-size:14.5px;
  font-weight:600; color:#fff; margin:0;
}

/* ── BARRA DE CIFRAS ──────────────────────────────────────────────── */
.ciet-cifras .ciet-cifra-n{
  font-size:28px; font-weight:850; letter-spacing:-1px; line-height:1.1; margin:0;
}
.ciet-cifras .ciet-cifra-l{
  font-size:13.5px; color:#9fb0bc; margin-top:5px; line-height:1.4;
}
/* La barra va pegada a la portada, sin franja blanca entre las dos (Cris, 22-sep-2026). Igual en las
   barras de mini bodegas y construcción, y entre la barra y la franja con foto de «Nosotros». */
.ciet-cifras,.mb-cifras,.cm-cifras{ margin-block-start:0 }
.ciet-cifras + .v3-banda{ margin-block-start:0 }
/* Los números suben desde cero al entrar en pantalla (assets/ciet.js); con cifras tabulares no bailan. */
.ciet-cifra-n,.mb-cifras-rej b,.cm-cifras-rej b{ font-variant-numeric:tabular-nums }
/* Seis cifras en una fila; en tablet van de a tres y en el teléfono de a dos (mismos cortes que Kadence). */
.ciet-cifras .wp-block-columns.ciet-cifras-rej{ gap:22px }
/* El separador va centrado en el espacio entre columnas, como línea aparte (no como borde de la caja):
   así las seis columnas miden exactamente lo mismo, igual que en la fila de Kadence. */
.ciet-cifras .wp-block-columns.ciet-cifras-rej > .wp-block-column{ position:relative }
.ciet-cifras .wp-block-columns.ciet-cifras-rej > .wp-block-column + .wp-block-column::before{ content:""; position:absolute; left:-11.5px; top:0; bottom:0; width:1px; background:rgba(255,255,255,.14) }
@media (max-width:1024px){
  .ciet-cifras .wp-block-columns.ciet-cifras-rej{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) }
  .ciet-cifras .wp-block-columns.ciet-cifras-rej > .wp-block-column:nth-child(3n+1)::before{ display:none }
}
@media (max-width:767px){
  .ciet-cifras .wp-block-columns.ciet-cifras-rej{ grid-template-columns:repeat(2,minmax(0,1fr)) }
  .ciet-cifras .wp-block-columns.ciet-cifras-rej > .wp-block-column:nth-child(odd)::before{ display:none }
  .ciet-cifras .wp-block-columns.ciet-cifras-rej > .wp-block-column:nth-child(even)::before{ display:block }
}

/* ── ENCABEZADOS DE SECCIÓN ───────────────────────────────────────── */
.ciet-eyebrow{
  color:var(--rojo); font-size:12.5px; font-weight:800; letter-spacing:2px;
  text-transform:uppercase; margin-bottom:12px;
}
.ciet-sd{ color:var(--tx2); font-size:18.5px; line-height:1.6 }

/* ── CALCULADORA ──────────────────────────────────────────────────── */
.ciet-busc{
  background:#fff; border:1px solid var(--linea); border-radius:16px;
  padding:30px; box-shadow:0 6px 30px rgba(20,35,50,.09);
  max-width:900px; margin:0 auto;
}
.ciet-busc .bl{ font-weight:750; font-size:16px; margin-bottom:14px; display:block }
.ciet-tabs{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:10px; margin-bottom:22px;
}
.ciet-tab{
  background:var(--bg2); border:2px solid var(--linea); border-radius:11px;
  padding:16px 12px; cursor:pointer; text-align:center;
  transition:.14s; font-family:inherit;
}
.ciet-tab:hover{ border-color:var(--gris2) }
.ciet-tab.on{ border-color:var(--rojo); background:#fdf4f3 }
.ciet-tab .tm{ font-weight:800; font-size:16.5px; color:var(--tx); margin-bottom:3px }
.ciet-tab .tp{ font-size:13px; color:var(--tx3) }
.ciet-tab.on .tp{ color:var(--rojo); font-weight:650 }
.ciet-res{ background:var(--bg2); border-radius:12px; padding:24px; text-align:center }
.ciet-res .rl{ font-size:14.5px; color:var(--tx3); margin-bottom:7px }
.ciet-res .rn{
  font-size:clamp(28px,4vw,40px); font-weight:850; color:var(--rojo);
  letter-spacing:-1.4px; line-height:1.1;
}
.ciet-res .ru{ font-size:15px; color:var(--tx2); margin-top:8px }
.ciet-res .rd{
  font-size:13.5px; color:var(--tx3); margin-top:12px;
  padding-top:12px; border-top:1px solid var(--linea);
}
/* Cotización rápida bajo la calculadora: lleva los metros y el valor elegidos, sin volver a escribirlos. */
.ciet-rapida{ margin-top:14px; background:#fff; border:1px solid var(--linea); border-radius:12px; padding:20px 22px 16px; text-align:left }
.ciet-rapida-t{ font-size:15.5px; color:var(--tx2); margin:0 0 14px; line-height:1.5 }
.ciet-rapida-t b{ color:var(--tx) }
.ciet-rapida-f{ display:grid; grid-template-columns:1fr 1fr auto; gap:10px }
.ciet-rapida label{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }
.ciet-rapida input[type="text"], .ciet-rapida input[type="tel"]{ width:100%; box-sizing:border-box; min-height:46px; padding:10px 13px; border:1px solid var(--gris2); border-radius:8px; font:inherit; font-size:15.5px; background:#fff; color:var(--tx) }
.ciet-rapida input[type="text"]:focus, .ciet-rapida input[type="tel"]:focus{ outline:none; border-color:var(--rojo); box-shadow:0 0 0 3px rgba(200,53,44,.15) }
.ciet-rapida button{ min-height:46px; padding:10px 20px; background:var(--rojo); color:#fff; border:0; border-radius:8px; font:inherit; font-weight:700; font-size:15.5px; cursor:pointer; white-space:nowrap }
.ciet-rapida button:hover{ background:var(--rojo2) }
.ciet-rapida button:disabled{ opacity:.6; cursor:default }
.ciet-rapida-o{ font-size:14.5px; color:var(--tx2); margin:12px 0 0 }
.ciet-rapida-o a{ color:var(--rojo); font-weight:700; text-decoration:none; display:inline-block; padding:8px 0; margin:-8px 0 }
.ciet-rapida-o a:hover{ text-decoration:underline }
.ciet-rapida .ciet-fnote{ margin:10px 0 0 }
@media(max-width:640px){ .ciet-rapida-f{ grid-template-columns:1fr } .ciet-rapida button{ width:100% } }
.ciet-slider input{ width:100%; accent-color:var(--rojo); height:44px; background:transparent; cursor:pointer }
/* La pista se dibuja fina; el área que recibe el dedo mide 44 px */
.ciet-slider input::-moz-range-track{ height:6px; border-radius:3px; background:var(--linea) }
.ciet-slider input::-moz-range-thumb{ width:22px; height:22px; border-radius:50%; background:var(--rojo); border:3px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.3) }
.ciet-slider{ margin:20px 0 8px }
.ciet-slider input::-webkit-slider-runnable-track{ height:6px; border-radius:3px; background:var(--linea) }
.ciet-slider input::-webkit-slider-thumb{ -webkit-appearance:none; width:22px; height:22px; margin-top:-8px; border-radius:50%; background:var(--rojo); border:3px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.3) }
.ciet-slabels{
  display:flex; justify-content:space-between;
  font-size:13px; color:var(--tx3); margin-top:7px;
}

/* ── TABLA DE PRECIOS ─────────────────────────────────────────────── */
.ciet-tabla{ max-width:860px; margin:30px auto 0 }
.ciet-tabla figure{ overflow:hidden; border:1px solid var(--linea); border-radius:13px }
.ciet-tabla table{ border-collapse:collapse; font-size:16px; background:#fff; width:100% }
.ciet-tabla th{
  background:var(--tx); color:#fff; text-align:left; padding:15px 19px;
  font-size:13px; letter-spacing:.6px; text-transform:uppercase;
  font-weight:700; border:0;
}
.ciet-tabla td{
  padding:15px 19px; border:0; border-bottom:1px solid var(--linea); color:var(--tx2);
}
.ciet-tabla tr:last-child td{ border-bottom:none }
.ciet-tabla tbody tr:hover{ background:var(--bg2) }
.ciet-tabla figcaption{ font-size:13.5px; color:var(--tx3); text-align:center; margin-top:12px }

/* ── LISTADO DE BODEGAS ───────────────────────────────────────────── */
.ciet-ordbar{
  display:flex; align-items:center; justify-content:flex-end;
  gap:11px; margin-bottom:18px;
}
.ciet-ordbar label{ font-size:13.5px; color:var(--tx3); font-weight:600 }
.ciet-ordbar select{
  font:600 14px/1 inherit; color:var(--tx); background:#fff;
  border:1px solid var(--linea); border-radius:8px;
  padding:9px 32px 9px 13px; cursor:pointer; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d8b95' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 10px center; background-size:15px;
}
.ciet-ordbar select:focus{ outline:2px solid var(--rojo); outline-offset:1px }

.ciet-tarjeta-modulo{
  position:relative; background:#fff; border:1px solid var(--linea);
  border-radius:14px; overflow:hidden; box-shadow:0 3px 16px rgba(20,35,50,.07);
}
/* WordPress marca los grupos "constrained" como position:relative, lo que
   rompería el enlace estirado de la tarjeta: se anula en los hijos directos. */
.ciet-tarjeta-modulo > .wp-block-group{ position:static }
.ciet-tarjeta-modulo .wp-block-post-featured-image{ margin:0 }
.ciet-tarjeta-modulo .wp-block-post-featured-image img{
  height:190px; width:100%; object-fit:cover; border-radius:0;
}
.ciet-tarjeta-modulo .wp-block-post-title{
  font-size:20px; font-weight:800; letter-spacing:-.3px; margin:0 0 5px;
}
.ciet-tarjeta-modulo .wp-block-post-title a{ text-decoration:none; color:var(--tx) }
.ciet-modulo-m2{
  font-size:14px; color:var(--tx3); margin:0;
  white-space:nowrap;
}
.ciet-modulo-m2::before{ content:"· "; }
.ciet-modulo-sub{ font-size:14px; color:var(--tx3); margin:0 0 14px }
.ciet-modulo-sub p{ margin:0 }
.ciet-modulo-precio{
  font-size:25px; font-weight:850; color:var(--rojo);
  letter-spacing:-.9px; line-height:1.1; margin:0;
}
.ciet-modulo-uf{ font-size:13.5px; color:var(--tx3); margin:3px 0 15px }

/* Características del módulo: lista con visto bueno, como en la maqueta */
ul.ciet-caracteristicas{
  list-style:none; margin:0 0 4px; padding:0;
  font-size:14.5px; color:var(--tx2);
}
ul.ciet-caracteristicas li{ padding-left:20px; position:relative; margin-bottom:6px }
ul.ciet-caracteristicas li::before{
  content:""; position:absolute; left:0; top:.42em; width:11px; height:11px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C0342A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center/contain;
}

/* Toda la tarjeta es pulsable a través del enlace del título estirado, y
   además hay un botón visible encima. Van juntos: el ::after cubre la
   tarjeta por debajo, el botón queda por arriba con su propio z-index. */
.ciet-tarjeta-modulo .wp-block-post-title a::after{
  content:""; position:absolute; inset:0; z-index:1;
}
.ciet-tarjeta-modulo .wp-block-read-more{
  display:block; width:100%; box-sizing:border-box; text-align:center;
  background:var(--tx); color:#fff; text-decoration:none; font-weight:700;
  padding:13px; border-radius:9px; margin-top:17px; font-size:15.5px;
  position:relative; z-index:2; transition:background .18s ease-out;
}
.ciet-tarjeta-modulo .wp-block-read-more:hover{ background:var(--rojo) }
.ciet-tarjeta-modulo .wp-block-post-featured-image a{ position:relative; z-index:2 }

/* Etiqueta de estado: el texto lo pone el desplegable del panel, el color
   sale de la clase que el tema agrega a cada tarjeta. */
.ciet-badge{
  position:absolute; top:13px; left:13px; z-index:3;
  background:var(--verde); color:#fff; font-size:12px; font-weight:750;
  padding:6px 12px; border-radius:100px; letter-spacing:.3px; margin:0;
}
.ciet-estado-proximamente .ciet-badge{ background:var(--rojo) }
.ciet-estado-a-medida     .ciet-badge{ background:var(--ambar) }

/* ── COMPARATIVA ARRENDAR / CONSTRUIR ─────────────────────────────── */
.ciet-comp{
  display:flex; align-items:center; gap:22px; margin-top:36px;
  padding:26px 30px; background:var(--bg2); border-radius:14px;
}
.ciet-comp .wp-block-column{ flex:1 }
.ciet-compk{
  font-size:11.5px; font-weight:800; letter-spacing:1.3px;
  text-transform:uppercase; color:var(--tx3); margin:0 0 6px;
}
.ciet-comp h3, .ciet-comp .ciet-comp-h3{ font-size:18px; font-weight:800; letter-spacing:-.3px; margin:0 0 5px }
.ciet-comp p{ font-size:14.5px; color:var(--tx2); line-height:1.5; margin:0 }

/* ── SERVICIOS ────────────────────────────────────────────────────── */
.ciet-srv{
  background:#fff; border:1px solid var(--linea);
  border-radius:13px; padding:25px; height:100%;
}
.ciet-srv-ic{
  display:flex; align-items:center; justify-content:flex-start;
  color:#C0342A; margin-bottom:12px; line-height:1;
}
.ciet-srv h3{ font-size:19px; font-weight:750; margin:0 0 7px }
.ciet-srv p{ font-size:14.5px; color:var(--tx2); line-height:1.55; margin:0 }

/* ── PREGUNTAS FRECUENTES ─────────────────────────────────────────── */
.ciet-faq{ max-width:760px; margin:0 auto }
.ciet-faq .wp-block-details{
  background:#fff; border:1px solid var(--linea); border-radius:12px;
  padding:18px 22px; margin-bottom:12px;
}
.ciet-faq summary{
  font-weight:750; font-size:16.5px; cursor:pointer; list-style:none;
  display:flex; justify-content:space-between; align-items:center; gap:14px;
}
.ciet-faq summary::-webkit-details-marker{ display:none }
.ciet-faq summary::after{
  content:"+"; font-size:22px; font-weight:400; color:var(--rojo); flex-shrink:0;
}
.ciet-faq .wp-block-details[open] summary::after{ content:"–" }
.ciet-faq .wp-block-details p{
  margin-top:11px; font-size:15px; line-height:1.6; color:var(--tx2);
}

/* ── GALERÍA ──────────────────────────────────────────────────────── */
.ciet-galeria img{
  border-radius:11px; height:210px; width:100%;
  object-fit:cover; border:1px solid var(--linea);
}

/* ── PRUEBA SOCIAL ────────────────────────────────────────────────── */
.ciet-cl{
  background:#fff; border:1px solid var(--linea); border-radius:14px;
  padding:32px; max-width:840px; margin:0 auto; text-align:center;
}
.ciet-cl .ciet-q{ font-size:19px; color:var(--tx); line-height:1.6; margin-bottom:18px }
.ciet-cl .ciet-qa{ font-size:15px; color:var(--tx3) }
.ciet-logos{
  display:flex; gap:14px; justify-content:center; flex-wrap:wrap;
  margin-top:26px; padding-top:24px; border-top:1px solid var(--linea);
}
.ciet-logo-chip{
  background:var(--bg2); border:1px solid var(--linea); border-radius:8px;
  padding:11px 19px; font-weight:750; font-size:14.5px; color:var(--gris); margin:0;
}

/* ── CONTACTO ─────────────────────────────────────────────────────── */
.ciet-form{
  background:#fff; border:1px solid var(--linea); border-radius:15px;
  padding:32px; box-shadow:0 5px 24px rgba(20,35,50,.08);
}
.ciet-form .fr{ margin-bottom:16px }
.ciet-form label{
  display:block; font-size:14px; font-weight:700; margin-bottom:6px; color:var(--tx);
}
.ciet-form input, .ciet-form select, .ciet-form textarea{
  width:100%; border:1.5px solid var(--linea); border-radius:9px;
  padding:13px 15px; font-size:16px; font-family:inherit;
  color:var(--tx); background:#fff; box-sizing:border-box;
}
.ciet-form input:focus, .ciet-form select:focus, .ciet-form textarea:focus{
  outline:none; border-color:var(--rojo);
}
.ciet-form textarea{ resize:vertical; min-height:88px }
.ciet-form .f2{ display:grid; grid-template-columns:1fr 1fr; gap:14px }
.ciet-form button{
  width:100%; background:var(--rojo); color:#fff; border:none; border-radius:9px;
  padding:16px; font-size:17px; font-weight:750; cursor:pointer;
  font-family:inherit; margin-top:6px;
}
.ciet-form button:hover{ background:var(--rojo2) }
.ciet-fnote{
  font-size:13px; color:var(--tx3); text-align:center; margin-top:13px; line-height:1.5;
}
.ciet-ci{ background:var(--tx); color:#fff; border-radius:15px; padding:30px }
.ciet-ci h3{ font-size:20px; margin-bottom:20px; font-weight:800; color:#fff }
.ciet-cit{
  margin-bottom:19px; padding-bottom:19px;
  border-bottom:1px solid rgba(255,255,255,.13);
}
.ciet-cit:last-of-type{ border:none; margin-bottom:0; padding-bottom:0 }
.ciet-cit .cl2{
  font-size:12.5px; color:#93a5b1; text-transform:uppercase;
  letter-spacing:.8px; margin:0 0 5px; font-weight:650;
}
.ciet-cit .cv{ font-size:17px; font-weight:600; margin:0; color:#fff }
.ciet-cit .cv a{ color:#fff; text-decoration:none }
.ciet-mapa{
  border-radius:13px; overflow:hidden; border:1px solid var(--linea);
  margin-top:22px; height:250px; background:var(--bg2);
}
.ciet-mapa iframe{ width:100%; height:100%; border:0; display:block }

/* ── FICHA DE MÓDULO ──────────────────────────────────────────────── */
.ciet-migas{ font-size:13.5px; color:var(--tx3); margin:0 0 22px }
.ciet-migas a{ color:var(--tx3); text-decoration:none }
.ciet-migas a:hover{ color:var(--rojo) }
.ciet-ficha-foto{ position:relative }
.ciet-ficha-foto .wp-block-post-featured-image{ margin:0 }
.ciet-ficha-foto .wp-block-post-featured-image img{
  width:100%; height:420px; object-fit:cover; border-radius:14px; display:block;
}
.ciet-ficha-foto .ciet-badge{ top:16px; left:16px; font-size:13px }
.ciet-ficha-cuerpo h1{
  font-size:clamp(28px,3.4vw,38px); letter-spacing:-.9px; font-weight:850;
  line-height:1.15; margin:0 0 6px;
}
.ciet-ficha-sub{ font-size:17px; color:var(--tx3); margin:0 0 18px }
.ciet-ficha-sub p{ margin:0 }
.ciet-ficha-cuerpo .wp-block-post-content{ font-size:17px; color:var(--tx2); line-height:1.65 }
.ciet-ficha-h2{ font-size:20px; font-weight:800; letter-spacing:-.3px; margin:30px 0 12px }
.ciet-ficha-cuerpo ul.ciet-caracteristicas{ font-size:16px }
.ciet-ficha-cuerpo ul.ciet-caracteristicas li{ margin-bottom:9px }

.ciet-ficha-precio{
  background:#fff; border:1px solid var(--linea); border-radius:15px; padding:28px;
  box-shadow:0 5px 24px rgba(20,35,50,.08); position:sticky; top:96px;
}
.ciet-ficha-monto{ font-size:clamp(32px,3.6vw,42px); margin:4px 0 0 }
.ciet-ficha-precio .ciet-modulo-uf{ margin-bottom:22px }
.ciet-ficha-datos{
  border-top:1px solid var(--linea); border-bottom:1px solid var(--linea);
  padding:14px 0; margin-bottom:16px;
}
.ciet-ficha-dato{
  font-size:12.5px; color:var(--tx3); text-transform:uppercase;
  letter-spacing:.8px; font-weight:650; margin:8px 0 2px;
}
.ciet-ficha-valor{ font-size:16px; font-weight:600; color:var(--tx); margin:0 0 6px }
.ciet-ficha-nota{ font-size:13px; color:var(--tx3); line-height:1.5; margin:0 0 18px }
/* Los dos botones van a todo el ancho de la caja, como en la maqueta: el
   atributo width:100 del bloque no manda dentro del layout vertical. */
.ciet-ficha-precio .wp-block-buttons.is-layout-flex{
  gap:10px; display:flex; flex-direction:column; align-items:stretch;
}
/* El CSS de layout que genera WordPress (.wp-block-buttons.is-layout-flex > *)
   gana en especificidad y deja el botón al ancho del texto: se fuerza. */
.ciet-ficha-precio .wp-block-buttons.is-layout-flex > .wp-block-button{
  width:100% !important; max-width:none !important; margin:0 !important; flex:0 0 auto;
}
.ciet-ficha-precio .wp-block-button .wp-block-button__link{
  display:block; width:100%; box-sizing:border-box; text-align:center;
  padding:15px; font-size:16px; font-weight:750; border-radius:9px;
}
.ciet-ficha-wa .wp-block-button__link:hover{ background:var(--wa) !important }

@media(max-width:900px){
  .ciet-ficha-precio{ position:static }
  .ciet-ficha-foto .wp-block-post-featured-image img{ height:260px }
}

/* ── NOSOTROS ─────────────────────────────────────────────────────── */
.ciet-nosotros-intro{ font-size:19px; color:var(--tx2); line-height:1.65 }
.ciet-nosotros-intro strong{ color:var(--tx) }

/* ── ESTADOS DE FOCO Y MOVIMIENTO ─────────────────────────────────
   Todo lo pulsable tiene foco visible para teclado (no solo :focus, que
   también salta con el ratón), y las transiciones se apagan si la persona
   pidió menos movimiento en su sistema. */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, summary:focus-visible,
.wp-block-button__link:focus-visible, .ciet-tab:focus-visible{
  outline:3px solid var(--rojo); outline-offset:3px; border-radius:6px;
}
.ciet-wa-flotante:focus-visible{ outline-offset:4px; border-radius:50% }
.ciet-tarjeta-modulo .wp-block-post-title a:focus-visible::after{
  outline:3px solid var(--rojo); outline-offset:-3px; border-radius:14px;
}
.ciet-nav a, .wp-block-button__link, .ciet-tab, .ciet-tarjeta-modulo,
.ciet-wa-flotante, .ciet-form button, .ciet-srv{
  transition:background-color .18s ease-out, color .18s ease-out,
             border-color .18s ease-out, box-shadow .18s ease-out, transform .18s ease-out;
}
.ciet-tarjeta-modulo:hover{ box-shadow:0 8px 28px rgba(20,35,50,.12); transform:translateY(-2px) }
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ transition-duration:.01ms !important; animation-duration:.01ms !important; scroll-behavior:auto !important }
  .ciet-tarjeta-modulo:hover{ transform:none }
}

/* ── ÁREAS DE TOQUE ≥ 44 px (auditoría 01-09) ─────────────────────
   Logo, miga de pan, selector de orden y enlaces del pie quedaban entre
   16 y 38 px de alto. Se amplía el área sin cambiar el tamaño visual. */
.ciet-logo .wp-block-site-logo a,
.ciet-logo .wp-block-site-title a{ display:inline-block; min-height:44px; display:inline-flex; align-items:center }
.ciet-migas a{ display:inline-block; padding:12px 0; margin:-12px 0 }
.ciet-ordbar select{ min-height:44px }
.ciet-ordbar label{ padding:10px 0 }
footer .wp-block-navigation-item__content,
footer a[href^="tel:"], footer a[href^="mailto:"]{
  display:inline-block; padding:11px 0; margin:-11px 0; min-height:44px; box-sizing:border-box;
}
footer .wp-block-navigation{ gap:0 !important }
footer .wp-block-navigation-item{ margin:2px 0 }

/* ── HERO: legibilidad sobre cualquier foto ───────────────────────
   El velo uniforme del bloque no garantiza 4,5:1 en las zonas claras de la
   foto (medido: 3,51:1 en el peor punto). Un degradado anclado a la mitad
   inferior, donde vive el texto, lo asegura sea cual sea la imagen. */


.ciet-hero .wp-block-cover__background{
  background:linear-gradient(180deg, rgba(22,33,43,.55) 0%, rgba(22,33,43,.72) 45%, rgba(22,33,43,.88) 100%) !important;
  opacity:1 !important;
}

/* ── CTA de proyectos a medida (tabla y calculadora) ──────────────── */
.ciet-cta-medida{ color:var(--rojo); font-weight:750; text-decoration:none; white-space:nowrap; display:inline-block; padding:9px 0; margin:-9px 0 }
.ciet-cta-medida:hover{ text-decoration:underline }
.ciet-res-cta{
  margin:14px 0 0; padding:12px 14px; background:#fdf4f3; border:1px solid #f3d3cf;
  border-radius:9px; font-size:15px; color:var(--tinta);
}
.ciet-res-cta[hidden]{ display:none }

/* Título de tarjeta: el enlace real cubre toda la tarjeta (::after), pero el
   propio <a> también alcanza 44 px para lectores de pantalla y teclado. */
.wp-block-post-title a{ display:inline-block; padding:6px 0; margin:-6px 0 }
/* Teléfonos y correo del bloque de contacto */
.ciet-ci a{ display:inline-block; padding:12px 0; margin:-12px 0 }

/* Enlaces dentro de párrafos gris ("Ver todos los servicios del condominio →"):
   Lighthouse los marcaba "parcialmente obstruidos" por la línea vecina. */
p.has-gris-color a{ display:inline-block; padding:6px 0; margin:-6px 0 }

/* Enlaces de cierre de sección ("Construimos a su medida…", "Ver los ocho…") */
.ciet-enlace-seccion{ display:inline-block; padding:12px 0; margin:-12px 0 }

/* En móvil el formulario va ANTES de la columna de datos: es lo que la persona
   vino a hacer, y medido quedaba a 2.065 px del borde superior. */
@media(max-width:781px){
  .ciet-contacto-cols{ flex-direction:column-reverse !important }
}

/* ── Ficha: prueba social junto al precio ─────────────────────────── */
.ciet-ficha-prueba{
  font-size:13.5px; color:var(--tx2); margin:0 0 18px; padding:10px 12px;
  background:var(--bg2); border-radius:8px; border-left:3px solid var(--verde);
}

/* ── Formulario en móvil: llegar antes al botón de enviar ─────────── */
@media(max-width:640px){
  .ciet-form{ padding:20px 16px }
  .ciet-form h3{ font-size:19px; margin:0 0 4px }
  .ciet-form > p{ font-size:14px !important; margin-bottom:14px !important }
  .ciet-form .fr{ margin-bottom:11px }
  .ciet-form input, .ciet-form select, .ciet-form textarea{ padding:11px 13px; min-height:44px; box-sizing:border-box }
  .ciet-form textarea{ min-height:68px }
  .ciet-form label{ margin-bottom:4px; font-size:13.5px }
}

/* ── Página "construcción a medida": pasos numerados ─────────────── */
.ciet-paso{ background:#fff; border:1px solid var(--linea); border-radius:13px; padding:24px; height:100% }
.ciet-paso-n{
  width:38px; height:38px; border-radius:50%; background:var(--rojo); color:#fff;
  font-weight:850; font-size:17px; display:flex; align-items:center; justify-content:center; margin:0 0 10px;
}
.ciet-paso h3{ font-size:18px; font-weight:800; margin:0 0 4px }
.ciet-paso p{ font-size:14.5px; margin:0 }

/* ── Fachada del mapa: el iframe de Google pesa ~450 KB de JS y solo
   carga si la persona lo pide. Antes hay un bloque con la dirección. ── */
.ciet-mapa-fachada{
  width:100%; height:100%; border:0; cursor:pointer; font:inherit;
  /* background-color y background-image separados: con el abreviado + imagen,
     los auditores de contraste no leen el fondo y marcan el texto como ilegible */
  background-color:#16212b; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8352c' stroke-width='1.6'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 1116 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:center 26%; background-size:56px;
  color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:flex-end;
  padding:22px; gap:6px; text-align:center;
}
.ciet-mapa-fachada b{ font-size:16px }
.ciet-mapa-fachada span{ font-size:13px; color:#9fb0bc }
.ciet-mapa-fachada em{
  font-style:normal; margin-top:8px; background:var(--rojo); padding:10px 16px;
  border-radius:8px; font-weight:700; font-size:14px;
}
.ciet-mapa-fachada:hover em{ background:var(--rojo2) }

/* ── Que el viewport móvil no se ensanche ─────────────────────────
   Un elemento con white-space:nowrap más ancho que la pantalla hace que el
   navegador del celular agrande el viewport completo (innerWidth 410–644) y
   toda la página se vea más chica, sin que el chequeo de desborde lo delate.
   Medido el 8-sep con Playwright a 390 px. */
@media (max-width:781px){
  .ciet-cta-medida, .ciet-nav a, .ciet-chip, .wp-block-button__link{ white-space:normal }
  .wp-block-button{ max-width:100% }
  .wp-block-button__link{ text-align:center }
  .ciet-tabla td, .ciet-tabla th{ white-space:normal }
}

/* ── PIE DE PÁGINA ────────────────────────────────────────────────── */
/* Sobre fondo tinta, el gris del cuerpo (#4a5964) da 2,26:1 y el rojo 3,11:1.
   El pie usa el gris claro de la maqueta (#93a5b1 → 6,3:1) para texto y
   enlaces, con blanco al pasar el cursor. */
footer.wp-block-template-part{ font-size:14.5px }
footer h3{ color:#fff; font-size:15px; margin-bottom:13px; font-weight:750 }
footer p, footer .has-gris-color{ color:#93a5b1 !important }
footer a, footer .wp-block-navigation a{ color:#93a5b1; text-decoration:none }
footer a:hover, footer .wp-block-navigation a:hover{ color:#fff }
footer .wp-block-separator{ width:100% !important; opacity:.12 }

/* ── WHATSAPP FLOTANTE ────────────────────────────────────────────── */
.ciet-wa-flotante{
  position:fixed; bottom:22px; right:22px; background:var(--wa); color:#fff;
  width:58px; height:58px; border-radius:50%; display:flex;
  align-items:center; justify-content:center;
  box-shadow:0 5px 20px rgba(0,0,0,.28); text-decoration:none; z-index:200;
}
.ciet-wa-flotante:hover{ background:var(--wa2) }
.ciet-wa-flotante svg{ width:30px; height:30px; fill:currentColor }

@media(max-width:900px){
  .ciet-contacto-grid{ grid-template-columns:1fr }
}

/* ── Tabla de precios en móvil ────────────────────────────────────
   Comprimida a 342px las celdas quedan en 123/86/136px y el texto se
   parte en tres líneas: el dato que más importa queda ilegible. En
   pantalla chica cada fila pasa a ser una tarjeta con su etiqueta.
   Las etiquetas salen por posición de columna, no por un atributo en
   el HTML, para que sigan funcionando si se agregan filas desde el
   editor. */
@media(max-width:640px){
  .ciet-tabla thead{
    position:absolute; width:1px; height:1px;
    overflow:hidden; clip-path:inset(50%); white-space:nowrap;
  }
  /* border-collapse:collapse descarta los bordes de las filas: en móvil,
     donde cada fila es una tarjeta, hay que separarlos. */
  .ciet-tabla figure{ border:0; border-radius:0; overflow:visible }
  .ciet-tabla table{ border:0; background:transparent; border-collapse:separate }
  .ciet-tabla tbody tr{
    display:block; background:#fff; border:1px solid var(--linea);
    border-radius:11px; margin-bottom:12px; padding:4px 0;
    box-shadow:0 2px 10px rgba(20,35,50,.05);
  }
  .ciet-tabla td{
    display:flex; justify-content:space-between; align-items:baseline;
    gap:16px; padding:10px 16px; text-align:right; border:0;
    border-bottom:1px solid var(--linea);
  }
  .ciet-tabla tr td:last-child{ border-bottom:0 }
  .ciet-tabla td::before{
    font-size:13px; font-weight:700; color:var(--tx3);
    text-align:left; flex-shrink:0;
  }
  .ciet-tabla td:nth-child(1)::before{ content:"Superficie" }
  .ciet-tabla td:nth-child(2)::before{ content:"Valor por m²" }
  .ciet-tabla td:nth-child(3)::before{ content:"Arriendo mensual" }
  /* La fila "Más de 3.000 m²" tiene una celda combinada: sin etiqueta */
  .ciet-tabla td[colspan]::before{ content:"" }
  .ciet-tabla td[colspan]{ text-align:left }
}
@media(max-width:768px){
  .ciet-comp{ flex-direction:column; align-items:stretch; text-align:center }
  .ciet-form{ padding:24px }
  .ciet-form .f2{ grid-template-columns:1fr }
  .ciet-busc{ padding:22px }
  .ciet-wa-flotante{ width:52px; height:52px; bottom:16px; right:16px }
  .ciet-logo .wp-block-site-tagline{ display:none }
  .ciet-logo .wp-block-site-logo img{ height:38px }
  .ciet-logo .wp-block-site-title a{ font-size:17px }
}


/* ── assets/css/maqueta.css ── */
/* Diseño de la maqueta aprobada (torquemada-maqueta en Vercel), traído tal cual.
   Se regenera con wp-ciet/maqueta-a-bloques.py; los ajustes propios de WordPress van en wordpress.css. */

/* ═══ ciet-secciones ═══ */
/* ── Ventana de cotización por módulo (Cris, 9-sep) ────────────────
   Todos los módulos están en "próximamente", así que el botón de cada
   tarjeta abre una consulta con el módulo ya indicado, en vez de mandar
   a otra página a empezar de cero. */
dialog.ciet-cot{
  border:0; padding:0; width:min(560px, calc(100vw - 32px));
  background:#fff; box-shadow:0 24px 64px -20px rgba(20,35,50,.5);
}
dialog.ciet-cot::backdrop{ background:rgba(13,22,30,.62) }
.ciet-cot__cab{
  display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
  padding:24px 26px 18px; border-bottom:1px solid var(--linea);
}
.ciet-cot__cab h2{ font-size:21px; margin:0; letter-spacing:-.4px }
.ciet-cot__k{
  display:inline-block; margin-top:6px; font-size:13px; color:var(--tx3);
}
.ciet-cot__x{
  flex:none; width:44px; height:44px; border:1px solid var(--linea);
  background:#fff; font-size:20px; line-height:1; cursor:pointer; color:var(--tx2);
}
.ciet-cot__x:hover{ background:var(--bg2); color:var(--tx) }
.ciet-cot__cu{ padding:22px 26px 26px }
.ciet-cot__cu .fr{ margin-bottom:14px }
.ciet-cot__cu label{ display:block; font-size:14px; font-weight:700; margin-bottom:6px }
.ciet-cot__cu input, .ciet-cot__cu textarea{
  width:100%; box-sizing:border-box; border:1.5px solid var(--linea);
  padding:13px 15px; font:inherit; font-size:16px; background:#fff;
}
.ciet-cot__cu textarea{ min-height:88px; resize:vertical }
.ciet-cot__cu input:focus, .ciet-cot__cu textarea:focus{
  outline:none; border-color:var(--rojo); box-shadow:0 0 0 3px rgba(200,53,44,.13);
}
.ciet-cot__acc{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:6px }
.ciet-cot__enviar{
  background:var(--rojo); color:#fff; border:0; padding:15px 26px;
  font:inherit; font-weight:700; cursor:pointer; min-height:48px;
}
.ciet-cot__enviar:hover{ background:var(--rojo2) }
.ciet-cot__wa{
  color:var(--wa); font-weight:700; text-decoration:underline; text-underline-offset:3px;
  min-height:44px; display:inline-flex; align-items:center;
}
.ciet-cot__pie{ margin-top:14px; font-size:13px; color:var(--tx3); line-height:1.5 }
@media(max-width:520px){
  dialog.ciet-cot{ width:100vw; max-width:100vw; margin:auto 0 0; }
  .ciet-cot__cab{ padding:20px 18px 16px }
  .ciet-cot__cu{ padding:18px }
}

/* La anotación del bloque del mapa salía en gris claro sobre el amarillo
   (1,55:1, ilegible): el color del bloque oscuro le ganaba al de la
   etiqueta. La variante roja "idea:" lleva texto blanco. */
.mq-tag:not(.idea){ color:#16212b !important }
.mq-tag.idea{ color:#fff !important }

/* ── Página de mini bodegas · lo que la hace competitiva ────────────
   Los cuatro competidores del rubro (AMC, AKI KB, MiBodega, Los Pinos)
   explican el tamaño con un dibujo o con equivalencias; esta página lo
   decía solo con el número. */

/* Planta a escala real: 3,5 × 4,0 m = 14 m². Las proporciones del
   contenedor y de cada pallet salen de la medida, no del ojo. */
.mb-escala{ display:grid; gap:26px; margin-top:8px }
@media(min-width:820px){ .mb-escala{ grid-template-columns:auto 1fr; gap:44px; align-items:start } }
.mb-planta{
  position:relative; width:min(280px, 72vw); aspect-ratio:3.5/4;
  border:2px solid var(--tx); background:#fff;
  display:grid; grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(3,1fr);
  gap:4px; padding:5px; box-sizing:border-box;
}
.mb-planta i{ background:#e7d9bd; border:1px solid #c3ab7e; display:block }
.mb-planta::after{
  content:"3,5 m"; position:absolute; left:0; right:0; bottom:-24px; text-align:center;
  font:600 12.5px/1 var(--mono, inherit); color:var(--tx3); letter-spacing:.04em;
}
.mb-planta::before{
  content:"4,0 m"; position:absolute; top:50%; left:-46px; transform:translateY(-50%) rotate(-90deg);
  font:600 12.5px/1 inherit; color:var(--tx3); letter-spacing:.04em;
}
.mb-planta-caja{ padding-bottom:30px; padding-left:8px }
.mb-lista{ list-style:none; margin:0; padding:0 }
.mb-lista li{
  display:flex; align-items:baseline; gap:14px; padding:13px 0;
  border-bottom:1px solid var(--linea);
}
.mb-lista li:last-child{ border-bottom:0 }
.mb-lista b{ font-size:24px; font-weight:850; letter-spacing:-.6px; min-width:2.2em; color:var(--tx) }
.mb-lista span{ color:var(--tx2); line-height:1.5 }

/* Comparación honesta: qué tiene CIET que un self storage suelto no */
.mb-vs{ display:grid; gap:0; margin-top:10px; border:1px solid var(--linea); background:#fff }
@media(min-width:760px){ .mb-vs{ grid-template-columns:1fr 1fr } }
.mb-vs__c{ padding:24px 26px }
.mb-vs__c + .mb-vs__c{ border-top:1px solid var(--linea) }
@media(min-width:760px){ .mb-vs__c + .mb-vs__c{ border-top:0; border-left:1px solid var(--linea) } }
.mb-vs__k{
  font-size:11.5px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase;
  color:var(--tx3); margin-bottom:14px;
}
.mb-vs__c--si .mb-vs__k{ color:var(--rojo) }
.mb-vs ul{ list-style:none; margin:0; padding:0 }
.mb-vs li{ padding:9px 0; color:var(--tx2); font-size:15.5px; line-height:1.5 }
.mb-vs__c--si li{ color:var(--tx); font-weight:600 }

/* Bloque de crecimiento: el argumento que ningún competidor puede copiar */
.mb-crecer{
  margin-top:8px; border-left:4px solid var(--rojo); padding:4px 0 4px 22px;
}
.mb-crecer p{ margin:0; font-size:17px; line-height:1.6; color:var(--tx2); max-width:62ch }
.mb-crecer b{ color:var(--tx) }
.mb-crecer .mb-escalera{
  display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px; margin-top:20px;
}
.mb-crecer .mb-escalera span{
  background:var(--bg2); border:1px solid var(--linea); padding:9px 14px;
  font-weight:700; font-size:14.5px; white-space:nowrap;
}
.mb-crecer .mb-escalera span:last-child{ background:var(--tx); color:#fff; border-color:var(--tx) }

/* Lista de lo que falta preguntarle a Ricardo, al pie de la página */
.mb-ricardo{ background:#101a23; color:#dbe4ea; padding:52px 0 56px; border-top:4px solid #ffd166 }
.mb-ricardo h2{ color:#fff; font-size:clamp(24px,3vw,31px); letter-spacing:-.7px; margin:0 0 10px }
.mb-ricardo .mb-r-k{
  display:inline-block; background:rgba(255,209,102,.14); border:1px solid rgba(255,209,102,.4);
  color:#ffd166; font-size:12px; font-weight:750; letter-spacing:1.1px; text-transform:uppercase;
  padding:7px 14px; margin-bottom:16px;
}
.mb-ricardo .mb-r-in{ font-size:16.5px; line-height:1.6; color:#a9bcc9; max-width:70ch; margin:0 0 30px }
.mb-ricardo .mb-r-in b{ color:#fff }
.mb-rg{ display:grid; gap:14px; grid-template-columns:1fr }
@media(min-width:700px){ .mb-rg{ grid-template-columns:repeat(2,1fr) } }
@media(min-width:1060px){ .mb-rg{ grid-template-columns:repeat(3,1fr) } }
.mb-rc{ background:#18242f; border:1px solid rgba(255,255,255,.1); padding:20px 22px }
.mb-rc h3{ color:#fff; font-size:16.5px; font-weight:750; line-height:1.35; margin:0 0 9px }
.mb-rc p{ font-size:14.5px; line-height:1.6; color:#a9bcc9; margin:0 0 10px }
.mb-rc .mb-rc-d{
  font-size:13.4px; line-height:1.55; color:#8ea2b0; border-top:1px dashed rgba(255,255,255,.16);
  padding-top:10px; margin:0;
}
.mb-rc .mb-rc-d b{ color:#dbe4ea; font-weight:650 }
.mb-rc--alta{ border-color:rgba(255,209,102,.45) }
.mb-rc--alta h3::before{ content:"● "; color:#ffd166; font-size:12px; vertical-align:middle }

/* El bloque de preguntas está dentro de un <main> con ancho restringido,
   así que quedaba encajonado a 820 px. Va a sangre completa. */
.mb-ricardo{
  width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  max-width:100vw; box-sizing:border-box;
}

/* ── Mini bodegas · portada con peso ────────────────────────────────
   La página tenía UNA sola imagen y era el logo: 6.672 px de texto en
   cajas blancas. No se le meten fotos de galpones grandes porque serían
   engañosas en una página de mini bodegas; el elemento visual sale del
   único dibujo verdadero que tiene, que es la planta a escala. */
.mb-hero{
  background:#16212b !important; color:#fff;
  padding-top:64px !important; padding-bottom:0 !important;
  position:relative; overflow:hidden;
}
.mb-hero .ciet-eyebrow{ color:#ff9c92; text-align:left }
.mb-hero h1{
  color:#fff; text-align:left !important;
  font-size:clamp(30px,4.2vw,46px) !important; line-height:1.06; letter-spacing:-1.4px;
  max-width:16ch;
}
.mb-hero .ciet-sd{ color:#c3ccd6; text-align:left !important; max-width:52ch; margin-left:0 }
.mb-hero .wp-block-buttons{ justify-content:flex-start !important }
.mb-hero .mq-p{ text-align:left }
.mb-hero-rej{ display:grid; gap:34px; align-items:center; padding-bottom:56px }
@media(min-width:900px){ .mb-hero-rej{ grid-template-columns:1fr auto; gap:60px } }
.mb-hero-fig{ position:relative; justify-self:center }
.mb-hero-fig .mb-planta{
  border-color:#fff; background:rgba(255,255,255,.06); width:min(250px,64vw);
}
.mb-hero-fig .mb-planta i{ background:rgba(231,217,189,.9); border-color:rgba(255,255,255,.35) }
.mb-hero-fig .mb-planta::before,.mb-hero-fig .mb-planta::after{ color:#9fb0bc }
.mb-hero-fig figcaption{
  margin-top:34px; text-align:center; color:#9fb0bc; font-size:13.5px; line-height:1.5;
}
.mb-hero-fig figcaption b{ display:block; color:#fff; font-size:34px; font-weight:850; letter-spacing:-1px }
/* Portada con foto (patios, oficinas): la figura es una foto en vez de la planta del contenedor. */
.mb-hero-foto{ width:520px; max-width:calc(100vw - 48px) }
.mb-hero-foto img{ width:100%; height:auto; border-radius:14px; display:block; box-shadow:0 24px 44px -26px rgba(0,0,0,.7) }
figure.mb-hero-foto figcaption{ margin-top:16px; margin-bottom:0; max-width:52ch; margin-left:auto; margin-right:auto }   /* en WordPress la figura es un bloque de imagen y el núcleo le pone 1em abajo */

/* Barra de cifras: los datos ya estaban en la página, pero enterrados en
   texto chico dentro de una caja. */
.mb-cifras{ background:#0f1a23; padding:34px 0 !important }
.mb-cifras-rej{
  display:grid; grid-template-columns:repeat(2,1fr); gap:26px 20px;
  max-width:1180px; margin:0 auto;
}
@media(min-width:820px){ .mb-cifras-rej{ grid-template-columns:repeat(4,1fr) } }
.mb-cifras-rej div{ text-align:center }
.mb-cifras-rej b{
  display:block; font-size:clamp(26px,3.4vw,36px); font-weight:850; letter-spacing:-1.1px;
  color:#fff; line-height:1;
}
.mb-cifras-rej span{
  display:block; margin-top:9px; font-size:12.5px; letter-spacing:.09em; text-transform:uppercase;
  color:#9fb0bc; line-height:1.4;
}
@media(min-width:820px){
  .mb-cifras-rej div + div{ border-left:1px solid rgba(255,255,255,.14) }
}

/* La comparación pasa a banda oscura: es el argumento, no un detalle */
.mb-vs-banda{ background:#16212b !important; color:#fff }
.mb-vs-banda h2{ color:#fff }
.mb-vs-banda .ciet-sd{ color:#c3ccd6 }
.mb-vs-banda .mb-vs{ background:transparent; border-color:rgba(255,255,255,.16) }
.mb-vs-banda .mb-vs__c + .mb-vs__c{ border-color:rgba(255,255,255,.16) }
.mb-vs-banda .mb-vs__k{ color:#8ea2b0 }
.mb-vs-banda .mb-vs__c--si{ background:rgba(255,255,255,.04) }
.mb-vs-banda .mb-vs__c--si .mb-vs__k{ color:#ff9c92 }
.mb-vs-banda .mb-vs li{ color:#a9bcc9 }
.mb-vs-banda .mb-vs__c--si li{ color:#fff }

/* Las equivalencias, con el número como protagonista */
.mb-lista b{ font-size:38px; min-width:1.8em; color:var(--rojo) }
.mb-lista li{ padding:16px 0 }

/* La escalera de crecimiento, más legible */
.mb-crecer .mb-escalera span{ font-size:15.5px; padding:11px 16px }

/* El hero vive dentro de un contenedor "is-layout-constrained" de WordPress,
   que limita a sus hijos al ancho de contenido (820 px). La rejilla quedaba
   con la segunda columna en 0 px y la figura caía debajo. */
.mb-hero .mb-hero-rej{ max-width:1180px !important; width:100%; margin-left:auto; margin-right:auto }
@media(min-width:900px){
  .mb-hero .mb-hero-rej{ grid-template-columns:minmax(0,1fr) 290px }
}
.mb-hero .mb-hero-rej > div{ min-width:0 }

/* "Empiece en 14 m² y crezca" quedó dentro de la banda oscura de la
   comparación, así que heredaba los colores pensados para fondo claro. */
.mb-vs-banda .mb-crecer p{ color:#c3ccd6 }
.mb-vs-banda .mb-crecer b{ color:#fff }
.mb-vs-banda .mb-escalera span{
  background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.22); color:#fff;
}
.mb-vs-banda .mb-escalera span:last-child{ background:var(--rojo); border-color:var(--rojo); color:#fff }

/* La línea del precio quedó dentro de la banda oscura con el gris de
   fondo claro. Es la respuesta a la pregunta más importante de la
   página, así que además sube de peso. */
.mb-vs-banda .has-text-align-center{ color:#c3ccd6 }

/* ── Construcción a medida · landing de dos campañas ────────────────
   Quien llega desde la campaña de captación buscó «arriendo bodega», no
   «construcción»: la página tiene que recibir a esa persona. */
.cm-hero{ background:#16212b !important; color:#fff; position:relative; overflow:hidden }
.cm-hero .ciet-eyebrow{ color:#ff9c92; text-align:left }
.cm-hero h1{ color:#fff; text-align:left !important; letter-spacing:-1.3px; max-width:17ch }
.cm-hero .ciet-sd{ color:#c3ccd6; text-align:left !important; max-width:56ch; margin-left:0 }
.cm-hero .wp-block-buttons{ justify-content:flex-start !important }
.cm-hero .mq-p{ text-align:left }
.cm-hero .cm-gancho{
  border-left:4px solid var(--rojo); padding:4px 0 4px 20px; margin:0 0 26px;
  font-size:19px; line-height:1.55; color:#fff; max-width:56ch;
}
.cm-hero .cm-gancho b{ color:#ff9c92 }

.cm-cifras{ background:#0f1a23; padding:34px 0 !important }
.cm-cifras-rej{ display:grid; grid-template-columns:repeat(2,1fr); gap:26px 20px; max-width:1180px; margin:0 auto }
@media(min-width:820px){ .cm-cifras-rej{ grid-template-columns:repeat(4,1fr) } }
.cm-cifras-rej div{ text-align:center }
.cm-cifras-rej b{ display:block; font-size:clamp(24px,3.2vw,34px); font-weight:850; letter-spacing:-1px; color:#fff; line-height:1 }
.cm-cifras-rej span{ display:block; margin-top:9px; font-size:12.5px; letter-spacing:.09em; text-transform:uppercase; color:#9fb0bc; line-height:1.4 }
@media(min-width:820px){ .cm-cifras-rej div + div{ border-left:1px solid rgba(255,255,255,.14) } }

/* Qué determina el plazo: se responde lo que se puede, sin prometer meses */
.cm-plazo{ display:grid; gap:0; border:1px solid var(--linea); background:#fff; margin-top:8px }
@media(min-width:760px){ .cm-plazo{ grid-template-columns:repeat(3,1fr) } }
.cm-plazo__c{ padding:24px 26px; border-top:1px solid var(--linea) }
.cm-plazo__c:first-child{ border-top:0 }
@media(min-width:760px){
  .cm-plazo__c{ border-top:0; border-left:1px solid var(--linea) }
  .cm-plazo__c:first-child{ border-left:0 }
}
.cm-plazo__n{ font:800 13px/1 inherit; letter-spacing:1.2px; color:var(--rojo); margin-bottom:12px }
.cm-plazo__c h3{ font-size:18px; margin:0 0 8px; letter-spacing:-.3px }
.cm-plazo__c p{ font-size:15px; line-height:1.55; color:var(--tx2); margin:0 }

/* ═══ ciet-bodegas ═══ */
ul.ciet-bodgrid{list-style:none;margin:0 auto;padding:0;max-width:1180px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.ciet-bod .ciet-modulo-m2::before,.ciet-bod .ciet-modulo-m2::after{content:none!important}@media (max-width:600px){ul.ciet-bodgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ciet-bod__c{padding:14px 12px 12px}.ciet-bod .ciet-modulo-m2{font-size:22px}.ciet-bod .ciet-modulo-sub,.ciet-bod__uf{font-size:13px}.ciet-bod__btn{font-size:13.5px;padding:8px 6px}}.ciet-bod{margin:0}.ciet-bod__c{background:#fff;border:1px solid #dde4e8;border-radius:12px;padding:18px 18px 16px;height:100%;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}.ciet-bod__est{align-self:flex-start;font-size:11.5px;font-weight:750;letter-spacing:.6px;text-transform:uppercase;color:#7a4f00;background:#fff1cc;border-radius:100px;padding:3px 10px;margin:0 0 6px}.ciet-bod h3.wp-block-post-title{font-size:16px;font-weight:700;margin:0;color:#4a5964}.ciet-bod .ciet-modulo-m2{font-size:28px;font-weight:850;letter-spacing:-.6px;margin:0;color:#16212b}.ciet-bod .ciet-modulo-sub{font-size:14px;color:#4a5964;margin:0;line-height:1.45}.ciet-bod__uf{font-size:14px;color:#4a5964;margin:8px 0 14px}.ciet-bod__uf b{color:#c8352c;font-size:17px}.ciet-bod__btn{margin-top:auto;display:block;text-align:center;border:1.5px solid #16212b;border-radius:8px;padding:9px 12px;font-weight:700;font-size:14.5px;color:#16212b;text-decoration:none}.ciet-bod__btn:hover,.ciet-bod__btn:focus-visible{background:#16212b;color:#fff}.ciet-bod-mas{text-align:center;margin:26px 0 0}.ciet-bod-mas a{font-weight:750;color:#c8352c}

/* ═══ mb-fotos ═══ */
.mb-foto{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;margin:0 0 16px;background:#e9edf0}
.mb-14{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.mb-14 .mb-foto{aspect-ratio:4/3;margin:0;border-radius:14px}
.mb-banda-foto{margin:60px auto 10px;max-width:1100px}
.mb-banda-foto .mb-foto{aspect-ratio:21/8;border-radius:14px;margin:0}
@media (max-width:781px){.mb-14{grid-template-columns:1fr;gap:26px}.mb-banda-foto .mb-foto{aspect-ratio:16/9}}
/* contraste de la lista "Cuanto es 14 m2" sobre la banda oscura */
.mb-vs-banda .mb-lista li{border-color:rgba(255,255,255,.14)}
.mb-vs-banda .mb-lista li > b{color:#ff8a7f}
.mb-vs-banda .mb-lista span{color:#c3ccd6;font-size:17px}
.mb-vs-banda .mb-lista span b{color:#fff;font-size:1.3em;font-weight:780;letter-spacing:-.3px;min-width:0}
/* foto de fondo del encabezado, oscurecida para que el texto se lea */
.wp-block-group.mb-hero.has-background{background:linear-gradient(90deg,rgba(22,33,43,.95) 0%,rgba(22,33,43,.88) 48%,rgba(22,33,43,.66) 100%),#16212b!important}
@media (max-width:781px){.wp-block-group.mb-hero.has-background{background:linear-gradient(180deg,rgba(22,33,43,.93),rgba(22,33,43,.9)),#16212b!important}}
.mb-precio{margin:18px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.mb-precio b{font-size:28px;font-weight:850;letter-spacing:-.5px;color:#fff}
.mb-precio span{color:#c3ccd6;font-size:15px}
.mb-tam{display:grid;grid-template-columns:repeat(2,minmax(0,220px));justify-content:center;gap:18px;margin:40px auto 0}
.mb-tam div{border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:20px 22px;text-align:center;background:rgba(255,255,255,.04)}
.mb-tam b{display:block;color:#fff;font-size:30px;font-weight:850;letter-spacing:-.6px}
.mb-tam span{display:block;color:#c3ccd6;font-size:13px;margin-top:8px}
.mb-tam strong{color:#ff8a7f;font-size:26px;font-weight:850}
.mb-alto{margin:18px 0 0;color:#c3ccd6;font-size:16px}.mb-alto b{color:#fff}
.mb-tam em{display:block;font-style:normal;color:#c3ccd6;font-size:14px;margin-top:2px}

/* planta de contenedor de 20 pies (5,9 × 2,35 m) con pallets de 1,2 × 1,0 m a escala */
.mb-planta{aspect-ratio:5.9/2.35!important;grid-template-columns:repeat(4,20.3%)!important;grid-template-rows:repeat(2,42.5%)!important;gap:1.2% 1%!important;align-content:center;padding:3%!important}
.mb-hero-fig .mb-planta{width:min(290px,78vw)!important}
.mb-planta::after{content:"5,9 m"!important}
.mb-planta::before{content:"2,35 m"!important;left:-52px!important}

/* ═══ ciet-v3 ═══ */
/* v3 · 21-sep: portada alineada, encabezados con foto, bandas de referencia para la sesión, íconos y tarjetas con relieve */
.ciet-hero .wp-block-cover__inner-container{max-width:1180px!important;width:100%;margin:0 auto!important}
.ciet-hero h1{max-width:17ch!important;font-size:clamp(32px,4.4vw,54px)!important;line-height:1.06!important;letter-spacing:-1.6px!important}
.ciet-hero .ciet-hero-sub{margin-top:18px}
.v3-hero{position:relative;background:linear-gradient(100deg,rgba(16,26,35,.94) 0%,rgba(16,26,35,.84) 55%,rgba(16,26,35,.55) 100%),var(--v3-img) center/cover no-repeat,#16212b!important;color:#fff}
@media (max-width:781px){.v3-hero{background:linear-gradient(180deg,rgba(16,26,35,.9),rgba(16,26,35,.88)),var(--v3-img-m) center/cover no-repeat,#16212b!important}}
.v3-hero h1,.v3-hero h2,.v3-hero strong{color:#fff!important}
.v3-hero .ciet-eyebrow{color:#ff9c92!important}
.v3-hero p:not(.mq-p):not(.ciet-eyebrow),.v3-hero .ciet-sd{color:#d3dce3!important}
.v3-banda{position:relative;min-height:320px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(16,26,35,.92) 0%,rgba(16,26,35,.72) 42%,rgba(16,26,35,.12) 100%),var(--v3-img) center/cover no-repeat,#16212b}
@media (max-width:781px){.v3-banda{min-height:300px;background:linear-gradient(180deg,rgba(16,26,35,.55),rgba(16,26,35,.9)),var(--v3-img-m) center/cover no-repeat,#16212b;align-items:flex-end}}
.v3-banda__in{width:100%;max-width:1180px;margin:0 auto;padding:44px 24px}
.v3-banda__k{margin:0 0 10px;color:#ff9c92;font-size:13px;font-weight:750;letter-spacing:1.4px;text-transform:uppercase}
.v3-banda__t{margin:0;max-width:30ch;color:#fff;font-size:clamp(24px,3vw,34px);line-height:1.18;font-weight:800;letter-spacing:-.6px}
.v3-banda__s{margin:12px 0 0;max-width:52ch;color:#c3ccd6;font-size:16.5px;line-height:1.5}
.v3-banda__a{margin:16px 0 0}
.v3-banda__a a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:8px 0;margin:-8px 0}
.v3-banda__a a:hover{color:#ffc4bd}
.v3-hero a:not(.wp-block-button__link){color:#ffc4bd;text-decoration:underline;text-underline-offset:3px}
.v3-hero a:not(.wp-block-button__link):hover{color:#fff}
h1,.v3-banda__t{text-wrap:balance}
/* Ronda 2 (5-oct): tarjetas con foto, resumen por tamaño, lista plegada, historia, razones y listas en dos columnas. */
figure.ciet-srv-foto{margin:-25px -25px 18px!important;border-radius:12px 12px 0 0;overflow:hidden;aspect-ratio:3/2;background:#e6ebef}
figure.ciet-srv-foto img{display:block;width:100%;height:100%;object-fit:cover}
ul.ciet-bodgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.v3-precios.ciet-resumen{max-width:1180px;grid-template-columns:repeat(4,minmax(0,1fr))}
.v3-precios.ciet-resumen p{margin:0}
.v3-precios.ciet-resumen span{line-height:1.4}
.v3-precios.ciet-resumen b{line-height:1.15}
.v3-precios.ciet-resumen em{display:block;line-height:1.45}
.ciet-plegar{text-align:center;margin:26px 0 22px}
.ciet-plegar-btn{box-sizing:border-box!important;font-family:inherit;font-weight:700;font-size:15.5px;line-height:28px;color:#16212b;background:#fff;border:1.5px solid #16212b;border-radius:9px;padding:11px 22px;min-height:44px;cursor:pointer;transition:background .15s ease,color .15s ease}
.ciet-plegar-btn:hover{background:#16212b;color:#fff}
.ciet-plegado--cerrado{display:none}
.ciet-historia{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;max-width:1180px;margin:0 auto;align-items:start}
.ciet-historia-texto p{margin:0 0 14px;max-width:62ch;font-size:16.5px;line-height:1.6;color:#4a5964}
.ciet-historia-texto h2{margin:0 0 18px!important}
.ciet-linea{border-left:2px solid #dde4e8;margin:8px 0 0 6px;padding:0}
.ciet-linea-i{position:relative;padding:0 0 22px 24px}
.ciet-linea-i:last-child{padding-bottom:0}
.ciet-linea-i::before{content:"";position:absolute;left:-8px;top:5px;width:12px;height:12px;border-radius:50%;background:#c8352c;border:2px solid #fff;box-shadow:0 0 0 2px #c8352c}
.ciet-linea-a{margin:0 0 2px;font-size:14px;font-weight:800;color:#c8352c;letter-spacing:.04em;text-transform:uppercase}
.ciet-linea-i p:not(.ciet-linea-a){margin:0;font-size:15.5px;line-height:1.5;color:#4a5964}
.ciet-razones{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;max-width:1180px;margin:30px auto 0;align-items:center}
.ciet-razones-lista .ciet-srv{border:0;padding:0;background:none;height:auto;margin-bottom:22px;box-shadow:none!important;transform:none!important}
.ciet-razones-lista .ciet-srv:last-child{margin-bottom:0}
figure.ciet-razones-foto{margin:0}
figure.ciet-razones-foto img{display:block;width:100%;height:auto;border-radius:14px}
figure.ciet-razones-foto figcaption{font-size:14px;color:#4a5964;margin:10px 0 0!important;text-align:left}
.ciet-dos-listas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;max-width:1180px;margin:0 auto}
.ciet-lista-col .ciet-eyebrow{text-align:left}
.ciet-lista-col h2{text-align:left;font-size:clamp(22px,2.2vw,28px);margin:0 0 6px!important}
.ciet-lista-col .ciet-sd{margin:0 0 18px;text-align:left;margin-left:0}
.ciet-lista-col .ciet-srv{height:auto;margin-bottom:14px}
.ciet-lista-col .ciet-srv:last-child{margin-bottom:0}
@media (max-width:781px){
ul.ciet-bodgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.v3-precios.ciet-resumen{grid-template-columns:repeat(2,minmax(0,1fr))}
.ciet-historia,.ciet-razones,.ciet-dos-listas{grid-template-columns:1fr;gap:30px}
figure.ciet-razones-foto{order:-1}
}
/* Anclas (#precios, #consultar, #faq…): la cabecera es fija (89 px en computador, 73 en el teléfono) y el destino queda bajo ella con un respiro de 24 px. */
main [id]{scroll-margin-top:113px}
@media (max-width:781px){main [id]{scroll-margin-top:97px}}
.v3-ic,.ciet-srv>.ciet-srv-ic{width:48px;height:48px;border-radius:12px;background:#fdecea;color:#c8352c!important;display:flex!important;align-items:center;justify-content:center!important;margin-bottom:16px!important}
.mb-vs-banda .v3-ic{background:rgba(255,255,255,.08);color:#ff8a7f!important}
.ciet-srv,.ciet-paso{box-shadow:0 1px 2px rgba(22,33,43,.05),0 10px 28px -16px rgba(22,33,43,.28);transition:transform .2s ease,box-shadow .2s ease}
.ciet-srv:hover,.ciet-paso:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(22,33,43,.06),0 16px 34px -16px rgba(22,33,43,.32)}
@media (prefers-reduced-motion:reduce){.ciet-srv,.ciet-paso{transition:none}.ciet-srv:hover,.ciet-paso:hover{transform:none}}
main > .has-humo-background-color:not(.v3-hero):not(.mb-vs-banda):not(.mb-hero):not(.cm-hero){background:linear-gradient(180deg,#eef2f5 0%,#f5f7f9 38%,#f5f7f9 100%)!important}
.v3-galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1180px;margin:0 auto}
.v3-galeria figure{margin:0;background:#fff;border:1px solid #dde4e8;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px -18px rgba(22,33,43,.3)}
.v3-galeria img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.v3-galeria figcaption{padding:14px 16px 16px;font-size:14.5px;color:#4a5964;line-height:1.5}
.v3-galeria figcaption b{display:block;color:#16212b;font-size:16px;margin-bottom:2px}
@media (max-width:781px){.v3-galeria{grid-template-columns:1fr}}
.v3-precios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:980px;margin:0 auto}
.v3-precios div{background:#fff;border:1px solid #dde4e8;border-radius:14px;padding:22px 22px 20px;text-align:center;box-shadow:0 10px 28px -18px rgba(22,33,43,.3)}
.v3-precios span{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#4a5964;font-weight:700}
.v3-precios b{display:block;font-size:32px;font-weight:850;letter-spacing:-.8px;color:#16212b;margin:8px 0 2px}
.v3-precios em{font-style:normal;color:#4a5964;font-size:14px}
@media (max-width:781px){.v3-precios{grid-template-columns:1fr}}

/* v3.1 · 21-sep: correcciones según impeccable detect (patrones de IA reales, medidos sobre la página renderizada) */
.v3-ic,.ciet-srv>.ciet-srv-ic{width:auto!important;height:auto!important;background:none!important;border-radius:0!important;margin:0!important;float:left;margin-right:12px!important;margin-top:1px!important}
.ciet-srv>.ciet-srv-ic+h3,.ciet-srv>.v3-ic+h3,.ciet-paso>.v3-ic+h3{min-height:28px;display:flex;align-items:center}
.ciet-srv>.ciet-srv-ic+h3+*,.ciet-paso>.v3-ic+h3+*{clear:left}
.has-text-align-center .v3-ic,.ciet-srv.has-text-align-center>.v3-ic{float:none;display:inline-flex!important}
.wp-block-site-tagline,.wp-block-site-tagline *{text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important}
.mb-cifras-rej span,.cm-cifras span,.cm-cifras p,.ciet-cifra-l{text-transform:none!important;letter-spacing:0!important;font-size:14px!important}
.v3-banda__k{text-transform:none!important;letter-spacing:0!important;font-size:15.5px!important;font-weight:600!important}
main .ciet-sd,main .has-text-align-center.ciet-sd{max-width:60ch;margin-left:auto;margin-right:auto}
.ciet-srv,.ciet-paso,.v3-galeria figure,.v3-precios div{box-shadow:none!important}
.wp-block-details p,.ciet-faq p{max-width:66ch}
.mb-hero .ciet-sd{margin-left:0!important}
.ciet-srv:hover,.ciet-paso:hover{box-shadow:0 6px 18px -12px rgba(22,33,43,.22)!important}
.ciet-hero h1,.v3-hero h1,.mb-hero h1,.cm-hero h1{letter-spacing:-.02em!important}
@media (max-width:781px){.v3-hero{background:linear-gradient(180deg,rgba(16,26,35,.86),rgba(16,26,35,.8)),var(--v3-img-m) center/cover no-repeat,#16212b!important}
.wp-block-group.mb-hero.has-background{background:linear-gradient(180deg,rgba(22,33,43,.86),rgba(22,33,43,.8)),#16212b!important}}

/* ═══ Mini bodegas · diseño aprobado el 5-oct-2026 (propuesta B del 1-oct): estilos propios de la página ═══ */
/* Propuesta B · mini bodegas · CIET Torquemada · 1-oct-2026
   Misma marca (rojo #c8352c, tinta #16212b, humo #f4f7f8, letra del sistema). Cambia la manera:
   portada clara con el precio a la vista, una ilustración propia en vez de fotos de banco, menos
   cajas y una sola banda oscura. Todo con prefijo p2- para no tocar el resto de la página. */

.p2 {
	--p2-rojo: #c8352c;
	--p2-rojo2: #a82a22;
	--p2-tinta: #16212b;
	--p2-tinta2: #0f1a23;
	--p2-gris: #4a5964;
	--p2-gris2: #5b6975;
	--p2-humo: #f4f7f8;
	--p2-linea: #dde4e8;
	--p2-wa: #0b7a63;
	--p2-wa2: #075e54;
	position: relative;
	box-sizing: border-box;
	width: 100vw;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 104px 24px;
	background: #fff;
	color: var(--p2-tinta);
	font-family: inherit;
}

.p2 *,
.p2 *::before,
.p2 *::after {
	box-sizing: border-box;
}

.p2-ancho {
	width: min(1180px, 100%);
	margin-inline: auto;
}

.p2-migas {
	display: flex;
	gap: 8px;
	margin-bottom: 18px;
	font-size: 14.5px;
	color: var(--p2-gris2);
}

.p2-migas a {
	color: var(--p2-gris);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.p2-migas a:hover {
	color: var(--p2-rojo2);
}

.p2 h1,
.p2 h2,
.p2 h3,
.p2 p,
.p2 dl,
.p2 dd,
.p2 ul,
.p2 ol,
.p2 figure {
	margin: 0;
	padding: 0;
	text-align: left;
}

.p2 ul,
.p2 ol {
	list-style: none;
}

.p2-kicker {
	margin: 0 0 16px !important;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--p2-rojo2);
}

.p2-kicker--claro {
	color: #ff9c92;
}

.p2-h1 {
	font-size: clamp(38px, 4.6vw, 64px) !important;
	line-height: 1.02 !important;
	letter-spacing: -0.035em;
	font-weight: 800;
	color: var(--p2-tinta) !important;
	max-width: 13ch;
	text-wrap: balance;
}

.p2-h2 {
	font-size: clamp(30px, 3.2vw, 44px) !important;
	line-height: 1.06 !important;
	letter-spacing: -0.03em;
	font-weight: 800;
	color: inherit;
	max-width: 22ch;
	text-wrap: balance;
}

.p2-bajada {
	margin-top: 18px !important;
	max-width: 54ch;
	font-size: 18px;
	line-height: 1.6;
	color: var(--p2-gris);
	text-wrap: pretty;
}

.p2-cab {
	margin-bottom: 56px;
}

.p2-pill {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	background: #fdf1d8;
	color: #7a4708;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	vertical-align: 2px;
}

/* Botones */
.p2-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px;
}

.p2-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 54px;
	padding: 0 26px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.01em;
	text-decoration: none !important;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.p2-btn:active {
	transform: translateY(1px);
}

.p2-btn--rojo {
	background: var(--p2-rojo);
	color: #fff !important;
}

.p2-btn--rojo:hover,
.p2-btn--rojo:focus-visible {
	background: var(--p2-rojo2);
}

.p2-btn--wa {
	border: 1.5px solid var(--p2-wa);
	color: var(--p2-wa) !important;
	background: #fff;
}

.p2-btn--wa:hover,
.p2-btn--wa:focus-visible {
	background: var(--p2-wa);
	color: #fff !important;
}

.p2-btn svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.p2-btn:focus-visible {
	outline: 3px solid rgba(200, 53, 44, 0.35);
	outline-offset: 2px;
}

/* 1 · Portada */
.p2-hero {
	padding: 56px 24px 96px;
	background: linear-gradient(180deg, #fff 0%, var(--p2-humo) 100%);
	overflow: hidden;
}

.p2-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	gap: 48px;
	align-items: center;
}

.p2-precio {
	margin-top: 26px !important;
	font-size: 22px;
	line-height: 1.2;
	color: var(--p2-gris);
}

.p2-precio b {
	font-size: clamp(40px, 3.6vw, 52px);
	font-weight: 800;
	letter-spacing: -0.035em;
	color: var(--p2-rojo);
	font-variant-numeric: tabular-nums;
}

.p2-hero__nota {
	margin-top: 22px !important;
	font-size: 14.5px;
	color: var(--p2-gris2);
}

.p2-hero__fig {
	position: relative;
}

/* Portada con foto del cliente (grupo de WhatsApp, 1-oct): mismas esquinas que las tarjetas */
.p2-hero__fig--foto img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 14px;
	background: var(--p2-humo);
}

.p2-hero__pie {
	margin-top: 12px;
	font-size: 13.5px;
	line-height: 1.45;
	color: var(--p2-gris2);
}

/* 2 · Tamaños */
.p2-tam {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border: 1px solid var(--p2-linea);
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
}

.p2-tam__item {
	display: flex;
	flex-direction: column;
	padding: 40px 40px 36px;
}

.p2-tam__item + .p2-tam__item {
	border-left: 1px solid var(--p2-linea);
}

.p2-tam__fig {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 210px;
	margin: 0 -8px 28px;
	border-radius: 14px;
	background: var(--p2-humo);
}

.p2-tam__fig svg {
	display: block;
	max-width: 100%;
	max-height: 196px;
}

.p2-tam__t {
	font-size: 44px !important;
	line-height: 1 !important;
	font-weight: 800;
	letter-spacing: -0.035em;
	color: var(--p2-tinta);
	font-variant-numeric: tabular-nums;
}

.p2-tam__sub {
	margin-top: 8px !important;
	font-size: 16px;
	color: var(--p2-gris);
}

.p2-tam__specs {
	margin-top: 24px !important;
	border-top: 1px solid var(--p2-linea);
}

.p2-tam__specs div {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid var(--p2-linea);
}

.p2-tam__specs dt {
	font-size: 14.5px;
	color: var(--p2-gris2);
}

.p2-tam__specs dd {
	font-size: 15.5px;
	font-weight: 600;
	color: var(--p2-tinta);
}

.p2-plano {
	margin-top: 22px !important;
}

.p2-plano svg {
	display: block;
	width: 100%;
	height: auto;
}

.p2-plano figcaption {
	margin-top: 6px;
	font-size: 13.5px;
	color: var(--p2-gris2);
}

.p2-tam__pie {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: auto;
	padding-top: 28px;
}

.p2-tam__precio {
	font-size: 17px;
	color: var(--p2-gris);
}

.p2-tam__precio b {
	font-size: 34px;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: var(--p2-tinta);
	font-variant-numeric: tabular-nums;
}

.p2-nota-medidas {
	max-width: 80ch;
	margin-top: 20px !important;
	font-size: 14.5px;
	line-height: 1.55;
	color: var(--p2-gris2);
}

/* 3 · Cómo funciona */
.p2-pasos {
	background: var(--p2-humo);
}

.p2-pasos__lista {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 48px;
}

.p2-pasos__lista::before {
	content: "";
	position: absolute;
	left: 26px;
	right: calc(33.33% - 26px);
	top: 25px;
	height: 2px;
	background: var(--p2-linea);
}

.p2-pasos__lista li {
	position: relative;
}

.p2-pasos__n {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 22px;
	border-radius: 50%;
	background: var(--p2-tinta);
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	box-shadow: 0 0 0 8px var(--p2-humo);
}

.p2-pasos__lista h3,
.p2-usos__lista h3 {
	font-size: 21px !important;
	line-height: 1.25 !important;
	font-weight: 700;
	letter-spacing: -0.015em;
	color: var(--p2-tinta);
}

.p2-pasos__lista p,
.p2-usos__lista p {
	margin-top: 8px !important;
	max-width: 34ch;
	font-size: 16.5px;
	line-height: 1.6;
	color: var(--p2-gris);
}

/* 4 · Para qué se usa */
.p2-usos__grid {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: 72px;
	align-items: start;
}

.p2-usos .p2-cab {
	margin-bottom: 0;
}

.p2-usos__lista {
	border-top: 1px solid var(--p2-linea);
}

.p2-usos__lista li {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 20px;
	padding: 26px 0;
	border-bottom: 1px solid var(--p2-linea);
}

.p2-ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 14px;
	background: #fdeceb;
	color: var(--p2-rojo2);
}

.p2-ico svg {
	width: 28px;
	height: 28px;
}

.p2-usos__lista p {
	max-width: 56ch;
}

/* 5 · Condominio y seguridad: la única banda oscura */
.p2-condo {
	background: var(--p2-tinta);
	color: #fff;
}

.p2-condo .p2-h2 {
	color: #fff !important;
}

.p2-condo .p2-bajada {
	color: #c3ccd6;
}

.p2-condo__grid {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: 72px;
	align-items: start;
}

.p2-condo .p2-cab {
	margin-bottom: 0;
}

.p2-condo__lista {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.p2-condo__lista div {
	padding: 26px 28px 28px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.p2-condo__lista div:nth-child(2n) {
	padding-left: 28px;
	padding-right: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.p2-condo__lista dt {
	font-size: 19px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #fff;
}

.p2-condo__lista dd {
	margin-top: 8px !important;
	font-size: 16px;
	line-height: 1.6;
	color: #c3ccd6;
}

/* Celular y tablet */
@media (max-width: 960px) {
	.p2 {
		padding: 72px 24px;
	}

	.p2-hero__grid,
	.p2-usos__grid,
	.p2-condo__grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.p2-tam {
		grid-template-columns: 1fr;
	}

	.p2-tam__item + .p2-tam__item {
		border-left: 0;
		border-top: 1px solid var(--p2-linea);
	}
}

@media (max-width: 781px) {
	.p2 {
		padding: 56px 20px;
	}

	.p2-hero {
		padding: 32px 20px 56px;
	}

	.p2-cab {
		margin-bottom: 36px;
	}

	.p2-bajada {
		font-size: 17px;
	}

	.p2-cta .p2-btn {
		flex: 1 1 100%;
	}

	.p2-tam__item {
		padding: 28px 20px 28px;
	}

	.p2-tam__fig {
		height: 170px;
		margin: 0 0 22px;
	}

	.p2-tam__specs div {
		grid-template-columns: 1fr;
		gap: 2px;
	}

	.p2-tam__pie .p2-btn {
		flex: 1 1 100%;
	}

	.p2-pasos__lista {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.p2-pasos__lista::before {
		left: 25px;
		right: auto;
		top: 26px;
		bottom: 26px;
		width: 2px;
		height: auto;
	}

	.p2-pasos__lista li {
		padding-left: 76px;
	}

	.p2-pasos__n {
		position: absolute;
		left: 0;
		top: 0;
	}

	.p2-condo__lista {
		grid-template-columns: 1fr;
	}

	.p2-condo__lista div,
	.p2-condo__lista div:nth-child(2n) {
		padding: 22px 0;
		border-left: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.p2-btn {
		transition: none;
	}
}


/* ── assets/css/sueltos.css ── */
/* Generado por maqueta-a-bloques.py: estilos en línea de la maqueta sin atributo de bloque. */
.ciet-x-270449{--v3-img:url(../img/photo-1758789667762-56175fe4601c-w1920.avif)!important;--v3-img-m:url(../img/photo-1758789667762-56175fe4601c-w900.avif)!important}
.ciet-x-43411f{color:#4a5964!important}
.ciet-x-4c85e8{max-width:1100px!important}
.ciet-x-93ca1c{--v3-img:url(../img/photo-1780367261654-45395777b560-w1920.avif)!important;--v3-img-m:url(../img/photo-1780367261654-45395777b560-w900.avif)!important}
.ciet-x-b19ef8{--v3-img:url(../img/condominio-aereo-portada-1500.webp)!important;--v3-img-m:url(../img/condominio-aereo-portada-1500.webp)!important}
.ciet-x-b5595a{--v3-img:url(../img/photo-1618482914248-29272d021005-w1920.avif)!important;--v3-img-m:url(../img/photo-1618482914248-29272d021005-w900.avif)!important}
.ciet-x-cc7bf4{--v3-img:url(../img/condominio-aereo-1500.webp)!important;--v3-img-m:url(../img/condominio-aereo-900.webp)!important}


/* ── assets/css/wordpress.css ── */
/* Ajustes que solo necesita WordPress para verse igual que la maqueta aprobada.
   Se cargan después de maqueta.css y sueltos.css. */

/* Fotos sueltas de la maqueta (<img class="mb-foto">): en WordPress son bloques Imagen (una
   figura con la foto adentro), para que Ricardo las cambie desde el editor. La figura se queda
   con el margen y la foto con la proporción, el recorte y las esquinas. */
figure.wp-block-image.mb-foto{aspect-ratio:auto;background:none;border-radius:0;width:auto;height:auto;margin:0 0 16px}
figure.wp-block-image.mb-foto > img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;background:#e9edf0}
.mb-14 figure.wp-block-image.mb-foto{margin:0}
.mb-14 figure.wp-block-image.mb-foto > img{aspect-ratio:4/3;border-radius:14px}
figure.wp-block-image.mb-banda-foto > img{display:block;width:100%;height:auto;aspect-ratio:21/8;object-fit:cover;border-radius:14px;background:#e9edf0}
@media (max-width:781px){figure.wp-block-image.mb-banda-foto > img{aspect-ratio:16/9}}

/* Galería de servicios: la maqueta usa pies de foto sin el margen que WordPress le da a los
   pies de los bloques Imagen. */
.v3-galeria .wp-element-caption{margin:0}

/* Franjas con foto (.v3-banda): en la maqueta la foto es un fondo CSS con un degradado oscuro
   encima; en WordPress son bloques Portada (la foto se cambia desde el editor). El degradado va
   en la capa de color de la portada, que así sigue asegurando el contraste del texto blanco. */
.wp-block-cover.v3-banda{padding:0;min-height:380px;background:#16212b}
.wp-block-cover.v3-banda > .wp-block-cover__background{opacity:1!important;background:linear-gradient(90deg,rgba(16,26,35,.92) 0%,rgba(16,26,35,.72) 42%,rgba(16,26,35,.12) 100%)!important}
.wp-block-cover.v3-banda > .wp-block-cover__inner-container{width:100%}
.wp-block-group.v3-banda__in{max-width:1180px}
@media (max-width:781px){
  .wp-block-cover.v3-banda{min-height:300px}
  .wp-block-cover.v3-banda > .wp-block-cover__background{background:linear-gradient(180deg,rgba(16,26,35,.55),rgba(16,26,35,.9))!important}
}

/* Cifras y precios: en la maqueta son divs con el texto directo; en WordPress el texto va en un
   párrafo editable dentro del div, sin el margen propio del párrafo. */
.ciet-libre > p.ciet-texto{margin:0}


/* ── assets/css/kadence.css ── */
/* Ajustes para que el WordPress con Kadence se vea IGUAL que la maqueta aprobada.
   Orden de carga: style.css, maqueta.css, sueltos.css, wordpress.css y esta hoja; todas se vuelven a
   enlazar al pie, después del CSS de bloques que WordPress imprime ahí, así el tema manda en los
   empates igual que en la maqueta. Cada bloque dice qué regla de la maqueta replica; los números son
   los medidos allá (radiografia.js y pixeles.js). */

/* ═══ Cabecera (constructor de Kadence) = header.wp-block-template-part de la maqueta ═══════════ */
.site-header{box-shadow:0 1px 8px rgba(0,0,0,.05)}
.site-header .site-header-row-container-inner,.site-header .site-container,.site-header .site-header-row,.site-header .site-header-section{overflow:visible}
/* Logo, nombre y bajada (.ciet-logo): logo de 44 px, 11 px de separación, textos en una caja de 60 px
   pegada arriba (nombre 44 px + bajada 16 px). */
.site-branding a.brand{gap:11px;align-items:center}
.site-branding a.brand img{height:44px;width:auto}
.site-branding .site-title-wrap{min-height:60px;display:flex;flex-direction:column;justify-content:flex-start}
.site-branding .site-title{margin:0;min-height:44px;display:flex;align-items:center;font-size:20px;line-height:1.1;font-weight:850;letter-spacing:-.4px;color:#16212b}
.site-branding .site-description{margin:0;font-size:12.5px;line-height:1.3;font-weight:600;letter-spacing:0;text-transform:none;color:#5b6975}
/* Bajo 1440 px la maqueta esconde la bajada (con ocho entradas el menú no cabe junto al bloque del logo completo). */
@media (max-width:1439px){.site-branding .site-description{display:none}}
/* Menú (.ciet-nav a): 14,5 px negrita 600, relleno 10×11, esquinas 7, alto 44, 5 px entre ítems.
   Desde 1440 px el bloque de menú de la maqueta desborda 79 px por la derecha (400 + 24 + 835 > 1180): se replica.
   Entre 1200 y 1439 px cabe (265 + 24 + 835 < 1180) y bajo 1200 px va el menú de teléfono (header_mobile_switch). */
.site-header .site-header-section > .site-header-item{margin-right:5px}
.site-header .site-header-section > .site-header-item:last-child{margin-right:0}
@media (min-width:1440px){.site-header .site-header-main-section-right{margin-right:-79px}}
.site-header .header-navigation .header-menu-container > ul.menu{display:flex;flex-wrap:nowrap;gap:5px;margin:0;padding:0;list-style:none}
.site-header .header-navigation .header-menu-container > ul.menu > li{margin:0;padding:0;display:flex;align-items:center}
.site-header .header-navigation .header-menu-container > ul.menu > li > a{padding:10px 11px;min-height:44px;height:auto;box-sizing:border-box;border-radius:7px;font-size:14.5px;line-height:23.925px;font-weight:600;color:#4a5964;text-decoration:none;white-space:nowrap;display:flex;align-items:center;background:transparent}
.site-header .header-navigation .header-menu-container > ul.menu > li > a:hover{background:#f4f7f8;color:#c8352c}
.site-header .header-navigation .header-menu-container > ul.menu > li > a::after{display:none}
.site-header .header-button{white-space:nowrap}
/* Móvil (≤768 px): logo de 38 px, nombre de 17 px, sin bajada; botón del menú de 44×44 con el ícono
   de dos líneas de 24 px de WordPress (el de la maqueta). */
@media (max-width:768px){
  .site-branding a.brand img{height:38px}
  .site-branding .site-title-wrap{min-height:44px}
  .site-branding .site-title{font-size:17px}
}
.mobile-toggle-open-container .menu-toggle-open{width:44px;height:44px;padding:10px;margin:0;border:0;justify-content:center;color:#4a5964;background:transparent;box-shadow:none}
.menu-toggle-open .menu-toggle-icon{width:24px;height:24px;display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234a5964'%3E%3Cpath d='M4 7.5h16v1.5H4z'/%3E%3Cpath d='M4 15h16v1.5H4z'/%3E%3C/svg%3E") center/24px 24px no-repeat}
.menu-toggle-open .menu-toggle-icon svg,.menu-toggle-open .menu-toggle-label{display:none}

/* Video del dron de fondo en la portada: ciet.js le quita el src en el teléfono y con «reducir movimiento», y queda la
   foto de póster, que cubre la fila igual que la imagen de la maqueta. */
.ciet-hero .kb-blocks-bg-video{object-fit:cover}

/* ═══ Pie (constructor de Kadence) = footer.wp-block-template-part ═════════════════════════════
   Las tres columnas llevan los mismos bloques que el pie de la maqueta (título, párrafo, menú), así
   sus reglas («footer h3», «footer .wp-block-navigation-item», «p.has-gris-color a»…) aplican igual. */
.site-footer{font-size:14.5px}
.site-footer .widget{margin:0;padding:0}
.site-footer .widget > * + *,.site-footer .widget .widget-content > * + *{margin-block-start:24px}   /* la columna de la maqueta es «flow»: 24 px entre bloques */
.site-footer .widget > :first-child,.site-footer .widget .widget-content > :first-child{margin-block-start:0}
.site-footer .widget p,.site-footer .widget h3{margin-block-end:0}
.site-middle-footer-inner-wrap{column-gap:30px;row-gap:30px}
.site-footer .wp-block-navigation-item__content{line-height:23.925px}          /* Kadence le pone 1.8 a los enlaces del pie */
.site-footer .widget p a{color:#93a5b1}                                         /* footer a{color:#93a5b1} de la maqueta */
.site-footer .widget p a:hover{color:#fff}
/* Logo en negativo en la primera columna (= footer figure.ciet-pie-logo de la maqueta) */
.site-footer .widget .ciet-pie-logo{margin:0}
.site-footer .ciet-pie-logo a{display:inline-block}
.site-footer .ciet-pie-logo img{height:64px;width:auto;display:block}
/* Línea y año: el separador de la maqueta (2 px, gris al 12 %), 24 px hasta el ©, 34 px abajo */
.site-footer .site-bottom-footer-inner-wrap{border-top:2px solid rgba(74,89,100,.12);padding:24px 0 34px;min-height:0}
.site-footer .footer-html,.site-footer .footer-html p{margin:0}
/* Entre cabecera, contenido y pie no va espacio (son hijos de .wp-site-blocks y WordPress les pondría
   el espaciado entre bloques). */
.site.wp-site-blocks > *{margin-block-start:0;margin-block-end:0}

/* ═══ Modelo de caja como en la maqueta ═════════════════════════════════════════════════════════
   Kadence hereda border-box a todo; en la maqueta solo los bloques de WordPress son border-box y los
   divs sueltos miden sin relleno (content-box). Lo que allá era un div suelto vuelve a content-box. */
.ciet-libre,
.ciet-libre :where(div,span,figure,figcaption,ul,ol,li,b,em,i,small,a,label):not([class*="wp-block"]):not([class*="kb-"]):not([class*="kt-"]):not(.mb-planta),
.ciet-busc,.ciet-busc :where(div,span,label,b,em,small,p,i),
.ciet-ordbar,.ciet-ordbar :where(div,span,label),
.ciet-mapa,.ciet-mapa :where(div,span,b,em),
.mb-hero-fig,.mb-hero-fig figcaption,
.v3-ic,
#ciet-contacto,#ciet-contacto :where(div,label,p){box-sizing:content-box}
.mb-planta{box-sizing:border-box}
/* Kadence le da su estilo a todo <button>, <input>, <select> y <textarea>. Los componentes propios de
   CIET vuelven al estilo base del navegador, como en la maqueta, y ahí aplican sus reglas. */
:where(.ciet-busc, .ciet-ordbar, .ciet-form, .ciet-cot, .ciet-mapa) :is(button, input, select, textarea){all:revert}
.ciet-form select,.ciet-cot select{-webkit-appearance:auto;appearance:auto}
.ciet-form button[type=submit],.ciet-cot button,.ciet-form input,.ciet-form select,.ciet-form textarea,.ciet-cot input,.ciet-cot textarea{line-height:normal}
.ciet-busc input[type=range]{-webkit-appearance:auto;appearance:auto;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;width:100%}
/* Cabecera de la tabla de precios: la línea de 3 px bajo los títulos toma el color del texto (#4a5964),
   como en la maqueta (Kadence le pone su gris claro). */
.ciet-tabla thead{border-bottom-color:#4a5964}
.ciet-form input,.ciet-form select,.ciet-form textarea{box-shadow:none}

/* ═══ Secciones (filas de Kadence) ═════════════════════════════════════════════════════════════ */
/* Cifras de mini bodegas y construcción: el relleno (34 px arriba y abajo, 0 a los lados) va en la fila,
   editable; la regla «.mb-cifras{padding:34px 0 !important}» de la maqueta no debe sumarse en el contenedor. */
.kb-row-layout-wrap.mb-cifras,.kb-row-layout-wrap.cm-cifras{padding:0!important}
/* Comparativa «Lo que hacemos siempre / Si se libera una bodega»: la clase queda en la fila; el reparto
   de columnas lo hace la fila, así que el contenedor deja de ser flex. */
.kb-row-layout-wrap.ciet-comp{display:block}
/* Cifras y precios: en la maqueta son divs con el texto directo; en WordPress el texto va en un párrafo
   editable dentro del div, sin margen propio. */
.ciet-libre > p.ciet-texto{margin:0}
/* Títulos dentro de contenedores propios de la maqueta: los márgenes del navegador que tenían allá. */
.ciet-libre > h1.wp-block-kadence-advancedheading{margin-block:.67em}
.ciet-libre > h2.wp-block-kadence-advancedheading{margin-block:.83em}
.ciet-libre > h3.wp-block-kadence-advancedheading{margin-block:1em}
.ciet-libre > h4.wp-block-kadence-advancedheading{margin-block:1.33em}
@media (max-width:640px){.ciet-form > h3.wp-block-kadence-advancedheading{margin:0 0 4px}}
/* Mini bodegas (diseño aprobado el 5-oct): las secciones .p2 llevan su relleno lateral (Kadence pone
   padding 0 a todo .alignfull) y sus títulos no llevan los márgenes de navegador de los grupos libres. */
.entry-content .p2.alignfull{padding-left:24px;padding-right:24px}
@media (max-width:781px){.entry-content .p2.alignfull{padding-left:20px;padding-right:20px}}
.p2 .ciet-libre > :is(h1,h2,h3,h4).wp-block-kadence-advancedheading{margin-block:0}
/* El diseño nuevo mide todo en border-box (la regla de arriba devuelve content-box a los grupos libres) y la figura
   de la portada es un bloque de imagen del núcleo, que trae márgenes propios: se anulan. */
.entry-content .p2,.entry-content .p2 *,.entry-content .p2 *::before,.entry-content .p2 *::after{box-sizing:border-box !important}
.p2 figure.wp-block-image{margin:0}
.p2 figure.wp-block-image > figcaption.wp-element-caption{margin:12px 0 0;font-size:13.5px;line-height:1.45;color:#9fb0bc;text-align:left}
/* Botones de Kadence: en los heros de mini bodegas y construcción van a la izquierda; en el celular
   con texto que se parte (reglas .wp-block-buttons de la maqueta). */
.mb-hero-k .kb-buttons-wrap,.cm-hero-k .kb-buttons-wrap{justify-content:flex-start!important}
@media (max-width:781px){.kb-button{white-space:normal;text-align:center;max-width:100%}}
/* Tablas sin el margen inferior que agrega Kadence; pies de la galería sin margen y a la izquierda. */
.ciet-contenido .wp-block-table > table{margin-bottom:0}
.v3-galeria .wp-element-caption{margin:0;text-align:left}
/* La planta del contenedor del hero de mini bodegas: el margen de la maqueta. */
.mb-hero-fig{margin:0 0 17px}

/* ═══ Franja con foto (.v3-banda de la maqueta) → fila «v3-banda-k» con la foto editable ═══════
   Replica «.v3-banda{position:relative;min-height:320px;display:flex;align-items:center}» y, en el
   celular, «min-height:300px;align-items:flex-end». El degradado lo pone la capa de la fila. */
.v3-banda-k{position:relative;min-height:320px;display:flex;align-items:center}
.v3-banda-k > .kt-row-column-wrap{width:100%}
.v3-banda-k .kt-inside-inner-col{display:flex;flex-direction:row}   /* la caja de texto es ítem flex y se encoge en el celular, como en la maqueta */
.v3-banda-k .v3-banda__in{width:100%;max-width:1180px;margin:0 auto;padding:44px 24px;box-sizing:content-box}
@media (max-width:781px){
  .v3-banda-k{min-height:300px;align-items:flex-end}
  .v3-banda-k > .kt-row-column-wrap{align-content:flex-end!important}
}

/* ═══ Heros interiores (.v3-hero de la maqueta) → «v3-hero-k», con la foto editable ══════════════
   La regla de fondo de la maqueta para .v3-hero taparía la foto; aquí va el resto de su diseño. */
.v3-hero-k{position:relative;color:#fff}
.v3-hero-k h1,.v3-hero-k h2,.v3-hero-k strong{color:#fff!important}
.v3-hero-k .ciet-eyebrow{color:#ff9c92!important}
.v3-hero-k p:not(.ciet-eyebrow),.v3-hero-k .ciet-sd{color:#d3dce3!important}
.v3-hero-k h1{letter-spacing:-.02em!important}
/* Enlaces dentro de una portada oscura: el rojo de la marca sobre tinta no llega a 4,5:1 (revisión del 5-oct). */
.v3-hero-k a:not(.kb-button):not(.wp-block-button__link){color:#ffc4bd!important;text-decoration:underline;text-underline-offset:3px}
.v3-hero-k a:not(.kb-button):not(.wp-block-button__link):hover{color:#fff!important}
/* Hero de construcción a medida (.cm-hero) → «cm-hero-k» */
.cm-hero-k{color:#fff;position:relative;overflow:hidden}
.cm-hero-k .ciet-eyebrow{color:#ff9c92;text-align:left}
.cm-hero-k h1{color:#fff;text-align:left!important;letter-spacing:-1.3px;max-width:17ch}
.cm-hero-k .ciet-sd{color:#c3ccd6;text-align:left!important;max-width:56ch;margin-left:0}
.cm-hero-k .cm-gancho{border-left:4px solid #c8352c;padding:4px 0 4px 20px;margin:0 0 26px;font-size:19px;line-height:1.55;color:#fff;max-width:56ch}
.cm-hero-k .cm-gancho b{color:#ff9c92}
.cm-hero-k h1{letter-spacing:-.02em!important}

/* ═══ Hero de mini bodegas (.mb-hero) → «mb-hero-k» ════════════════════════════════════════════ */
.mb-hero-k{color:#fff;position:relative;overflow:hidden}
.mb-hero-k .ciet-eyebrow{color:#ff9c92; text-align:left}
.mb-hero-k h1{color:#fff; text-align:left !important;
  font-size:clamp(30px,4.2vw,46px) !important; line-height:1.06; letter-spacing:-1.4px;
  max-width:16ch;}
.mb-hero-k .ciet-sd{color:#c3ccd6; text-align:left !important; max-width:52ch; margin-left:0}
.mb-hero-k .wp-block-buttons{justify-content:flex-start !important}
.mb-hero-k .mq-p{text-align:left}
.mb-hero-k .mb-hero-rej{max-width:1180px !important; width:100%; margin-left:auto; margin-right:auto}
@media(min-width:900px){.mb-hero-k .mb-hero-rej{grid-template-columns:minmax(0,1fr) 290px}}
.mb-hero-k .mb-hero-rej > div{min-width:0}
.mb-hero-k .ciet-sd{margin-left:0!important}
.ciet-hero h1,.v3-hero h1,.mb-hero-k h1,.cm-hero h1{letter-spacing:-.02em!important}

/* ═══ Preguntas frecuentes (acordeón de Kadence) ═══════════════════════════════════════════════
   Con tarjetas, como «.ciet-faq .wp-block-details» de la maqueta; la variante «plano» replica las
   preguntas que en la maqueta van sin tarjeta (filas sueltas de 36 px). */
.ciet-acordeon{max-width:760px;margin-left:auto;margin-right:auto}
.ciet-acordeon .kt-accordion-inner-wrap{display:block}
.ciet-acordeon .kt-accordion-pane{background:#fff;border:1px solid #dde4e8;border-radius:12px;padding:18px 22px;margin:0 0 24px}
.ciet-acordeon .kt-accordion-pane:last-child{margin-bottom:12px}
.ciet-acordeon .kt-blocks-accordion-header{background:none!important;border:0!important;padding:0!important;color:#4a5964!important;font-weight:750;font-size:16.5px;line-height:1.65;min-height:0;text-align:left;display:flex!important;justify-content:space-between;align-items:center;gap:14px}
.ciet-acordeon .kt-blocks-accordion-title-wrap{padding:0!important;margin:0!important;flex:1 1 auto;min-width:0}
.ciet-acordeon .kt-blocks-accordion-title{font-weight:750}
.ciet-acordeon .kt-blocks-accordion-icon-trigger{display:none!important}
.ciet-acordeon .kt-blocks-accordion-header::after{content:"+";font-size:22px;font-weight:400;color:#c8352c;flex-shrink:0;line-height:1.65}   /* 22 × 1,65 = 36,3 px de alto, como el summary de la maqueta */
.ciet-acordeon .kt-blocks-accordion-header.kt-accordion-panel-active::after{content:"–"}
.ciet-acordeon .kt-accordion-panel-inner{padding:0!important;border:0!important;background:none!important}
.ciet-acordeon .kt-accordion-panel-inner p{margin:11px 0 0;font-size:15px;line-height:1.6;color:#4a5964;max-width:66ch}
.ciet-acordeon--plano .kt-accordion-pane{background:none;border:0;border-radius:0;padding:0;margin:0}
.ciet-acordeon--plano .kt-accordion-pane:last-child{margin-bottom:0}
.ciet-acordeon--plano .kt-accordion-panel-inner p{margin:0;font-size:17px;line-height:1.65;color:#4a5964}

/* ── Barra de cifras de la portada (seis datos, 22-sep-2026) ───────────────
   En la maqueta la fila es .wp-block-columns; acá es una fila de Kadence, así que los
   separadores y el cierre contra la franja con foto se escriben con las clases de Kadence. */
.ciet-cifras + .v3-banda-k{margin-block-start:0}
.ciet-cifras-rej > .kt-row-column-wrap > .wp-block-kadence-column{position:relative}
.ciet-cifras-rej > .kt-row-column-wrap > .wp-block-kadence-column + .wp-block-kadence-column::before{content:"";position:absolute;left:-11.5px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.14)}
@media (max-width:1024px){
  .ciet-cifras-rej > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(3n+1)::before{display:none}
}
@media (max-width:767px){
  .ciet-cifras-rej > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(odd)::before{display:none}
  .ciet-cifras-rej > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(even)::before{display:block}
}