/* Vídeos de ayuda: botón + ventana, fila de la portada y página /ayuda/ */
.rc-vid { display: inline-block; }
.rc-vid__btn { display: inline-flex; align-items: center; gap: .5rem; font: inherit; font-weight: 600; color: #1f3d29; background: #eef5ea; border: 1px solid #c9dcc1; border-radius: 999px; padding: .5rem 1rem .5rem .7rem; cursor: pointer; line-height: 1.2; }
.rc-vid__btn:hover, .rc-vid__btn:focus-visible { background: #dfeed8; border-color: #4f8a3c; }
.rc-vid__ico { flex: none; color: #2f6237; }
.rc-vid--enlace .rc-vid__btn { background: none; border: 0; padding: 0; color: #2f6237; border-radius: 0; }
.rc-vid--enlace .rc-vid__btn span { text-decoration: underline; text-underline-offset: 3px; }
.rc-vid--hero .rc-vid__btn { font-size: .92rem; color: #fff; background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.4); padding: .4rem .85rem .4rem .6rem; }
.rc-vid--hero .rc-vid__btn:hover, .rc-vid--hero .rc-vid__btn:focus-visible { background: rgba(255,255,255,.28); border-color: #fff; }
.rc-vid--hero .rc-vid__ico { color: #e8c15a; width: 1.1rem; height: 1.1rem; }
.rc-vid__dialog { border: 0; border-radius: 12px; padding: 1.25rem 1.25rem 1rem; width: min(92vw, 860px); max-height: 94vh; overflow: auto; color: #1f3d29; }
.rc-vid__dialog[open] { position: fixed; inset: 0; margin: auto; transform: none; }
.rc-vid__dialog--v { width: min(92vw, 420px); }
.rc-vid__dialog::backdrop { background: rgba(20,30,20,.7); }
.rc-vid__titulo { font-family: Kanit, sans-serif; font-size: 1.25rem; font-weight: 600; color: #1f3d29; margin: 0 3.5rem .75rem 0; line-height: 1.25; text-align: left; }
.rc-vid__dialog video { display: block; width: 100%; max-height: 72vh; border-radius: 8px; background: #141414; }
.rc-vid__cerrar { position: absolute; top: .6rem; right: .6rem; width: 44px; height: 44px; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: #eef5ea; color: #1f3d29; cursor: pointer; line-height: 1; box-shadow: none; transform: none; z-index: 2; }
.rc-vid__cerrar:hover, .rc-vid__cerrar:focus-visible { background: #1f3d29; color: #fff; transform: none; }
.rc-vid__cerrar svg { display: block; pointer-events: none; }
.rc-vid__mas { display: inline-block; margin-top: .75rem; font-size: .95rem; color: #2f6237; }
/* Fila de ayudas en la portada */
.rc-hero__ayudas { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem .6rem; margin-top: 2rem; }
.rc-hero__ayudas > p, .rc-hero__ayudas > .wp-block-shortcode { width: auto !important; max-width: none !important; flex: 0 0 auto; margin: 0 !important; }
.rc-hero__ayudas br, .rc-hero__ayudas p:empty { display: none !important; }
.rc-hero__ayudas-t { font-size: .85rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #e8dca8; margin-right: .4rem; }
@media (max-width: 600px) { .rc-hero__ayudas-t { flex-basis: 100%; text-align: center; margin: 0; } .rc-vid--hero .rc-vid__btn { font-size: .85rem; } }
/* Página /ayuda/ */
.rc-ayuda__intro { font-size: 1.15rem; color: #5d635b; max-width: 60ch; margin-bottom: 2rem; }
.rc-ayuda__video { margin: 0 0 1rem; }
.rc-ayuda__video video { display: block; width: 100%; height: auto; border-radius: 8px; background: #141414; }
.rc-ayuda__item--general .rc-ayuda__video { max-width: 860px; }
.rc-ayuda__item--general { margin-bottom: 3rem; }
.rc-ayuda__cortos { gap: 2rem; margin-top: 1rem; }
.rc-ayuda__item { scroll-margin-top: 1.5rem; }
.rc-ayuda__titulo { border: 0 !important; padding: 0 !important; position: static !important; display: block !important; }
.rc-ayuda__titulo::after, .rc-ayuda__titulo::before { display: none !important; content: none !important; }
.rc-ayuda__cortos .rc-ayuda__item { display: flex; flex-direction: column; }
.rc-ayuda__cortos .rc-ayuda__item .rc-ayuda__video { order: -1; }
.rc-ayuda__item h3.wp-block-heading { font-family: Kanit, sans-serif; font-size: 1.3rem; color: #1f3d29; margin: 0 0 .35rem; line-height: 1.25; }
.rc-ayuda__item > p { margin: 0 0 1rem; color: #5d635b; font-size: 1rem; line-height: 1.5; }
/* Contenedor centrado de la página /ayuda/ */
.rc-ayuda { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; }
/* Barra superior: separación entre «Contacto» y «Ayuda» (la regla antigua del tema pone gap:0) */
body .top-bar .top-bar-content .top-bar-links.wp-block-group { gap: 1.75rem !important; }
/* Botones de la portada: el hover afecta igual al botón entero (antes, la caja exterior y el enlace cambiaban distinto) */
body .hero-home-actions .btn-secondary.wp-block-button, body .hero-home-actions .btn-secondary.wp-block-button:hover { background: var(--gold); }
body .hero-home-actions .btn-white.wp-block-button, body .hero-home-actions .btn-white.wp-block-button:hover { background: #fff; }
body .hero-home-actions .wp-block-button .wp-block-button__link { transition: background-color .2s, box-shadow .2s, color .2s; transform: none; }
body .hero-home-actions .btn-secondary.wp-block-button .wp-block-button__link:hover,
body .hero-home-actions .btn-secondary.wp-block-button .wp-block-button__link:focus-visible { background: var(--gold-dark); color: #1f3d29; transform: none; box-shadow: 0 6px 16px rgba(0,0,0,.25); }
body .hero-home-actions .btn-white.wp-block-button .wp-block-button__link:hover,
body .hero-home-actions .btn-white.wp-block-button .wp-block-button__link:focus-visible { background: #e3efdc; color: #1f3d29; border-color: #e3efdc; transform: none; box-shadow: 0 6px 16px rgba(0,0,0,.25); }
body .hero-home-actions .wp-block-button .wp-block-button__link:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
/* El enlace ocupa todo el botón: sin relleno en la caja exterior, así hover y clic cubren el botón entero */
body .hero-home-actions .wp-block-button.btn-xl { padding: 0; display: flex; }
body .hero-home-actions .wp-block-button.btn-xl .wp-block-button__link { flex: 1; justify-content: center; padding: 22px 40px; min-width: 0; }
body .hero-home-actions .btn-secondary.wp-block-button .wp-block-button__link { border: 2px solid var(--gold); }
body .hero-home-actions .btn-secondary.wp-block-button .wp-block-button__link:hover,
body .hero-home-actions .btn-secondary.wp-block-button .wp-block-button__link:focus-visible { border-color: var(--gold-dark); }
@media (max-width: 600px) { body .hero-home-actions .wp-block-button.btn-xl { width: min(100%, 340px); } }