/*
Theme Name: El Gabinete (Astra Child)
Theme URI: https://elgabinetecuriosidades.es
Description: Tema hijo de Astra para El Gabinete. Personalizaciones de diseño y plantillas.
Author: El Gabinete
Version: 0.1.2
Template: astra
Text Domain: astra-child
*/

/* ============================================================
   LANDING "EN CONSTRUCCIÓN" — front-page.php (standalone)
   ============================================================ */

:root {
    --eg-green: #1d4d3a;          /* verde oscuro del logo */
    --eg-green-deep: #163b2c;     /* verde aún más oscuro para profundidad */
    --eg-cream: #f5f1ea;          /* crema beige */
    --eg-cream-soft: #ebe4d4;     /* crema más cálido */
    --eg-accent: #d4924a;         /* naranja del marco */
    --eg-gold: #e8a82d;           /* dorado de las letras */
    --eg-cream-muted: rgba(245, 241, 234, 0.72);
}

* {
    box-sizing: border-box;
}

html, body.eg-landing-body {
    margin: 0;
    padding: 0;
    background: var(--eg-green);
    color: var(--eg-cream);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.eg-landing-body {
    min-height: 100vh;
    display: flex;
    /* Sutil degradado radial para dar profundidad sin distraer */
    background:
        radial-gradient(ellipse at center, var(--eg-green) 0%, var(--eg-green-deep) 100%);
}

.eg-landing {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.5rem;
}

.eg-landing__inner {
    max-width: 640px;
    width: 100%;
    text-align: center;
}

.eg-landing__logo {
    margin-bottom: 2.5rem;
    display: inline-block;
    padding: 1.5rem 2rem;
    background: var(--eg-cream);
    border-radius: 18px;
    box-shadow:
        0 20px 50px -20px rgba(0, 0, 0, 0.5),
        0 8px 20px -10px rgba(0, 0, 0, 0.3);
    transform: rotate(-1deg);
    transition: transform 0.3s ease;
}

.eg-landing__logo:hover {
    transform: rotate(0deg) scale(1.02);
}

.eg-landing__logo img {
    max-width: 280px;
    width: 100%;
    height: auto;
    display: block;
    mix-blend-mode: multiply;
}

.eg-landing__tagline {
    font-size: 1.2rem;
    color: var(--eg-cream-muted);
    margin: 0 0 3rem;
    font-style: italic;
    line-height: 1.5;
}

.eg-landing__info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2.5rem;
    font-size: 1.05rem;
    line-height: 1.5;
}

.eg-landing__info-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: var(--eg-cream);
    text-decoration: none;
    transition: color 0.2s;
}

.eg-landing__info-item:hover {
    color: var(--eg-gold);
}

.eg-landing__info-item svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: var(--eg-gold);
}

.eg-landing__info-item--phones a {
    color: var(--eg-cream);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s, color 0.2s;
}

.eg-landing__info-item--phones a:hover {
    color: var(--eg-gold);
    border-bottom-color: var(--eg-gold);
}

.eg-landing__social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.eg-landing__social a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.4rem;
    border-radius: 999px;
    background: transparent;
    border: 1.5px solid var(--eg-gold);
    color: var(--eg-gold);
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    transition: transform 0.2s, background 0.2s, color 0.2s;
}

.eg-landing__social a:hover {
    transform: translateY(-2px);
    background: var(--eg-gold);
    color: var(--eg-green);
}

.eg-landing__social svg {
    width: 18px;
    height: 18px;
}

@media (max-width: 600px) {
    .eg-landing {
        padding: 2rem 1rem;
    }
    .eg-landing__logo {
        padding: 1.25rem 1.5rem;
    }
    .eg-landing__logo img {
        max-width: 220px;
    }
    .eg-landing__tagline {
        font-size: 1.05rem;
        margin-bottom: 2rem;
    }
    .eg-landing__info {
        font-size: 0.95rem;
    }
    .eg-landing__social a {
        font-size: 0.9rem;
        padding: 0.65rem 1.1rem;
    }
}