/* Portada de Shaday Store (shadaystore.cetproshaday.com.pe).
   Hereda las variables de Assets/css/public/home.css (navy/gold, Fraunces/
   Manrope) para que se reconozca como parte de la misma casa, pero suma un
   acento verde propio: es su marca, no una copia del sitio institucional.
   Mismo criterio que se uso con el sitio del Aniversario. */

:root {
    --store-verde: #4f9d69;
    --store-verde-claro: #7fc496;
}

.store-body {
    background: var(--bg);
    color: var(--cream);
    min-height: 100vh;
}

/* Una sola pantalla centrada: no hay contenido que recorrer, y una portada
   corta que se explica sola es mejor que inventar secciones vacias */
.store-portada {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1.25rem 1.5rem;
    text-align: center;
    /* El halo verde es lo unico que distingue esta portada del resto de la
       familia; sutil, no un cambio de paleta */
    background:
        radial-gradient(circle at 50% 0%, rgba(79, 157, 105, 0.16), transparent 55%),
        var(--bg);
}

.store-caja {
    width: min(560px, 100%);
}

.store-logo {
    width: 84px;
    height: 84px;
    object-fit: contain;
    margin-bottom: 1.5rem;
}

.store-kicker {
    font-family: var(--sans);
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 0.72rem;
    color: var(--gold);
    margin: 0 0 0.6rem;
}

.store-titulo {
    font-family: var(--serif);
    font-size: clamp(2.3rem, 7vw, 3.4rem);
    margin: 0 0 0.8rem;
    color: var(--cream);
    line-height: 1.05;
}

.store-titulo span {
    color: var(--store-verde-claro);
    font-style: italic;
}

.store-bajada {
    color: var(--cream);
    opacity: 0.8;
    margin: 0 auto 2rem;
    max-width: 40ch;
}

/* El aviso va antes del boton a proposito: quien llega de fuera tiene que
   entender que no puede comprar aca antes de intentar entrar */
.store-aviso {
    display: flex;
    gap: 0.7rem;
    text-align: left;
    padding: 0.95rem 1.15rem;
    margin-bottom: 2rem;
    border: 1px solid var(--line);
    border-left: 3px solid var(--store-verde);
    border-radius: var(--radius);
    background: rgba(243, 237, 224, 0.04);
    font-size: 0.9rem;
    line-height: 1.5;
}

.store-aviso i {
    color: var(--store-verde-claro);
    font-size: 1.05rem;
    margin-top: 0.15rem;
    flex: 0 0 auto;
}

.store-boton {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.store-nota {
    margin: 1rem 0 0;
    font-size: 0.82rem;
    opacity: 0.6;
}

.store-enlaces {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--line);
}

.store-enlaces a {
    color: var(--cream);
    text-decoration: none;
    opacity: 0.8;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.store-enlaces a:hover {
    opacity: 1;
    color: var(--gold-soft);
}

.store-footer {
    margin-top: auto;
    padding-top: 2.5rem;
    font-size: 0.8rem;
    opacity: 0.5;
}