/* Euritax — estilos de las piezas comunes de Kudea (espacios de los bloques, cookies, compartir, boletines…)
   El resto del diseño es el de siempre: css/dinamic-styles.css, nav-styles.css y slide.css */
:root { --k-accent: rgba(8, 75, 122, 1); --k-accent-text: #fff; }

/* ---------- Espacio de cada bloque (páginas hechas con bloques) — la misma regla que en ATIC
   Normal = 60 px arriba y 60 px abajo (120 entre dos bloques) · Grande = 120 px · Pequeño = 30 px · Ninguno = 0.
   Cada lado se elige por separado en el panel. El espacio va dentro del bloque (padding), así el fondo gris lo cubre.
   El slider, la cabecera con foto y la frase destacada van pegados (su propio diseño), como en ATIC. */
.k-b:not(.k-pegado) > section { padding-top: 60px; padding-bottom: 60px; }
.k-b.k-esp-t-gr > section { padding-top: 120px; }   .k-b.k-esp-b-gr > section { padding-bottom: 120px; }
.k-b.k-esp-t-peq > section { padding-top: 30px; }   .k-b.k-esp-b-peq > section { padding-bottom: 30px; }
.k-b.k-esp-t-no > section { padding-top: 0; }       .k-b.k-esp-b-no > section { padding-bottom: 0; }
/* Presentación (columna gris a la izquierda, con líneas arriba y abajo): el espacio va fuera de las líneas,
   en el propio bloque, para que la columna gris siga tocando las líneas como siempre */
.k-b.k-b-22 > section.about { padding-top: 0; padding-bottom: 0; margin-bottom: 0; }
.k-b.k-b-22 { padding-top: 60px; padding-bottom: 60px; }
.k-b.k-b-22.k-esp-t-gr { padding-top: 120px; }   .k-b.k-b-22.k-esp-b-gr { padding-bottom: 120px; }
.k-b.k-b-22.k-esp-t-peq { padding-top: 30px; }   .k-b.k-b-22.k-esp-b-peq { padding-bottom: 30px; }
.k-b.k-b-22.k-esp-t-no { padding-top: 0; }       .k-b.k-b-22.k-esp-b-no { padding-bottom: 0; }
/* Frase destacada (franja azul): su propio espacio dentro del color */
.k-b > section.k-llamada { padding-top: 60px; padding-bottom: 60px; }
/* Fondo gris claro (opción «Fondo» de cada bloque) */
.k-b.k-fondo-gris { background: #f6f6f6; }

/* ---------- Presentación (bloque «about» de la portada): el texto de la derecha, grande como siempre */
.k-lead p { font-size: inherit; line-height: inherit; }

/* ---------- Servicios: icono (si se pone) */
.featured-item .icon { font-size: 30px; color: rgba(8, 75, 122, 1); margin-bottom: 10px; }

/* ---------- Etiqueta pequeña encima del título («Foto o vídeo + texto») */
.k-etiqueta { margin: 0 0 10px; font-family: 'Lora', serif; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #6d6d6d; font-size: 14px; }

/* ---------- «Foto o vídeo + texto» */
.k-media .k-video { margin-bottom: 0; }
@media (max-width: 991px) { .k-media .k-video, .k-media .bloque-foto img { margin-bottom: 20px; } }
.k-media.k-media-der .bloque-principal-text { padding: 40px 50px 0 10px; }
@media (max-width: 990px) { .k-media.k-media-der .bloque-principal-text { padding: 0; } }
.k-media-30.k-media-izq .bloque-principal-text { padding-left: 40px; }
@media (max-width: 1023px) { .k-media-30.k-media-izq .bloque-principal-text { padding-left: 0; } }

/* ---------- Cabecera con foto: foto de fondo, capa azul de Euritax y título en blanco (Lora) */
.k-b > section.k-cabecera, section.k-cabecera { padding: 0; background: rgba(8, 75, 122, 1) center / cover no-repeat; }
.k-cabecera-capa { display: flex; align-items: center; min-height: 380px; padding: 80px 10px; background: rgba(8, 75, 122, 0.5); }
.k-cabecera h1 { margin: 0; width: 100%; color: #fff; font-family: 'Lora', serif; font-weight: 600; font-size: 60px; letter-spacing: 1px; text-align: center; }
@media (max-width: 640px) { .k-cabecera-capa { min-height: 240px; padding: 50px 10px; } .k-cabecera h1 { font-size: 40px; } }

/* ---------- Cita: frase grande en azul entre dos líneas doradas */
.k-cita blockquote { margin: 0; padding: 40px 0; border: 0; border-top: 3px solid #eab755; border-bottom: 3px solid #eab755; text-align: center; }
.k-cita blockquote p { margin: 0; text-align: center; color: rgba(8, 75, 122, 1); font-family: 'Lora', serif; font-style: italic; font-size: 30px; line-height: 1.4; letter-spacing: 1px; }
.k-cita blockquote .k-cita-autor { margin-top: 15px; color: #6d6d6d; font-family: 'Lato', sans-serif; font-style: normal; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; }
.k-cita blockquote .k-cita-autor:before { content: '— '; }
@media (max-width: 640px) { .k-cita blockquote p { font-size: 22px; } }

/* ---------- Frase destacada: franja azul de lado a lado */
.k-llamada { background: rgba(8, 75, 122, 1); }
.k-llamada h2 { color: #fff; font-size: 36px; }
.k-llamada p, .k-llamada li { color: #fff; }
.k-llamada a:not(.btn) { color: #eab755; }
.k-llamada-btn { text-align: right; padding-top: 10px; }
@media (max-width: 767px) { .k-llamada-btn { text-align: left; } .k-llamada h2 { font-size: 28px; } }

/* ---------- Tres columnas con foto: fotos del mismo tamaño */
.k-tres .k-tres-foto { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; margin-bottom: 15px; }

/* ---------- Logos */
.k-logos h3 { text-align: center; margin-bottom: 25px; }
.k-logos-fila { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 30px 50px; }
.k-logos .logo-partner { max-height: 80px; width: auto; }

/* ---------- Ficha de una entrada antigua: botón al blog de ahora */
.k-mas-blog { margin: 30px 0 10px; text-align: center; }

/* ---------- Formulario de contacto: casilla de la política de privacidad */
.k-acepto label { font-weight: 400; font-family: 'Lato', sans-serif; font-size: 14px; color: #333; text-align: left; text-transform: none; letter-spacing: 0; }
.k-acepto input { margin-right: 6px; }

/* ---------- Fotos verticales en los listados: se recortan a la misma proporción que las demás */
img.k-foto-vertical { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center 30%; }

/* ---------- Aviso de cookies (colores de Euritax) */
.k-cookies { font-family: 'Lato', Arial, Helvetica, sans-serif; }
.k-cookies .k-cookies-no { border: 1px solid #fff; }

/* ---------- Compartir: los mismos botones (.btn .btn-small), con WhatsApp y «Copiar enlace» */
.compartir-rrss { width: auto; max-width: 100%; text-align: right; }
.compartir-rrss .btn { margin: 0 0 6px 4px; }
@media (max-width: 767px) { .compartir-rrss { float: none; text-align: left; } .compartir-rrss .btn { margin: 0 4px 6px 0; } }

/* ---------- Política de cookies: tabla de las cookies que se usan */
.k-cookies-tabla { width: 100%; margin: 10px 0 25px; border-collapse: collapse; font-size: 14px; }
.k-cookies-tabla th, .k-cookies-tabla td { padding: 8px 10px; border: 1px solid #ddd; text-align: left; vertical-align: top; }
.k-cookies-tabla th { background: rgba(221, 221, 221, .4); }

/* ---------- Boletines: paginación con los colores de la web */
.news-listado .pagination > .active > a { background: rgba(8, 75, 122, 1); border-color: rgba(8, 75, 122, 1); }
.news-listado .pagination > li > a { color: rgba(8, 75, 122, 1); }