/* Tema Protecnia: lo que theme.json no cubre. */

/* Cabecera fija con sombra suave */
.sitio-cabecera { position: sticky; top: var(--wp-admin--admin-bar--height, 0); z-index: 50; }
.cabecera { border-bottom: 1px solid var(--wp--preset--color--borde); backdrop-filter: saturate(1.4) blur(8px); background: rgba(255, 255, 255, .94) !important; }
.cabecera .wp-block-site-logo img { border-radius: 50%; }
.cabecera .wp-block-navigation { flex: 1; }
.cabecera .wp-block-navigation a:hover { color: var(--wp--preset--color--primario); }
.cabecera .wp-block-navigation .current-menu-item > a { color: var(--wp--preset--color--primario); }
.cabecera .wp-block-navigation__responsive-container.is-menu-open { padding: 2rem; }
@media (max-width: 781px) {
	.cabecera .wp-block-site-tagline { display: none; }
	.cabecera-cta { display: none !important; }
}

/* Titular de páginas */
.titular .wp-block-post-title { margin: 0; }
.antetitulo { margin: 0; font-size: .85rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.antetitulo a { text-decoration: none; color: var(--wp--preset--color--primario); }

/* Portada */
.portada { position: relative; overflow: hidden; }
.portada::after {
	content: ""; position: absolute; right: -8%; top: -20%; width: 55%; aspect-ratio: 1; border-radius: 50%;
	background: radial-gradient(closest-side, rgba(255,255,255,.10), rgba(255,255,255,0)); pointer-events: none;
}
.portada .wp-block-buttons .is-style-outline .wp-block-button__link { color: #fff; border-color: rgba(255,255,255,.6); }
.portada .wp-block-buttons .is-style-outline .wp-block-button__link:hover { background: rgba(255,255,255,.1); }
.portada-escudo { max-width: 340px; margin-inline: auto; filter: drop-shadow(0 30px 40px rgba(0,0,0,.35)); }
.sello { display: inline-block; padding: .3rem .8rem; border-radius: 999px; background: rgba(255,255,255,.12); font-size: .85rem; font-weight: 600; letter-spacing: .02em; }

/* Tarjetas (estilo de bloque grupo "Tarjeta") */
.is-style-tarjeta, .tarjeta {
	background: var(--wp--preset--color--fondo); border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio); padding: 1.5rem; height: 100%;
}
.is-style-tarjeta { transition: box-shadow .2s, transform .2s; }
.is-style-tarjeta:hover { box-shadow: var(--wp--custom--sombra); transform: translateY(-2px); }
.icono { width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; background: color-mix(in srgb, var(--wp--preset--color--primario) 12%, #fff); color: var(--wp--preset--color--primario); font-size: 1.5rem; }
.paso-num { width: 2.5rem; height: 2.5rem; border-radius: 50%; display: grid; place-items: center; background: var(--wp--preset--color--primario); color: #fff; font-weight: 800; }
.tarjetas .wp-block-post-title a:hover { color: var(--wp--preset--color--primario); }

/* Preguntas frecuentes */
.wp-block-details summary { cursor: pointer; font-weight: 650; font-size: 1.1rem; list-style: none; display: flex; justify-content: space-between; gap: 1rem; }
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; font-size: 1.5rem; line-height: 1; color: var(--wp--preset--color--primario); transition: transform .2s; }
.wp-block-details[open] summary::after { transform: rotate(45deg); }
.wp-block-details > :not(summary) { color: var(--wp--preset--color--texto-suave); }

/* Pie */
.pie .pie-suave { color: rgba(255,255,255,.72); }
.pie a { text-decoration: none; }
.pie a:hover { text-decoration: underline; }
.pie .wp-block-site-logo img { border-radius: 50%; }

/* Contenido importado de la web antigua */
.wp-block-post-content img { max-width: 100%; height: auto; }
.wp-block-post-content table { border-collapse: collapse; width: 100%; }
.wp-block-image img { border-radius: 10px; }

/* Configurador ancho dentro de la página del kit */
.kit-contenido > .pp { max-width: 1200px !important; }
