/* Club BPS — parte del set custom-club-* (CSS global del sitio), cargado por plg_system_clubbps.

   ============================================================
   BLOQUE 16 — Secciones nuevas de octubre 2026 (plan de mejoras):
   segunda fila de enlaces del home, Salones y Parrilleros, Información
   para socios y Calendario anual.
   ============================================================ */

/* Botones de las páginas nuevas (mismo azul del sitio) */
.cbps-btn{display:inline-block;padding:11px 22px;border-radius:var(--radius-md);background:#03255B;color:#fff!important;font-weight:600;text-decoration:none!important;border:2px solid #03255B;transition:background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}
.cbps-btn:hover,.cbps-btn:focus-visible{background:#0F427D;border-color:#0F427D;transform:translateY(var(--lift-btn))}
.cbps-btn:active{transform:translateY(0) scale(var(--press));transition-duration:var(--dur-quick)}
/* Acción principal de una página: más grande y con sombra con offset. Variante roja para el
   llamado a la acción que tiene que ganarle al resto (p.ej. «Reservar» en Salones). */
.cbps-btn--grande{padding:15px 34px;font-size:17px;line-height:1.2;box-shadow:0 10px 20px -8px rgba(3,37,91,.5)}
.cbps-btn--rojo{background:var(--rojo-600);border-color:var(--rojo-600);box-shadow:0 10px 20px -8px rgba(176,13,30,.6)}
.cbps-btn--rojo:hover,.cbps-btn--rojo:focus-visible{background:var(--rojo-700);border-color:var(--rojo-700)}
.cbps-btn i{margin-right:9px}
.cbps-btn--borde{background:#fff;color:#03255B!important}
.cbps-btn--borde:hover,.cbps-btn--borde:focus-visible{background:#F2F6FB;color:#03255B!important;border-color:#03255B}

/* Salones y Parrilleros (3.2 intermedia) */
/* Sin la barra izquierda de 4px: el título lleva el mismo trazo tricolor
   corto que usa el resto del sitio, debajo y a 48px de ancho. */
.cbps-salones__intro h2,.cbps-salones__condiciones h2{font-size:26px;font-weight:800;letter-spacing:-.01em;color:#03255B;margin:0 0 14px}
.cbps-salones__intro h2::after,.cbps-salones__condiciones h2::after{content:'';display:block;width:48px;height:3px;margin-top:10px;border-radius:2px;background:var(--tricolor)}
.cbps-salones__lista{margin:0 0 14px;padding-left:20px;font-size:16px;line-height:1.7}
.cbps-salones__intro p,.cbps-salones__condiciones p{font-size:16px;color:#444A55}
.cbps-salones__acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
/* Videos integrados (fachada con play: mismas clases que los artículos con video, BLOQUE 10) */
.cbps-video{margin:0}
.cbps-video .video-poster-ratio{border-radius:var(--card-radius);box-shadow:var(--card-edge),var(--card-rest)}
.cbps-video figcaption{font-size:14px;font-weight:500;color:#444A55;margin-top:10px}
.cbps-salones__intro .cbps-salones__acciones{margin-top:22px}

/* Información para socios (página SPPB con addons `feature`).
   Cada dato es una tarjeta: ícono en una baldosa azul claro, título y texto. Los colores
   claros que trae el addon (texto blanco al 70 %) se pisan con !important porque vienen de
   un <style> por addon con selector de id. Alturas iguales dentro de cada fila. */
.cbps-info__intro{margin:0;font-size:17px;line-height:1.6;color:#444A55;max-width:none;text-wrap:balance}
.cbps-info__titulo h2{font-size:28px;font-weight:800;letter-spacing:-.015em;color:#03255B;margin:0 0 8px}
.cbps-info__titulo h2::after{content:'';display:block;width:48px;height:3px;margin-top:12px;border-radius:2px;background:var(--tricolor)}
.cbps-info__titulo p{margin:14px 0 0;font-size:16px;color:#5f6470}
.cbps-info__items .sppb-row{align-items:stretch}
.cbps-info__items .sppb-column,.cbps-info__items .sppb-column-addons,.cbps-info__items .sppb-addon-wrapper{height:100%}
/* Las capas de SPPB (columna y raíz del addon) traen su propia sombra y 40px de padding
   (BLOQUE 2): se anulan para que la única tarjeta visible sea .cbps-info-card. */
.cbps-info__items .sppb-column{box-shadow:none !important;background:none !important}
.cbps-info__items .sppb-addon-wrapper{margin-bottom:18px}
.cbps-info__items .sppb-addon-wrapper > div{height:100%;padding:0 !important;box-shadow:none !important;background:none !important;border-radius:0 !important}
.cbps-info-card{height:100%;padding:24px 24px 26px;background:#fff;border-radius:var(--card-radius);box-shadow:var(--card-edge),var(--card-rest);text-align:left}
.cbps-info-card .sppb-addon-content{display:block !important;text-align:left}
.cbps-info-card .sppb-icon{margin:0 0 16px}
.cbps-info-card .sppb-icon-container{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--azul-100) !important;color:var(--azul-900) !important;font-size:19px}
.cbps-info-card .sppb-icon-container i{color:inherit !important;font-size:inherit !important}
.cbps-info-card .sppb-feature-box-title{margin:0 0 8px;font-size:18px !important;line-height:1.3 !important;font-weight:700;color:#03255B !important}
.cbps-info-card .sppb-addon-text,.cbps-info-card .sppb-addon-text p{margin:0;font-size:15px !important;line-height:1.6 !important;color:#444A55 !important}
.cbps-info-card .sppb-addon-text a{color:#1957A4 !important;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.cbps-info-card .sppb-addon-text a:hover{color:#03255B !important}

/* Home, segunda fila de enlaces (#enlaces-mas-info): títulos de dos líneas → mismas alturas.
   La card visible es el wrapper del addon (ver bloque 13); se estira al alto de la columna. */
#enlaces-mas-info .sppb-row{align-items:stretch}
#enlaces-mas-info .sppb-column,#enlaces-mas-info .sppb-column-addons,#enlaces-mas-info .sppb-addon-wrapper{height:100%}
#enlaces-mas-info div:has(> .card-seccion){height:calc(100% - 30px)}
@media(max-width:767.98px){#enlaces-mas-info div:has(> .card-seccion){height:auto}}

/* Colores de la segunda fila por POSICIÓN y no por id de addon: SPPB los emite en
   media/com_sppagebuilder/css/page-NN.css con el UUID del addon, que la migración genera
   distinto en cada entorno (y ese archivo puede quedar horneado en la imagen). */
#enlaces-mas-info .sppb-row > :nth-child(1) div:has(> .card-seccion){background-color:rgba(3,37,91,.95)!important}
#enlaces-mas-info .sppb-row > :nth-child(2) div:has(> .card-seccion){background-color:rgba(15,124,128,.95)!important}
/* Salones: un punto más oscuro que el original rgba(176,93,23,.95) (=#B46523 sobre blanco, 4.35:1)
   para que el título blanco de 18px pase AA 4.5:1 → #AD6122, 4.66:1. Mismo tono. */
#enlaces-mas-info .sppb-row > :nth-child(3) div:has(> .card-seccion){background-color:#AD6122!important}
#enlaces-mas-info .sppb-row > :nth-child(4) div:has(> .card-seccion){background-color:rgba(122,75,176,.95)!important}
#enlaces-mas-info .sppb-row > :nth-child(1) div:has(> .card-seccion):hover{background-color:rgba(2,25,62,.95)!important}
#enlaces-mas-info .sppb-row > :nth-child(2) div:has(> .card-seccion):hover{background-color:rgba(10,94,98,.95)!important}
#enlaces-mas-info .sppb-row > :nth-child(3) div:has(> .card-seccion):hover{background-color:rgba(140,72,15,.95)!important}
#enlaces-mas-info .sppb-row > :nth-child(4) div:has(> .card-seccion):hover{background-color:rgba(96,56,143,.95)!important}
#enlaces-mas-info .card-seccion,#enlaces-mas-info .card-seccion .sppb-feature-box-title a,#enlaces-mas-info .card-seccion i{color:#fff!important}