/*
Theme Name: Marketing para Fisioterapeutas
Author: WordPress Telex
Description: Dark, editorial one-page lead capture theme for Spanish physiotherapy clinic owners. Consulta Nocturna aesthetic with Syne and DM Sans typography, deep charcoal palette, teal accents, and burnt orange CTAs.
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: marketing-para-fisioterapeutas
Tags: block-theme, full-site-editing, one-page, dark-mode

Marketing para Fisioterapeutas - Consulta Nocturna theme
*/

/* Equal-height card layout */
.equal-cards > .wp-block-column {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
}

.equal-cards > .wp-block-column > .wp-block-group {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.equal-cards .cta-bottom {
    margin-top: auto;
    justify-content: center;
}

/* Remove top margin on footer */
.wp-site-blocks > footer {
    margin-block-start: 0;
}

/* Sticky header */
.site-header-sticky {
    position: sticky !important;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Hero ambient overlay */
.hero-cover .wp-block-cover__image-background {
    opacity: 0.07 !important;
}

/* Subtle editorial line on left */
.editorial-line::before {
    content: '';
    position: absolute;
    left: calc(50% - 420px);
    top: 15%;
    bottom: 15%;
    width: 1px;
    background: linear-gradient(180deg, transparent 0%, #222222 30%, #222222 70%, transparent 100%);
    pointer-events: none;
}

/* Form input styling */
.consulta-form input[type="email"] {
    font-family: 'DM Sans', Georgia, serif;
    font-size: 1rem;
    color: #f0f0f0;
    background: #1a1a1a;
    border: 1px solid #222222;
    border-radius: 4px;
    padding: 14px 16px;
    outline: none;
    width: 100%;
    transition: border-color 0.2s ease;
}

.consulta-form input[type="email"]::placeholder {
    color: #888888;
}

.consulta-form input[type="email"]:focus {
    border-color: #00b894;
}

/* Form button hover */
.consulta-form button[type="submit"]:hover {
    background: #cf6318 !important;
}

/* Footer links hover underline */
.wp-site-blocks > footer a:hover {
    text-decoration: underline !important;
}

/* CTA button special styling */
.wp-block-button.is-style-consulta-cta .wp-block-button__link {
    background-color: #e8721c !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-family: 'DM Sans', Georgia, serif !important;
    font-weight: 600 !important;
    transition: background-color 0.2s ease;
    padding: 14px 32px !important;
}

.wp-block-button.is-style-consulta-cta .wp-block-button__link:hover {
    background-color: #cf6318 !important;
}

/* Subtle radial glow backgrounds */
.radial-glow-teal {
    position: relative;
}

.radial-glow-teal::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(ellipse 600px 400px at 10% 20%, rgba(0, 184, 148, 0.03) 0%, transparent 70%),
        radial-gradient(ellipse 400px 600px at 90% 80%, rgba(232, 114, 28, 0.02) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

/* Section divider line */
.section-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #222222 20%, #222222 80%, transparent 100%);
    border: none;
}

/* Animate in on scroll */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-section {
    animation: fadeInUp 0.6s ease-out both;
}

/* Number indicators */
.step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #00b894;
    border-radius: 50%;
    font-family: 'Syne', Georgia, serif;
    font-weight: 700;
    font-size: 0.875rem;
    color: #00b894;
    flex-shrink: 0;
}

/* Trust quote styling */
.trust-quote {
    border-left: 2px solid #00b894;
    padding-left: 24px;
    font-style: italic;
}

/* Spoiler emphasis */
.spoiler-text {
    font-weight: 500;
    color: #f0f0f0;
}

/* Link styling */
a {
    color: #00b894;
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: #00d4a8;
}

/* Hero form: inline on desktop, stacked on mobile */
@media (min-width: 768px) {
    .hero-email-form {
        flex-wrap: nowrap !important;
    }
}

@media (max-width: 767px) {
    .hero-email-form {
        flex-direction: column;
    }

    .hero-email-form input[type="email"] {
        width: 100% !important;
        min-width: 0 !important;
    }

    .hero-email-form button[type="submit"] {
        width: 100%;
    }
}

/* Sobre mí columns: stack on mobile */
@media (max-width: 767px) {
    .sobre-mi-columns {
        flex-direction: column !important;
    }

    .sobre-mi-columns .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .editorial-line::before {
        display: none;
    }

    .hero-headline-size {
        font-size: 1.88rem !important;
    }
}