/* ==========================================================
   Cuida tu barco — estilos que theme.json no cubre
   Estilo "taller": fondo blanco, azul marino, naranja boya.
   ========================================================== */

:root {
	--cdb-linea: #E3E8EE;
	--cdb-radio: 16px;
}

body { -webkit-font-smoothing: antialiased; }

:where(a, button, input, summary):focus-visible {
	outline: 3px solid var(--wp--preset--color--boya);
	outline-offset: 3px;
}

.wp-site-blocks { padding: 0; }

/* Saltar al contenido: oculto hasta que se llega con el tabulador */
.cdb-saltar {
	position: absolute;
	left: 12px;
	top: -100px;
	z-index: 100;
	padding: 12px 18px;
	border-radius: 999px;
	background: var(--wp--preset--color--marino);
	color: var(--wp--preset--color--blanco);
	font-weight: 600;
	text-decoration: none;
}
.cdb-saltar:focus { top: 12px; }
#contenido { scroll-margin-top: 80px; }
.cdb-principal { padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--60); }
.cdb-principal > .wp-block-post-title { margin-bottom: var(--wp--preset--spacing--40); }

/* ---------- Cabecera (se queda arriba al bajar) ---------- */
/* La cabecera se queda fija arriba: lo fijo es el <header> que la envuelve (si fuera la caja de dentro, no tendría sitio para quedarse fija) */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 20;
}
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: var(--wp-admin--admin-bar--height, 32px); }
.cdb-cabecera {
	position: relative;
	/* Blanco sólido: un fondo translúcido con desenfoque atraparía el menú desplegable dentro de la cabecera */
	background: var(--wp--preset--color--blanco);
	border-bottom: 1px solid var(--cdb-linea);
}
.cdb-cabecera-fila { min-height: 68px; }
.cdb-cabecera .wp-block-site-title { margin: 0; }
.cdb-cabecera .wp-block-site-title a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.cdb-cabecera .wp-block-site-title a::before {
	content: "";
	width: 34px;
	height: 34px;
	flex: none;
	background: url("../img/salvavidas.svg") center / contain no-repeat;
}
.cdb-cabecera .wp-block-site-title a { white-space: nowrap; }

/* Con 7 enlaces, el menú solo cabe en pantallas anchas: por debajo de 1024 px sale el botón "Menú" */
@media (max-width: 1023px) {
	.cdb-menu .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.cdb-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}

.cdb-menu .wp-block-navigation-item__content { color: var(--wp--preset--color--marino); }
.cdb-menu .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--mar); }
.cdb-menu .wp-block-navigation__responsive-container-open {
	border: 1.5px solid currentColor;
	border-radius: 999px;
	padding: 7px 14px;
	font: 600 15px/1 var(--wp--preset--font-family--texto);
}
.cdb-menu .wp-block-navigation__responsive-container-open svg { display: none; }
.cdb-menu .wp-block-navigation__responsive-container-open::after { content: "Menú"; }
.cdb-menu .wp-block-navigation__responsive-container.is-menu-open { padding: 24px 20px; }
.cdb-menu .is-menu-open .wp-block-navigation__responsive-container-content,
.cdb-menu .is-menu-open .wp-block-navigation__container { align-items: flex-start !important; }
.cdb-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font: 800 2rem/1.15 var(--wp--preset--font-family--titulos);
	text-transform: uppercase;
	color: var(--wp--preset--color--blanco);
}

/* Títulos de artículos y páginas en letra normal (más fáciles de leer cuando son largos).
   Las mayúsculas se quedan para el nombre de la web, las secciones y las etiquetas de las cajas. */
.wp-block-post-title,
.wp-block-post-content :is(h2, h3, h4):not(.cdb-herramientas-titulo),
.cdb-relacionados .wp-block-post-title,
.cdb-archivo-cabecera h1,
.wp-block-query-title {
	text-transform: none;
	letter-spacing: 0;
}
.cdb-articulo-cabecera .wp-block-post-title,
.cdb-principal > .wp-block-post-title { line-height: 1.05; }

/* ---------- Portada ---------- */
.cdb-portada { padding-top: clamp(48px, 8vw, 96px); }
.cdb-portada > * { margin-block: 0; }
.cdb-portada-texto > * { margin-block: 0; }
.cdb-portada .cdb-portada-titulo {
	font-size: var(--wp--preset--font-size--portada);
	line-height: .9;
	letter-spacing: -0.01em;
}
.cdb-portada-lema {
	max-width: 44ch;
	font-size: 1.25rem;
	color: var(--wp--preset--color--gris);
	margin-top: 20px !important;
	margin-bottom: 28px !important;
}

/* ---------- Franjas de agua con barco ---------- */
.cdb-carril { position: relative; height: 150px; overflow: hidden; margin: 24px 0 !important; }
.cdb-carril--alto { height: 170px; margin-bottom: 0 !important; }
.cdb-agua { position: absolute; left: 0; right: 0; bottom: 0; height: 62px; background: var(--wp--preset--color--agua); }
.cdb-olas {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 56px;
	height: 12px;
	background: repeating-radial-gradient(circle at 20px -6px, transparent 0 13px, var(--wp--preset--color--agua) 14px 40px) 0 0 / 40px 12px repeat-x;
}
.cdb-barco { position: absolute; bottom: 34px; left: 0; width: 230px; will-change: transform; transform: translateX(-240px); }
.cdb-barco--velero { width: 190px; }
.cdb-estela {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 0;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, transparent, #fff 40%, #fff);
}
.cdb-estela::before,
.cdb-estela::after { content: ""; position: absolute; right: 0; height: 2px; border-radius: 2px; background: inherit; }
.cdb-estela::before { top: -9px; width: 70%; }
.cdb-estela::after { top: 10px; width: 50%; }
.cdb-carril--quieto .cdb-barco { left: 50%; transform: translateX(-50%); }
@media (max-width: 600px) {
	.cdb-carril { height: 120px; }
	.cdb-barco { width: 160px; }
	.cdb-barco--velero { width: 140px; }
}

/* ---------- Títulos de sección con raya ---------- */
.cdb-titulo-seccion {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px !important;
}
.cdb-titulo-seccion::after {
	content: "";
	flex: 1;
	height: 3px;
	border-radius: 3px;
	background: var(--wp--preset--color--marino);
}
.cdb-principal--portada { padding-top: 0; }
.cdb-principal--portada > .cdb-titulo-seccion:first-child { margin-top: 0; }
.cdb-principal--portada > .cdb-titulo-seccion { margin-top: var(--wp--preset--spacing--60); }

/* ---------- Secciones (categorías con iconos) ---------- */
.cdb-categorias { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.cdb-categorias a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 22px 8px;
	border-radius: var(--cdb-radio);
	background: var(--wp--preset--color--agua);
	color: var(--wp--preset--color--marino);
	text-decoration: none;
	text-align: center;
	transition: background .2s, color .2s;
}
.cdb-categorias a:hover { background: var(--wp--preset--color--marino); color: var(--wp--preset--color--blanco); }
.cdb-categorias svg {
	width: 46px;
	height: 46px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.cdb-categorias .cdb-icono-arena { stroke: var(--wp--preset--color--boya); stroke-width: 3; }
.cdb-categorias span { font: 800 1.25rem/1.1 var(--wp--preset--font-family--titulos); text-transform: uppercase; }
@media (max-width: 760px) {
	.cdb-categorias { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.cdb-categorias span { font-size: 1.05rem; }
}

/* ---------- Galería de artículos ---------- */
.cdb-galeria { gap: 24px !important; list-style: none; padding: 0; margin: 0; }
.cdb-tarjeta {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	background: var(--wp--preset--color--blanco);
	border: 1px solid var(--cdb-linea);
	border-radius: var(--cdb-radio);
	overflow: hidden;
	transition: transform .2s, box-shadow .2s;
}
.cdb-tarjeta:hover { transform: translateY(-4px); box-shadow: 0 14px 28px -18px rgba(11, 37, 69, .45); }
.cdb-tarjeta > * { margin: 0 !important; }
.cdb-tarjeta .wp-block-post-featured-image img { border-radius: 0; }
.cdb-tarjeta-texto { padding: 16px 20px 22px; display: flex; flex-direction: column; gap: .5rem; align-items: flex-start; }
.cdb-tarjeta-texto > * { margin: 0 !important; }
.cdb-tarjeta .wp-block-post-terms { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 6px; }
.cdb-tarjeta .wp-block-post-terms a {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--wp--preset--color--marino);
	color: var(--wp--preset--color--blanco);
}
.cdb-tarjeta .wp-block-post-terms__separator { display: none; }
.cdb-tarjeta .wp-block-post-title { font-size: var(--wp--preset--font-size--large); line-height: 1.05; }
.cdb-tarjeta .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; }
.cdb-tarjeta .wp-block-post-title a:focus-visible { outline: none; }
.cdb-tarjeta:focus-within { outline: 3px solid var(--wp--preset--color--boya); outline-offset: 2px; }
.cdb-tarjeta .wp-block-post-excerpt__excerpt { margin: 0; font-size: var(--wp--preset--font-size--small); }

/* Tarjeta sin foto: recuadro azul clarito con el icono de la categoría */
.cdb-sin-foto {
	aspect-ratio: 4 / 3;
	display: grid;
	place-items: center;
	background: var(--wp--preset--color--agua);
}
.cdb-sin-foto svg {
	width: 76px;
	height: 76px;
	fill: none;
	stroke: var(--wp--preset--color--mar);
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.cdb-sin-foto .cdb-icono-arena { stroke: var(--wp--preset--color--boya); stroke-width: 2.5; }

.cdb-ver-todos { margin-top: var(--wp--preset--spacing--40); }
.cdb-ver-todos a { font-weight: 600; }
.cdb-paginacion { margin-top: var(--wp--preset--spacing--50); }
.cdb-archivo-cabecera { margin-bottom: var(--wp--preset--spacing--40); }
.cdb-archivo-cabecera > * { max-width: 720px; }
.cdb-archivo-cabecera p { color: var(--wp--preset--color--gris); }

/* ---------- Artículo ---------- */
.cdb-articulo-cabecera { display: flex; flex-direction: column; align-items: flex-start; gap: .75rem; }
.cdb-articulo-cabecera > * { margin: 0 !important; }
.cdb-articulo-cabecera .wp-block-post-terms a {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--wp--preset--color--marino);
	color: var(--wp--preset--color--blanco);
}
.cdb-articulo-datos { gap: .4rem 1.25rem; color: var(--wp--preset--color--gris); font-size: var(--wp--preset--font-size--small); }
.cdb-articulo-datos > * { margin: 0; }
.cdb-articulo-datos .wp-block-post-author-name::before { content: "Por "; }
.cdb-articulo-imagen { margin-top: var(--wp--preset--spacing--40); }
.cdb-articulo-imagen img { border-radius: var(--cdb-radio); }
.cdb-articulo .wp-block-post-content { margin-top: var(--wp--preset--spacing--40); }
.wp-block-post-content :where(ul, ol) { padding-left: 1.3rem; }
.wp-block-post-content li + li { margin-top: .35rem; }
.wp-block-post-content img { height: auto; border-radius: 10px; }

/* ==========================================================
   Cajas para escribir artículos (patrones de la Tanda 2)
   ========================================================== */

/* Iconos de las cajas, dibujados con la misma línea que los de las secciones */
:root {
	--cdb-i-llave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3a5 5 0 0 0-4.6 6.9L3 17.3a2 2 0 0 0 3 3l7.4-7.4A5 5 0 0 0 20.5 8l-3 2-2.5-2V5z'/%3E%3C/svg%3E");
	--cdb-i-aviso: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 20h20L12 3z'/%3E%3Cpath d='M12 10v4M12 17v.5'/%3E%3C/svg%3E");
	--cdb-i-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}

/* Consejo del mecánico y Precaución */
.cdb-caja {
	border-radius: var(--cdb-radio);
	padding: 18px 22px;
	margin-block: 2rem !important;
}
.cdb-caja > * { margin-block: 0 !important; }
.cdb-caja > * + * { margin-top: .5rem !important; }
.cdb-caja-titulo {
	display: flex;
	align-items: center;
	gap: 8px;
	font: 800 1.35rem/1.1 var(--wp--preset--font-family--titulos);
	text-transform: uppercase;
}
.cdb-caja-titulo::before {
	content: "";
	width: 26px;
	height: 26px;
	flex: none;
	background: currentColor;
	-webkit-mask: var(--cdb-icono) center / contain no-repeat;
	mask: var(--cdb-icono) center / contain no-repeat;
}
.cdb-consejo { background: var(--wp--preset--color--agua); --cdb-icono: var(--cdb-i-llave); }
.cdb-consejo .cdb-caja-titulo { color: var(--wp--preset--color--mar); }
.cdb-aviso { border: 2px solid var(--wp--preset--color--boya); background: #FFF6F0; --cdb-icono: var(--cdb-i-aviso); }
.cdb-aviso .cdb-caja-titulo { color: #B9470C; }

/* Producto recomendado */
.cdb-producto {
	border: 1px solid var(--cdb-linea);
	border-radius: var(--cdb-radio);
	padding: 18px;
	margin-block: 2rem !important;
}
.cdb-producto .wp-block-columns { margin: 0; gap: 22px; }
.cdb-producto-foto .wp-block-image { margin: 0; }
.cdb-producto-foto img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: contain;
	background: var(--wp--preset--color--agua);
	border-radius: 12px;
}
.cdb-producto .wp-block-column > * { margin-block: 0 0 .6rem; }
.cdb-producto-etiqueta {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	background: #C2410C; /* naranja oscuro: el texto blanco se lee bien */
	color: var(--wp--preset--color--blanco);
	font-size: .82rem;
	font-weight: 600;
}
.cdb-producto-nombre { margin-top: .2rem !important; }

/* Tabla comparativa: en el móvil se desliza de lado */
.cdb-tabla { overflow-x: auto; margin-block: 2rem !important; }
.cdb-tabla table { min-width: 560px; border-collapse: separate; border-spacing: 0; border: 1px solid var(--cdb-linea); border-radius: var(--cdb-radio); overflow: hidden; }
.cdb-tabla :where(th, td) { border: 0; border-bottom: 1px solid var(--cdb-linea); padding: 12px 14px; text-align: left; vertical-align: top; }
.cdb-tabla thead th {
	background: var(--wp--preset--color--marino);
	color: var(--wp--preset--color--blanco);
	font: 800 1.05rem/1.1 var(--wp--preset--font-family--titulos);
	text-transform: uppercase;
	border-bottom: 0;
}
.cdb-tabla tbody tr:nth-child(even) td { background: #F6F9FD; }
.cdb-tabla tbody tr:last-child td { border-bottom: 0; }
.cdb-tabla td a {
	display: inline-block;
	white-space: nowrap;
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--wp--preset--color--mar);
	color: var(--wp--preset--color--blanco);
	text-decoration: none;
	font-weight: 600;
}
.cdb-tabla td a:hover { background: var(--wp--preset--color--marino); }
.cdb-tabla figcaption { text-align: left; color: var(--wp--preset--color--gris); }

/* Herramientas y materiales */
.cdb-herramientas {
	background: var(--wp--preset--color--agua);
	border-radius: var(--cdb-radio);
	padding: 20px 24px;
	margin-block: 2rem !important;
}
.cdb-herramientas .wp-block-columns { margin: 0; gap: 8px 32px; }
.cdb-herramientas-titulo { margin: 0 0 .6rem !important; font-size: 1.35rem; }
.cdb-lista-check { list-style: none; padding-left: 0 !important; margin: 0; }
.cdb-lista-check li { position: relative; padding-left: 30px; }
.cdb-lista-check li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .3em;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--wp--preset--color--mar);
}
.cdb-lista-check li::after {
	content: "";
	position: absolute;
	left: 3px;
	top: calc(.3em + 3px);
	width: 14px;
	height: 14px;
	background: var(--wp--preset--color--blanco);
	-webkit-mask: var(--cdb-i-check) center / contain no-repeat;
	mask: var(--cdb-i-check) center / contain no-repeat;
}

/* Pasos numerados: el número sale solo en cada título */
.cdb-pasos { counter-reset: cdb-paso; margin-block: 2rem !important; }
.cdb-pasos > * { margin-left: 56px !important; }
.cdb-pasos .cdb-paso {
	counter-increment: cdb-paso;
	position: relative;
	margin-top: 1.8rem !important;
	margin-bottom: .4rem !important;
}
.cdb-pasos .cdb-paso:first-child { margin-top: 0 !important; }
.cdb-pasos .cdb-paso::before {
	content: counter(cdb-paso);
	position: absolute;
	left: -56px;
	top: -4px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--wp--preset--color--marino);
	color: var(--wp--preset--color--blanco);
	font: 800 1.4rem/40px var(--wp--preset--font-family--titulos);
	text-align: center;
}
@media (max-width: 600px) {
	.cdb-pasos > * { margin-left: 48px !important; }
	.cdb-pasos .cdb-paso::before { left: -48px; width: 36px; height: 36px; line-height: 36px; }
}

/* Preguntas frecuentes (desplegables) */
.cdb-faq { margin-block: 2.6rem !important; }
.cdb-faq > h2 { margin-bottom: 1rem !important; }
.cdb-faq .wp-block-details {
	border: 1px solid var(--cdb-linea);
	border-radius: 12px;
	padding: 0;
	margin-block: 0 10px !important;
	overflow: hidden;
}
.cdb-faq-pagina { margin-top: 0 !important; }
.cdb-faq-final { gap: 6px 14px; margin-top: 2rem !important; padding-top: 1.2rem; border-top: 1px solid var(--cdb-linea); }
.cdb-faq-final p { margin: 0; font-weight: 600; }
.wp-block-button.is-style-pequeno .wp-block-button__link { padding: .5rem 1rem; font-size: .9rem; }
.cdb-faq-seccion[hidden], .cdb-faq details[hidden] { display: none !important; }
.cdb-faq-seccion > h2 { margin: 2.2rem 0 .8rem !important; }
.cdb-faq summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	padding: 14px 18px;
	font-weight: 600;
}
.cdb-faq summary::-webkit-details-marker { display: none; }
.cdb-faq summary::after {
	content: "+";
	flex: none;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--wp--preset--color--agua);
	color: var(--wp--preset--color--mar);
	font: 800 1.3rem/28px var(--wp--preset--font-family--titulos);
	text-align: center;
}
.cdb-faq details[open] summary { background: var(--wp--preset--color--agua); }
.cdb-faq details[open] summary::after { content: "−"; background: var(--wp--preset--color--blanco); }
.cdb-faq .wp-block-details > :not(summary) { padding: 0 18px; margin-block: 12px !important; }

/* ==========================================================
   Lo automático (Tanda 3)
   ========================================================== */

/* Migas de pan */
.cdb-migas { margin-bottom: 1.25rem !important; font-size: .9rem; color: var(--wp--preset--color--gris); }
.cdb-migas ol { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 0; margin: 0; padding: 0; }
.cdb-migas li { display: inline-flex; align-items: center; min-width: 0; }
.cdb-migas li + li::before { content: "›"; margin: 0 8px; color: #9AA8B6; }
.cdb-migas a { color: var(--wp--preset--color--gris); display: inline-block; padding: 10px 0; }
.cdb-migas a:hover { color: var(--wp--preset--color--mar); }
.cdb-migas [aria-current] { max-width: 34ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }

/* Aviso de afiliación (arriba del artículo) */
.cdb-aviso-afiliacion {
	font-size: .92rem;
	color: var(--wp--preset--color--gris);
	border-left: 3px solid var(--wp--preset--color--boya);
	padding: 2px 0 2px 12px;
}

/* Índice */
.cdb-indice { margin-block: 2rem !important; }
.cdb-indice details {
	background: var(--wp--preset--color--agua);
	border-radius: var(--cdb-radio);
	padding: 16px 22px;
}
.cdb-indice summary {
	cursor: pointer;
	padding: 8px 0;
	font: 800 1.3rem/1.1 var(--wp--preset--font-family--titulos);
	text-transform: uppercase;
	color: var(--wp--preset--color--marino);
}
.cdb-indice ol { list-style: none; margin: 12px 0 0; padding-left: 0; }
.cdb-indice li + li { margin-top: .3rem; }
.cdb-indice a { text-decoration: none; }
.cdb-indice a:hover { text-decoration: underline; }
.wp-block-post-content h2[id] { scroll-margin-top: 90px; }

/* Caja de autor */
.cdb-autor {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
	margin-top: var(--wp--preset--spacing--50) !important;
	padding: 22px;
	border: 1px solid var(--cdb-linea);
	border-radius: var(--cdb-radio);
}
.cdb-autor-inicial {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--wp--preset--color--marino);
	color: var(--wp--preset--color--blanco);
	font: 800 2.2rem/1 var(--wp--preset--font-family--titulos);
	box-shadow: inset 0 0 0 4px var(--wp--preset--color--blanco), 0 0 0 3px var(--wp--preset--color--boya);
}
.cdb-autor-texto > * { margin: 0; }
.cdb-autor-quien { font-size: .85rem; color: var(--wp--preset--color--gris); }
.cdb-autor-nombre { font: 800 1.5rem/1.1 var(--wp--preset--font-family--titulos); text-transform: uppercase; margin-bottom: .35rem; }
.cdb-autor-bio { color: var(--wp--preset--color--marino); }
.cdb-autor-enlace { display: inline-block; margin-top: .5rem; font-weight: 600; }
@media (max-width: 600px) {
	.cdb-autor { grid-template-columns: 56px minmax(0, 1fr); padding: 18px; }
	.cdb-autor-inicial { width: 56px; height: 56px; font-size: 1.7rem; }
}

/* Artículos relacionados */
.cdb-relacionados-zona { padding-bottom: var(--wp--preset--spacing--60); }
.cdb-relacionados .cdb-titulo-seccion { margin-top: 0; }
.cdb-galeria--fija { display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); }

/* Huecos de anuncios: el hueco se reserva para que el texto no salte al cargar */
.cdb-anuncio {
	margin-block: 2.2rem !important;
	min-height: 280px;
	padding-top: 6px;
	border-top: 1px solid var(--cdb-linea);
	border-bottom: 1px solid var(--cdb-linea);
	text-align: center;
}
.cdb-anuncio-etiqueta { display: block; font-size: .75rem; color: var(--wp--preset--color--gris); margin-bottom: 6px; }

/* Formulario de contacto */
.cdb-contacto { margin-block: 2rem !important; }
.cdb-form {
	display: grid;
	gap: 4px;
	padding: 24px;
	border: 1px solid var(--cdb-linea);
	border-radius: var(--cdb-radio);
}
.cdb-form p { margin: 0 0 12px; }
.cdb-form label { display: block; font-weight: 600; margin-bottom: 4px; }
.cdb-form :is(input[type="text"], input[type="email"], textarea) {
	width: 100%;
	box-sizing: border-box;
	padding: .7rem .9rem;
	border: 1px solid #C3CEDA;
	border-radius: 10px;
	font: inherit;
	color: inherit;
	background: var(--wp--preset--color--blanco);
}
.cdb-form :is(input, textarea):focus { outline: 3px solid var(--wp--preset--color--agua); border-color: var(--wp--preset--color--mar); }
.cdb-form-check { display: flex; gap: 10px; align-items: flex-start; }
.cdb-form-check input { width: 24px; height: 24px; margin-top: 3px; flex: none; accent-color: var(--wp--preset--color--mar); }
.cdb-form-check label { font-weight: 400; font-size: .95rem; margin: 0; }
.cdb-form-trampa { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.cdb-form button { cursor: pointer; border: 0; }
.cdb-form-aviso { padding: 12px 16px; border-radius: 12px; font-weight: 600; margin-bottom: 14px !important; }
.cdb-form-aviso--ok { background: #E7F6EC; color: #1C6B37; }
.cdb-form-aviso--error { background: #FFF1EA; color: #B9470C; }

/* Huecos que Guille tiene que rellenar en las páginas */
.wp-block-post-content mark.cdb-hueco { background: #FFF1B8; color: inherit; padding: 0 .2em; border-radius: 3px; }

/* Vista previa de los bloques automáticos en el editor */
.cdb-vista-previa { pointer-events: none; }

/* ==========================================================
   Interacción (assets/js/interaccion.js)
   ========================================================== */

/* 1. Pasos que se marcan */
.cdb-pasos.is-interactivo .cdb-paso::before { content: none; }
.cdb-paso-check {
	position: absolute;
	left: -56px;
	top: -6px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 0;
	padding: 0;
	cursor: pointer;
	background: var(--wp--preset--color--marino);
	color: var(--wp--preset--color--blanco);
	font: 800 1.4rem/44px var(--wp--preset--font-family--titulos);
	text-align: center;
	transition: background .2s, transform .2s;
}
.cdb-paso-check:hover { background: var(--wp--preset--color--mar); transform: scale(1.06); }
.cdb-paso-check[aria-pressed="true"] { background: #1C8A4A; }
.cdb-paso.is-hecho { color: var(--wp--preset--color--gris); text-decoration: line-through; text-decoration-thickness: 2px; }
.cdb-pasos .is-hecho:not(.cdb-paso) { opacity: .55; }
.cdb-pasos.is-interactivo::before {
	content: "Toca el número de cada paso cuando lo hayas hecho";
	display: block;
	margin: 0 0 1rem !important;
	font-size: .85rem;
	color: var(--wp--preset--color--gris);
}
.cdb-pasos-reiniciar {
	margin-top: .5rem !important;
	padding: 10px 16px;
	border: 1.5px solid var(--wp--preset--color--marino);
	border-radius: 999px;
	background: none;
	color: var(--wp--preset--color--marino);
	font: 600 .9rem var(--wp--preset--font-family--texto);
	cursor: pointer;
}
.cdb-pasos-reiniciar[hidden] { display: none; }
@media (max-width: 600px) {
	.cdb-paso-check { left: -48px; width: 40px; height: 40px; line-height: 40px; }
}
@media (prefers-reduced-motion: no-preference) {
	.cdb-paso-check[aria-pressed="true"] .cdb-paso-num { display: inline-block; animation: cdb-check .35s ease-out; }
	@keyframes cdb-check { 0% { transform: scale(.4); } 70% { transform: scale(1.25); } 100% { transform: scale(1); } }
}

/* 2. Herramientas marcables */
.cdb-lista-check.is-interactivo li { cursor: pointer; border-radius: 8px; padding-top: 4px; padding-bottom: 4px; }
.cdb-lista-check.is-interactivo li:hover { background: rgba(21, 101, 192, .08); }
.cdb-lista-check.is-interactivo li::before { top: calc(.3em + 4px); background: var(--wp--preset--color--blanco); box-shadow: inset 0 0 0 2px var(--wp--preset--color--mar); }
.cdb-lista-check.is-interactivo li::after { top: calc(.3em + 7px); opacity: 0; transition: opacity .15s; }
.cdb-lista-check.is-interactivo li[aria-checked="true"]::before { background: var(--wp--preset--color--mar); }
.cdb-lista-check.is-interactivo li[aria-checked="true"]::after { opacity: 1; }
.cdb-lista-check.is-interactivo li[aria-checked="true"] { color: var(--wp--preset--color--gris); text-decoration: line-through; }

/* 3. Barra de lectura con barquito */
.cdb-progreso {
	--avance: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4px;
	height: 4px;
	pointer-events: none;
}
.cdb-progreso-agua {
	height: 100%;
	width: calc(var(--avance) * 100%);
	background: linear-gradient(90deg, var(--wp--preset--color--agua), var(--wp--preset--color--mar));
}
.cdb-progreso-barco {
	position: absolute;
	bottom: 2px;
	left: calc(var(--avance) * (100% - 34px));
	width: 34px;
	height: 17px;
}

/* 4. Índice lateral (solo en pantallas anchas) */
.cdb-indice-lateral {
	position: fixed;
	top: 110px;
	width: 210px;
	max-height: calc(100vh - 140px);
	overflow: auto;
	font-size: .9rem;
	opacity: 0;
	visibility: hidden;
	transform: translateX(8px);
	transition: opacity .25s, transform .25s, visibility .25s;
}
.cdb-indice-lateral.is-visible { opacity: 1; visibility: visible; transform: none; }
.cdb-indice-lateral-titulo { margin: 0 0 .5rem; font: 800 1rem/1 var(--wp--preset--font-family--titulos); text-transform: uppercase; }
.cdb-indice-lateral ol { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--cdb-linea); }
.cdb-indice-lateral a {
	display: block;
	padding: 6px 0 6px 14px;
	margin-left: -2px;
	border-left: 2px solid transparent;
	color: var(--wp--preset--color--gris);
	text-decoration: none;
	line-height: 1.35;
}
.cdb-indice-lateral a:hover { color: var(--wp--preset--color--marino); }
.cdb-indice-lateral a[aria-current] { color: var(--wp--preset--color--marino); font-weight: 600; border-left-color: var(--wp--preset--color--boya); }
.cdb-indice a[aria-current] { font-weight: 600; }

/* 5. Volver arriba */
.cdb-arriba {
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 30;
	width: 52px;
	height: 52px;
	border: 0;
	border-radius: 50%;
	display: grid;
	place-items: center;
	cursor: pointer;
	background: var(--wp--preset--color--marino);
	color: var(--wp--preset--color--blanco);
	box-shadow: 0 10px 24px -10px rgba(11, 37, 69, .6);
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition: opacity .25s, transform .25s, visibility .25s, background .2s;
}
.cdb-arriba.is-visible { opacity: 1; visibility: visible; transform: none; }
.cdb-arriba:hover { background: var(--wp--preset--color--mar); }
.cdb-arriba svg { width: 26px; height: 26px; }
@media (prefers-reduced-motion: no-preference) {
	.cdb-arriba:hover svg { animation: cdb-ancla .6s ease-in-out; }
	@keyframes cdb-ancla { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
}

/* 6. Carrusel de las últimas guías */
.cdb-carrusel-envoltura { position: relative; }
.cdb-galeria.cdb-carrusel {
	display: flex !important;
	gap: 24px !important;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding-left: 2px;
	padding: 4px 2px 20px;
	scrollbar-width: thin;
	scrollbar-color: var(--wp--preset--color--mar) var(--wp--preset--color--agua);
}
.cdb-galeria.cdb-carrusel > li { flex: 0 0 min(82%, 340px); scroll-snap-align: start; }
.cdb-carrusel-flecha {
	position: absolute;
	top: 38%;
	z-index: 2;
	width: 46px;
	height: 46px;
	border: 0;
	border-radius: 50%;
	display: none;
	place-items: center;
	cursor: pointer;
	background: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--marino);
	box-shadow: 0 6px 18px -6px rgba(11, 37, 69, .45);
	transition: opacity .2s;
}
.cdb-carrusel-flecha svg { width: 22px; height: 22px; }
.cdb-carrusel-flecha--ant { left: -12px; }
.cdb-carrusel-flecha--sig { right: -12px; }
.cdb-carrusel-flecha:disabled { opacity: 0; pointer-events: none; }
@media (min-width: 761px) {
	.tiene-mas > .cdb-carrusel-flecha { display: grid; }
}

/* 7. Iconos de las secciones: cada uno cuenta su sección al pasar el ratón */
.cdb-chispa, .cdb-copito, .cdb-gota, .cdb-ola { opacity: 0; }
.cdb-chispa { stroke: var(--wp--preset--color--boya) !important; stroke-width: 1.6 !important; }
.cdb-gota { fill: currentColor; stroke: none !important; }
.cdb-tuerca { stroke-width: 1.6 !important; }
/* Cubierta de teca: mismo color que el resto, tablas un poco más finas que el casco */
.cdb-teca .cdb-tabla { stroke-width: 1.1 !important; }
/* Las piezas giran sobre su punto real: la hélice y el copo en su centro, la llave sobre la tuerca */
.cdb-icono--helice, .cdb-copo-grande, .cdb-boya { transform-box: fill-box; transform-origin: center; }
.cdb-llave-cuerpo, .cdb-tuerca { transform-box: view-box; transform-origin: 32px 16px; }
.cdb-icono--casco { transform-box: fill-box; transform-origin: 50% 80%; }

@media (prefers-reduced-motion: no-preference) {
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-icono--helice { animation: cdb-gira .9s cubic-bezier(.3, .6, .3, 1); }
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-icono--casco { animation: cdb-balancea 1.2s ease-in-out infinite; }

	/* Batería: chispas en los dos bornes, alternas */
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-chispa { animation: cdb-chispazo .7s steps(1, end) infinite; transform-box: fill-box; transform-origin: 50% 100%; }
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-chispa--2 { animation-delay: .35s; }

	/* Invernaje: el copo grande gira despacio y caen copitos de distintos tamaños */
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-copo-grande { animation: cdb-gira 6s linear infinite; }
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-copito { animation: cdb-cae 1.6s linear infinite; }
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-copito--2 { animation-duration: 2.1s; animation-delay: .5s; }
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-copito--3 { animation-duration: 2.6s; animation-delay: .9s; }

	/* Salvavidas: cae al agua, aparece la ola y salpican gotas */
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-boya { animation: cdb-cae-agua 1.4s ease-in-out infinite; }
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-ola { opacity: 1; transition: opacity .2s; }
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-gota { animation: cdb-salpica-izq 1.4s ease-out infinite; }
	.cdb-categorias a:is(:hover, :focus-visible) :is(.cdb-gota--2, .cdb-gota--4) { animation-name: cdb-salpica-der; }
	.cdb-categorias a:is(:hover, :focus-visible) :is(.cdb-gota--3, .cdb-gota--4) { animation-delay: .08s; }

	/* Llave: aprieta la tuerca (las dos giran juntas) y la llave vuelve sola, como una carraca */
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-llave-cuerpo { animation: cdb-llave 1.1s ease-in-out infinite; }
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-tuerca { animation: cdb-tuerca 1.1s ease-in-out infinite; }

	/* Cubierta: las tablas de teca se colocan una a una, del centro hacia fuera */
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-tabla { stroke-dasharray: 1; animation: cdb-entablilla 2.2s ease-out infinite; }
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-tabla--2 { animation-delay: .25s; }
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-tabla--3 { animation-delay: .5s; }
	.cdb-categorias a:is(:hover, :focus-visible) .cdb-tabla--4 { animation-delay: .75s; }

	@keyframes cdb-entablilla {
		0% { stroke-dashoffset: 1; }
		40%, 100% { stroke-dashoffset: 0; }
	}
	@keyframes cdb-gira { to { transform: rotate(360deg); } }
	@keyframes cdb-balancea { 0%, 100% { transform: rotate(0) translateY(0); } 25% { transform: rotate(-7deg) translateY(-2px); } 75% { transform: rotate(6deg) translateY(1px); } }
	@keyframes cdb-chispazo {
		0% { opacity: 1; transform: scale(1); }
		20% { opacity: 0; }
		45% { opacity: 1; transform: scale(.7) rotate(20deg); }
		60%, 100% { opacity: 0; }
	}
	@keyframes cdb-cae {
		0% { opacity: 0; transform: translateY(0); }
		10% { opacity: 1; }
		85% { opacity: 1; }
		100% { opacity: 0; transform: translateY(42px); }
	}
	@keyframes cdb-cae-agua {
		0%, 100% { transform: translateY(-3px); }
		35% { transform: translateY(3px); }
		55% { transform: translateY(1px); }
	}
	@keyframes cdb-salpica-izq {
		0%, 30% { opacity: 0; transform: translate(0, 0); }
		40% { opacity: 1; }
		100% { opacity: 0; transform: translate(-6px, -14px); }
	}
	@keyframes cdb-salpica-der {
		0%, 30% { opacity: 0; transform: translate(0, 0); }
		40% { opacity: 1; }
		100% { opacity: 0; transform: translate(6px, -14px); }
	}
	@keyframes cdb-llave {
		0% { transform: rotate(0); }
		50% { transform: rotate(-60deg); }
		55% { transform: rotate(-60deg); }
		100% { transform: rotate(0); }
	}
	/* La tuerca es hexagonal: girada 60° queda igual, así se ve que avanza sin saltos */
	@keyframes cdb-tuerca {
		0% { transform: rotate(0); }
		50%, 100% { transform: rotate(-60deg); }
	}
}
/* 9. Glosario */
.cdb-glosario-herramientas {
	position: sticky;
	top: 72px;
	z-index: 5;
	background: var(--wp--preset--color--blanco);
	padding: 12px 0;
	margin-block: 1.5rem 0 !important;
	border-bottom: 1px solid var(--cdb-linea);
}
.admin-bar .cdb-glosario-herramientas { top: calc(72px + var(--wp-admin--admin-bar--height, 32px)); }
.cdb-glosario-buscar { position: relative; display: block; }
.cdb-glosario-buscar svg { position: absolute; left: 14px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); color: var(--wp--preset--color--gris); }
.cdb-glosario-buscar input {
	width: 100%;
	box-sizing: border-box;
	padding: .8rem 1rem .8rem 2.8rem;
	border: 1.5px solid #C3CEDA;
	border-radius: 999px;
	font: inherit;
	color: inherit;
}
.cdb-glosario-buscar input:focus { outline: 3px solid var(--wp--preset--color--agua); border-color: var(--wp--preset--color--mar); }
.cdb-glosario-zonas { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.cdb-glosario-zonas button {
	padding: 7px 14px;
	border: 1.5px solid var(--wp--preset--color--marino);
	border-radius: 999px;
	background: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--marino);
	font: 600 .9rem var(--wp--preset--font-family--texto);
	cursor: pointer;
}
.cdb-glosario-zonas button:hover { background: var(--wp--preset--color--agua); }
.cdb-glosario-zonas button[aria-pressed="true"] { background: var(--wp--preset--color--marino); color: var(--wp--preset--color--blanco); }
.cdb-termino-zona {
	display: inline-block;
	margin: 0 0 .35rem !important;
	padding: 1px 9px;
	border-radius: 999px;
	background: var(--wp--preset--color--agua);
	color: var(--wp--preset--color--mar);
	font-size: .78rem;
	font-weight: 600;
}
.cdb-glosario-az { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 10px; transition: opacity .2s; }
.cdb-glosario-az.is-apagada { opacity: .35; }
.cdb-glosario-az > * {
	display: grid;
	place-items: center;
	min-width: 30px;
	height: 30px;
	border-radius: 8px;
	font: 800 1rem/1 var(--wp--preset--font-family--titulos);
}
.cdb-glosario-az a { background: var(--wp--preset--color--agua); color: var(--wp--preset--color--marino); text-decoration: none; }
.cdb-glosario-az a:hover { background: var(--wp--preset--color--marino); color: var(--wp--preset--color--blanco); }
.cdb-glosario-az span { color: #B8C4D0; }
.cdb-glosario-vacio { margin: 12px 0 0 !important; font-weight: 600; }
.cdb-glosario-letra { scroll-margin-top: 200px; }
.cdb-glosario-letra[hidden], .cdb-termino[hidden] { display: none !important; }
.cdb-glosario-inicial {
	font-size: 2.4rem !important;
	color: var(--wp--preset--color--boya) !important;
	border-bottom: 3px solid var(--wp--preset--color--marino);
	margin: 2.2rem 0 .4rem !important;
}
.cdb-termino {
	scroll-margin-top: 200px;
	padding: 14px 16px;
	margin: 0 -16px !important;
	border-radius: 12px;
}
.cdb-termino h3 { margin: 0 0 .25rem !important; font-size: 1.35rem; }
.cdb-termino p { margin: 0; }
.cdb-termino.is-destacado { animation: cdb-destaca 2s ease-out; }
@keyframes cdb-destaca { 0%, 30% { background: var(--wp--preset--color--agua); } 100% { background: transparent; } }
@media (max-width: 600px) {
	.cdb-glosario-herramientas { top: 68px; }
	.cdb-glosario-az > * { min-width: 26px; height: 28px; font-size: .9rem; }
}
/* 10. Tarjeta del glosario (portada) */
.cdb-promo-glosario {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	gap: 28px;
	align-items: center;
	margin-top: var(--wp--preset--spacing--60) !important;
	padding: 32px;
	border-radius: var(--cdb-radio);
	background: var(--wp--preset--color--marino);
	color: var(--wp--preset--color--blanco);
	box-shadow: inset 0 -6px 0 var(--wp--preset--color--boya);
}
.cdb-promo-glosario-texto > * { margin: 0 0 .6rem !important; }
.cdb-promo-glosario-etiqueta { font-size: .85rem; font-weight: 600; color: #F7B48A; }
.cdb-promo-glosario h2 { color: var(--wp--preset--color--blanco); font-size: var(--wp--preset--font-size--x-large); text-transform: none; }
.cdb-promo-glosario p { color: #c9d6e6; }
.cdb-promo-glosario-boton { display: inline-block; margin-top: .4rem !important; background: var(--wp--preset--color--boya); color: var(--wp--preset--color--blanco); text-decoration: none; }
.cdb-promo-glosario-boton:hover { background: var(--wp--preset--color--blanco); color: var(--wp--preset--color--marino); }
/* Dibujo del diccionario abierto (solo decorativo) */
.cdb-diccionario { display: block; width: 100%; max-width: 380px; height: auto; justify-self: center; }
@media (max-width: 760px) {
	.cdb-promo-glosario { grid-template-columns: 1fr; padding: 24px; }
	.cdb-diccionario { max-width: 300px; }
}

/* 8. Tarjetas que aparecen al bajar */
@media (prefers-reduced-motion: no-preference) {
	.cdb-aparece { opacity: 0; transform: translateY(18px); }
	.cdb-aparece.is-visible {
		opacity: 1;
		transform: none;
		transition: opacity .5s ease-out, transform .5s ease-out, background .2s, color .2s, box-shadow .2s;
		transition-delay: calc(var(--orden, 0) * 70ms), calc(var(--orden, 0) * 70ms), 0s, 0s, 0s;
	}
	.cdb-tarjeta.cdb-aparece.is-visible:hover { transform: translateY(-4px); transition-delay: 0s; }
}
/* ---------- Pie grande ---------- */
.cdb-pie { padding-top: var(--wp--preset--spacing--60); padding-bottom: 28px; margin-top: 0; font-size: var(--wp--preset--font-size--small); }
.cdb-pie-rejilla {
	display: grid;
	grid-template-columns: minmax(220px, 1.3fr) 4fr;
	gap: 40px;
	align-items: start;
}
.cdb-pie-marca > * { margin: 0 0 .75rem; }
.cdb-pie-marca .wp-block-site-title a { color: var(--wp--preset--color--blanco); }
.cdb-pie p { color: #c9d6e6; }
.cdb-redes { list-style: none; display: flex; gap: 10px; padding: 0; margin: 1rem 0 0 !important; }
.cdb-redes a {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	color: var(--wp--preset--color--blanco);
}
.cdb-redes a:hover { background: var(--wp--preset--color--mar); }
.cdb-redes svg { width: 22px; height: 22px; fill: currentColor; }

.cdb-pie-enlaces { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 28px 24px; }
.cdb-pie-titulo {
	margin: 0 0 .6rem !important;
	font: 800 1.15rem/1.1 var(--wp--preset--font-family--titulos);
	text-transform: uppercase;
	color: var(--wp--preset--color--blanco) !important;
}
.cdb-pie-enlaces ul { list-style: none; margin: 0; padding: 0; }
.cdb-pie-enlaces a {
	display: inline-block;
	padding: 5px 0;
	color: #c9d6e6;
	text-decoration: none;
}
.cdb-pie-enlaces a:hover { color: var(--wp--preset--color--blanco); text-decoration: underline; text-underline-offset: 3px; }
.cdb-pie-final {
	margin-top: var(--wp--preset--spacing--50) !important;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, .15);
	font-size: .85rem;
}
@media (max-width: 860px) {
	.cdb-pie-rejilla { grid-template-columns: 1fr; gap: 32px; }
	.cdb-pie-enlaces { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cdb-pie-enlaces a { padding: 10px 0; }
}
/* ---------- Buscador ---------- */
.wp-block-search__input { border: 1px solid #C3CEDA; border-radius: 999px 0 0 999px; padding: .65rem 1rem; font: inherit; }
.wp-block-search__button { margin-left: 0; border-radius: 0 999px 999px 0; }

@media (prefers-reduced-motion: reduce) {
	.cdb-tarjeta, .cdb-categorias a { transition: none; }
	.cdb-tarjeta:hover { transform: none; }
}