/* Capa «menos IA» · 15 de octubre de 2026 · revisión con el skill taste v2 (pedido de Cris por la sesión Oskupack).
   Gana por especificidad (html body …) sobre el CSS de cada página. No toca datos, SEO (un solo H1 con las
   mismas palabras), las notas de maqueta (mq-*, #definir) ni el diseño aprobado de mini bodegas (p2-*).
   En WordPress se carga como assets/css/sin-ia.css con un bloque extra para lo que Kadence pinta distinto. */
:root{--sinia-humo:#f4f7f8;--sinia-tinta:#16212b}

/* 1. Sin etiquetas pequeñas sobre los títulos: el título y la primera frase llevan la información */
html body .ciet-eyebrow,html body .ciet-compk,html body .v3-banda__k{display:none}

/* 2. Titular de la portada: mismo texto (SEO), en dos niveles y un solo color; sin la mitad en rojo */
html body h1 em{display:block;font-style:normal;color:inherit!important;font-size:.56em;font-weight:600;line-height:1.25;letter-spacing:-.01em;margin-top:.5em}

/* 3. Los datos pequeños en texto normal: nada en mayúsculas diminutas ni pastillas */
html body .ciet-bod__est{display:block;background:none;border-radius:0;padding:0;margin:0 0 6px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:#7a4f00}
html body .v3-precios span{font-size:14px;letter-spacing:0;text-transform:none;font-weight:600;color:#4a5964}
html body .ciet-linea-a{text-transform:none;letter-spacing:0;font-size:15px}

/* 4. Texto corrido legible */
html body .ciet-srv p{font-size:16px;line-height:1.55}
html body .ciet-bod .ciet-modulo-sub,html body .ciet-bod__uf{font-size:14.5px}

/* 5. Sin sombras ni relieve en lo que está quieto (la cabecera fija y el botón flotante las conservan) */
html body .ciet-form,html body .ciet-busc,html body .ciet-tarjeta-modulo,html body .ciet-tarjeta-modulo:hover,html body .v3-galeria figure,html body .v3-precios div,html body .mb-hero-foto img,html body figure.ciet-razones-foto img,html body .ciet-srv,html body .ciet-paso,html body .ciet-srv:hover,html body .ciet-paso:hover{box-shadow:none!important;transform:none!important}

/* 6. Fondos planos: fuera el degradado de las secciones grises (los oscurecidos sobre fotos se quedan) */
html body main > .has-humo-background-color:not(.v3-hero):not(.mb-vs-banda):not(.mb-hero):not(.cm-hero){background:var(--sinia-humo)!important}

/* 7. Las superficies se separan por un paso de tono, no por líneas de 1 px */
html body .ciet-srv,html body .ciet-paso,html body .ciet-tarjeta-modulo,html body .ciet-form,html body .ciet-busc,html body .v3-precios div,html body .v3-galeria figure,html body .ciet-faq .wp-block-details{border:0;background:var(--sinia-humo)}
html body .has-humo-background-color .ciet-srv,html body .has-humo-background-color .ciet-paso,html body .has-humo-background-color .ciet-tarjeta-modulo,html body .has-humo-background-color .ciet-form,html body .has-humo-background-color .ciet-busc,html body .has-humo-background-color .v3-precios div,html body .has-humo-background-color .v3-galeria figure,html body .has-humo-background-color .ciet-faq .wp-block-details{background:#fff}
html body .ciet-razones-lista .ciet-srv{background:none!important}
html body .ciet-mapa{border:0}
html body .ciet-cit{border-bottom:0;padding-bottom:0;margin-bottom:22px}

/* 8. El botón «Cotizar» de cada bodega: relleno plano, sin contorno */
html body .ciet-bod__btn{border:0;background:var(--sinia-tinta);color:#fff}
html body .ciet-bod__btn:hover{background:#c8352c;color:#fff}

/* 9. Sin íconos decorativos sobre las tarjetas ni números de adorno en los pasos */
html body .ciet-srv>.ciet-srv-ic,html body .ciet-srv>.v3-ic,html body .ciet-paso>.v3-ic,html body .has-text-align-center .v3-ic,html body .ciet-srv-ic,html body .v3-ic,html body .ciet-paso-n{display:none!important}
html body .ciet-srv>.ciet-srv-ic+h3,html body .ciet-srv>.v3-ic+h3,html body .ciet-paso>.v3-ic+h3{min-height:0;display:block}

/* 10. Ajustes tras medir (inspector taste v2): el estado de cada bodega va bajo los datos, no sobre el título */
html body .ciet-bod__est{order:1;margin:4px 0 0!important}
html body .ciet-bod__uf,html body .ciet-bod__btn{order:2}
/* 11. Texto corrido en 15,5 px o más y en tinta más oscura (6,7:1 → 9:1) */
html body{--tx2:#33404a}
html body .ciet-comp p,html body .ciet-paso p,html body .v3-galeria figcaption,html body .ciet-res .rl{font-size:15.5px}
html body footer.wp-block-template-part{font-size:15px}
html body .cm-cifras-rej span,html body .mb-cifras-rej span{font-size:13.5px!important}
html body .ciet-cit .cl2{text-transform:none;letter-spacing:0;font-size:13.5px}

/* 12. Titulares de las portadas interiores en dos líneas: medida más ancha y, al final, un punto menos de tamaño */
html body .mb-hero h1,html body .mb-hero-k h1{font-size:clamp(28px,2.6vw,40px)!important;max-width:none!important}
@media (max-width:480px){html body .v3-hero h1,html body .v3-hero-k h1,html body .cm-hero h1,html body .cm-hero-k h1{font-size:28px!important}}

/* ── WordPress: los mismos cambios sobre lo que Kadence pinta distinto ─────────────────────────── */
html body .ciet-acordeon .kt-accordion-pane{border:0;background:var(--sinia-humo)}
html body .has-humo-background-color .ciet-acordeon .kt-accordion-pane{background:#fff}
html body .ciet-bod__cotizar{border:0;background:var(--sinia-tinta);color:#fff;order:2}
html body .ciet-bod__cotizar:hover{background:#c8352c;color:#fff}

/* Encabezado con foto (Oficinas, Patios): la foto no puede pasar a la columna del título. Medido el 22-oct:
   con 1024 a 1920 px la imagen de 520 px invadía el H1 («…Viña del M» tapado). Solo desde 900 px; abajo
   va en una columna. */
@media(min-width:900px){
  html body .mb-hero-rej:has(img){grid-template-columns:minmax(0,1fr) minmax(0,460px) !important}
  html body .mb-hero-rej figure{max-width:100% !important;width:auto !important;margin-left:0;margin-right:0}
  html body .mb-hero-rej img{width:100% !important;max-width:100% !important;height:auto !important}
}

/* Página de gracias (/gracias/, 22-oct-2026): pasos de lo que sigue, número de consulta y enlaces útiles.
   Mismo estilo que la maqueta (gracias.html). */
.ciet-pasos{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:paso}
.ciet-pasos li{counter-increment:paso;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid #dde4e8;border-radius:12px;padding:18px 20px}
.ciet-pasos li::before{content:counter(paso);width:44px;height:44px;border-radius:50%;background:var(--wp--preset--color--tinta,#16212b);color:#fff;font-weight:800;font-size:18px;display:grid;place-items:center}
.ciet-pasos b{display:block;color:var(--wp--preset--color--tinta,#16212b);font-size:17px;margin-bottom:2px}
.ciet-pasos span{color:var(--wp--preset--color--gris,#4a5964);font-size:15.5px;line-height:1.5}
.ciet-ref{display:inline-block;font-variant-numeric:tabular-nums;letter-spacing:.08em;font-weight:800;background:#fff;color:var(--wp--preset--color--tinta,#16212b);border-radius:8px;padding:2px 10px}
.ciet-sigue{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.ciet-sigue a{display:block;background:#fff;border:1px solid #dde4e8;border-radius:12px;padding:20px;text-decoration:none;color:var(--wp--preset--color--tinta,#16212b);transition:border-color .2s,transform .2s}
.ciet-sigue a:hover{border-color:var(--wp--preset--color--tinta,#16212b);transform:translateY(-2px)}
.ciet-sigue a:focus-visible{outline:3px solid var(--wp--preset--color--ambar,#a15c08);outline-offset:2px}
.ciet-sigue b{display:block;font-size:17px;margin-bottom:4px}
.ciet-sigue span{color:var(--wp--preset--color--gris,#4a5964);font-size:15px;line-height:1.5}
@media (prefers-reduced-motion:reduce){.ciet-sigue a{transition:none}.ciet-sigue a:hover{transform:none}}
/* En el celular, primero los pasos y después el contacto directo (en Contacto va al revés). */
main:has(.ciet-pasos) .ciet-contacto-cols{flex-direction:column !important}
@media (min-width:782px){main:has(.ciet-pasos) .ciet-contacto-cols{flex-direction:row !important}}