/* Registrar con register_block_style() en functions.php; estas son las reglas que acompañan cada estilo. */
.wp-block-button.is-style-light .wp-block-button__link{background:#FBF7F1;color:#431208}
.wp-block-button.is-style-bordo .wp-block-button__link{background:#431208;color:#FBF7F1}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:#431208;border:2px solid #431208}
.wp-block-button.is-style-whatsapp .wp-block-button__link{background:#128C4A;color:#fff}
.wp-block-button .wp-block-button__link{min-height:48px;display:inline-flex;align-items:center}
@media (max-width:599px){.wp-block-buttons>.wp-block-button{width:100%}.wp-block-buttons .wp-block-button__link{width:100%;justify-content:center}}
.is-style-tarjeta{overflow:hidden;box-shadow:0 1px 2px rgba(67,18,8,.06);transition:box-shadow .2s,transform .2s}
.is-style-tarjeta:hover{box-shadow:0 10px 28px -12px rgba(67,18,8,.28);transform:translateY(-2px)}
.wp-block-separator.is-style-trama{height:6px;border:0;border-radius:999px;width:72px;opacity:1}
.is-style-pendiente{background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(138,119,108,.07) 12px 24px)}

/* ---- Agregados de implementación (d2v-telar 0.2.0) ---- */
/* Secciones: alternan crema / arena / blanco; el padding vertical sale del spacing "Sección". */
.sec{padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)}
.sec > .alignwide,.sec .alignwide{max-width:1200px}

/* Tarjeta: borde y radio del diseño (se aplican por clase, no inline). */
.is-style-tarjeta{border:1px solid #E6D9CB;border-radius:20px;background:#fff;height:100%}
.is-style-tarjeta .wp-block-image,.is-style-tarjeta figure{margin:0}
.is-style-tarjeta .wp-block-image img{border-radius:0;width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.tarjeta-lisa{border:1px solid #E6D9CB;border-radius:20px;padding:24px;background:#fff}
.tarjeta-color{background:#F3EADF;min-height:0}
.tarjeta-cuerpo{padding:0 20px;gap:10px}

/* Panel bordó (Sumate) y banda de la trama. */
.panel-bordo{border-radius:20px;padding:clamp(28px,5vw,56px);color:#FBF7F1}
.panel-bordo h2,.panel-bordo h3{color:#FBF7F1}
.panel-bordo a:not(.wp-block-button__link){color:#FBF7F1}
.wp-block-separator.is-style-trama{background:var(--wp--preset--gradient--trama);color:transparent;margin-left:0;margin-right:auto}
.trama-banda{height:8px;padding:0;margin:0;background:var(--wp--preset--gradient--trama)}

/* Pendiente: la variante punteada del patrón. */
.is-style-pendiente{border:2px dashed #8A776C;border-radius:20px;padding:24px}

/* Header sticky, crema al 94% con blur. */
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,247,241,.94);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid #E6D9CB;padding-top:10px;padding-bottom:10px}
.admin-bar .site-header{top:32px}
.site-header .wp-block-site-logo img{width:48px;height:48px;object-fit:contain}
.site-header .wp-block-site-title{text-transform:lowercase;font-family:var(--wp--preset--font-family--display);font-weight:800;font-size:1.375rem;line-height:1;letter-spacing:-.02em;margin:0}
.site-header .wp-block-site-title a{color:#431208;text-decoration:none}
.site-header .wp-block-navigation-item__content{min-height:48px;display:inline-flex;align-items:center;font-weight:600;color:#431208;text-decoration:none}
.site-header .wp-block-navigation-item__content:hover{color:#C43A0A}
.site-header .wp-block-buttons .wp-block-button__link{padding:10px 22px}

/* Navegación: menú hamburguesa (overlay) por debajo de 1024px en vez de los 600px de WordPress. */
@media (max-width:1023px){
  .site-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
  .site-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
  .site-header .wp-block-navigation__responsive-container-open,.site-header .wp-block-navigation__responsive-container-close{min-width:48px;min-height:48px;align-items:center;justify-content:center}
}
.site-header .wp-block-navigation__responsive-container.is-menu-open{background:#FBF7F1;color:#431208}
.site-header .is-menu-open .wp-block-navigation-item__content{font-size:1.25rem}

/* Footer. */
.site-footer{background:#F3EADF;padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--60)}
.site-footer .wp-block-site-logo img{width:64px;height:64px;object-fit:contain}
.site-footer a{color:#431208}
.site-footer .wp-block-navigation-item__content{min-height:44px;display:inline-flex;align-items:center}

/* Enlaces táctiles de 48px en listas de la ficha. */
.wp-block-post-terms a{font-weight:700}
.estado-etiqueta{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#A7110C}
@media (max-width:781px){.wp-block-columns{gap:var(--wp--preset--spacing--50)}}
.tarjeta-color-top{padding:32px 20px;min-height:0}
.tarjeta-color-top h3{margin:0;font-size:1.5rem}
.tarjeta-pad{padding:24px 20px}
.is-style-tarjeta.tarjeta-cuerpo{align-items:flex-start}
.site-header .site-brand{margin:0;text-transform:lowercase;font-family:var(--wp--preset--font-family--display);font-weight:800;font-size:1.5rem;line-height:1;letter-spacing:-.02em}
.site-header .site-brand a{color:#431208;text-decoration:none}
/* Header en mobile: nada se parte en dos líneas y el botón Donar conserva su ancho. */
.site-header .site-brand,.site-header .wp-block-button__link{white-space:nowrap}
.site-header .wp-block-buttons>.wp-block-button{width:auto}
.site-header .wp-block-buttons .wp-block-button__link{width:auto;padding:10px 20px}
.site-header .wp-block-group{gap:8px}
/* Las tarjetas estiran a sus hijos (banda de color y cuerpo a todo el ancho). */
.is-style-tarjeta{align-items:stretch !important}
.is-style-tarjeta > *{width:100%;max-width:none}
.is-style-tarjeta.tarjeta-cuerpo{align-items:stretch !important}
.is-style-tarjeta .wp-block-buttons{justify-content:flex-start}
.is-style-tarjeta .tarjeta-cuerpo{padding-top:16px;padding-bottom:12px}
.is-style-tarjeta .tarjeta-cuerpo a{display:inline-flex;align-items:center;min-height:48px}
/* Tarjetas de igual alto dentro de una fila de columnas. */
.wp-block-columns > .wp-block-column:has(> .is-style-tarjeta){display:flex;flex-direction:column}
.wp-block-column > .is-style-tarjeta{flex:1}