/* AGUSKA PATAGONIA · Fase 1.2 · Pantalla de bienvenida (solo body.pat-bienvenida-pagina). */
body.pat-bienvenida-pagina {
    border-top: 0;
    background:
        radial-gradient(ellipse 420px 520px at 0 90%, rgba(60, 140, 80, .16), transparent 70%),
        radial-gradient(ellipse 420px 520px at 100% 90%, rgba(60, 140, 80, .16), transparent 70%),
        linear-gradient(180deg, #d4e8f6 0, #eef6fb 420px, #eef6fb);
    color: var(--pat-texto);
}
.pat-bienvenida-pagina .publico-cabecera { background: transparent; border-bottom: 0; padding: 16px 20px 6px; }
.pat-bienvenida-pagina .publico-marca { width: 230px; margin: 0 auto 0 max(0px, calc(50% - 600px)); }
.pat-bienvenida-pagina .publico-principal { max-width: 1200px; padding: 8px 20px 36px; }
.pat-bienvenida { display: grid; gap: 18px; text-align: left; }
.pat-bienvenida-opciones h2 { text-align: left; }

/* Banner */
.pat-bienvenida-hero { min-height: 300px; padding: 28px; }
.pat-bienvenida-hero .pat-hero-vidrio { max-width: 540px; text-align: left; }
.pat-bienvenida-titulo { margin: 0 0 8px; color: var(--pat-azul); font-size: 38px; font-weight: 800; line-height: 1.1; }
.pat-bienvenida-pagina .pat-hero-vidrio h1 { font-size: 40px; text-align: left; }

/* Opciones */
.pat-bienvenida-opciones { padding: 24px 26px 26px; }
.pat-bienvenida-opciones h2 { margin: 0 0 16px; color: var(--pat-azul); font-size: 22px; font-weight: 800; }
.pat-opciones { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; }
.pat-bienvenida-pagina .publico-boton.pat-opcion {
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; justify-content: stretch; text-align: left;
    min-height: 96px; padding: 16px 18px; border-radius: var(--pat-radio); border: 1px solid var(--pat-borde); border-left: 6px solid var(--acento);
    background: linear-gradient(100deg, var(--acento-fondo), #fff 85%); color: var(--pat-texto); box-shadow: var(--pat-sombra); font-size: 16px; text-decoration: none;
}
.pat-bienvenida-pagina .publico-boton.pat-opcion:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(11, 60, 107, .16); background: linear-gradient(100deg, var(--acento-fondo), #fff 85%); border-color: var(--pat-borde); border-left-color: var(--acento); }
.pat-bienvenida-pagina .publico-boton.pat-opcion:focus-visible { outline: 3px solid var(--acento); outline-offset: 2px; }
.pat-opcion > .icono:first-child { width: 48px; height: 48px; padding: 11px; border-radius: 50%; background: var(--acento); color: #fff; }
.pat-opcion > .icono:last-child { width: 22px; height: 22px; color: var(--acento); }
.pat-opcion-texto { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pat-opcion-texto strong { color: var(--pat-azul); font-size: 18px; font-weight: 800; line-height: 1.2; overflow-wrap: anywhere; }
.pat-opcion-texto small { color: var(--pat-suave); font-size: 14px; font-weight: 500; }
.pat-bienvenida-pagina .pat-opcion.pat-opcion-azul { --acento: #0b3c6b; --acento-fondo: #e4eefb; }
.pat-bienvenida-pagina .pat-opcion.pat-opcion-turquesa { --acento: #0e8a94; --acento-fondo: #dff4f5; }
.pat-bienvenida-pagina .pat-opcion.pat-opcion-verde { --acento: #2b7a33; --acento-fondo: #e6f4e7; }
.pat-bienvenida-pagina .pat-opcion.pat-opcion-bosque { --acento: #1d5a34; --acento-fondo: #e3f0e6; }
.pat-bienvenida-opciones .publico-volver { display: inline-block; margin-top: 16px; font-weight: 700; color: var(--pat-azul-2); }

/* Pie con el crédito de la plataforma (se conserva) */
.pat-bienvenida-pagina .publico-pie { background: transparent; border-top: 0; color: var(--pat-suave); }

@media (max-width: 1000px) {
    .pat-opciones { grid-template-columns: minmax(0, 1fr); }
    .pat-bienvenida-hero { min-height: 280px; }
}
@media (max-width: 860px) {
    .pat-bienvenida-hero { padding: 40% 14px 14px; }
    .pat-bienvenida-hero .pat-hero-vidrio { max-width: none; }
}
@media (max-width: 760px) {
    .pat-bienvenida-pagina .publico-marca { width: 150px; margin: 0 auto; }
    .pat-bienvenida-pagina .publico-principal { padding: 6px 12px 28px; }
    .pat-bienvenida-hero { min-height: 0; padding: 60% 10px 12px; }
    .pat-bienvenida-hero .pat-hero-vidrio { padding: 14px 16px; }
    .pat-bienvenida-pagina .pat-hero-vidrio h1, .pat-bienvenida-titulo { font-size: 26px; }
    .pat-bienvenida-opciones { padding: 16px 14px 18px; }
    .pat-bienvenida-opciones h2 { font-size: 19px; }
    .pat-bienvenida-pagina .publico-boton.pat-opcion { min-height: 76px; padding: 12px 14px; gap: 12px; }
    .pat-opcion > .icono:first-child { width: 42px; height: 42px; padding: 9px; }
    .pat-opcion-texto strong { font-size: 17px; }
}