/*
Theme Name: Kenkatsu Theme
Theme URI: https://kenkatsu-benidorm.com
Description: Tema hijo de Kadence para Kenkatsu Benidorm Sport&Wellness - Centro deportivo de alto rendimiento con cámaras hiperbáricas y habitaciones con hipoxia de última generación
Version: 1.0.0
Template: kadence
Author: Siente La Red
Author URI: https://sientelared.com
Text Domain: kenkatsu
Requires at least: 6.3
Tested up to: 6.8.3
Requires PHP: 7.4
License: GNU General Public License v3.0 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: translation-ready, accessibility-ready, e-commerce, sports, wellness
*/

/**
 * IMPORTANT: Do not modify parent theme files directly.
 * All customizations should be made in this child theme.
 *
 * Parent Theme: Kadence
 * Version: 1.4.2+
 */

/* Import parent theme styles */
@import url("../kadence/style.css");

/* ============================================
   CUSTOM STYLES KENKATSU
   Design System: "Quiet Luxury"
   ============================================ */

/* ============================================
   APLICACIÓN GLOBAL DE TIPOGRAFÍA
   ============================================ */

body,
.site {
    font-family: 'Lato', 'Montserrat', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 400;
    color: #1A1A1A;
    background-color: #FAFAF8;
    letter-spacing: 0.01em;
    line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title,
.wp-block-heading {
    font-family: 'Lora', 'Playfair Display', Georgia, serif;
    font-weight: 500;
    color: #8C8174;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

h1,
.entry-title h1 {
    font-weight: 600;
}

/* === HERO SECTION - CÁMARAS HIPERBÁRICAS (USP PRINCIPAL) === */
.hero-camaras-hiperbaricas {
    background: linear-gradient(135deg, #1F5E6B 0%, #164851 100%) !important;
    color: #FFFFFF !important;
    padding: 80px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.hero-camaras-hiperbaricas::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(31, 94, 107, 0.1);
    z-index: 1;
}

.hero-camaras-hiperbaricas .hero-content {
    position: relative;
    z-index: 2;
}

.hero-camaras-hiperbaricas h1,
.hero-camaras-hiperbaricas h2,
.hero-camaras-hiperbaricas p {
    color: #FFFFFF !important;
    font-family: 'Lora', 'Playfair Display', Georgia, serif;
    font-weight: 600;
}

/* === HERO SECTION - HABITACIONES HIPOXIA (USP SECUNDARIO) === */
.hero-habitaciones-hipoxia {
    background: linear-gradient(135deg, #8C8174 0%, #1F5E6B 100%) !important;
    color: #FFFFFF !important;
    padding: 80px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.hero-habitaciones-hipoxia::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(140, 129, 116, 0.1);
    z-index: 1;
}

.hero-habitaciones-hipoxia .hero-content {
    position: relative;
    z-index: 2;
}

.hero-habitaciones-hipoxia h1,
.hero-habitaciones-hipoxia h2,
.hero-habitaciones-hipoxia p {
    color: #FFFFFF !important;
    font-family: 'Lora', 'Playfair Display', Georgia, serif;
    font-weight: 600;
}

/* === CARDS DE SERVICIOS === */
.servicio-card {
    border: 1px solid #E6DCCF;
    border-radius: 16px;
    padding: 32px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0 5px 15px -5px rgba(31, 94, 107, 0.1);
}

.servicio-card:hover {
    box-shadow: 0 10px 25px -10px rgba(31, 94, 107, 0.15);
    transform: translateY(-2px);
    border-color: #8C8174;
}

.servicio-card-icon {
    font-size: 3rem;
    margin-bottom: 16px;
    color: #1F5E6B;
}

.servicio-card h3 {
    color: #8C8174;
    margin-bottom: 16px;
    font-family: 'Lora', 'Playfair Display', Georgia, serif;
    font-weight: 600;
}

/* === BOTONES CTA KENKATSU === */
.btn-kenkatsu-primary {
    background: #1F5E6B !important;
    color: #FFFFFF !important;
    padding: 16px 32px !important;
    border-radius: 12px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0.02em;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    font-family: 'Lato', 'Montserrat', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    box-shadow: 0 5px 15px -5px rgba(31, 94, 107, 0.1);
}

.btn-kenkatsu-primary:hover {
    background: #164851 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -10px rgba(31, 94, 107, 0.15);
    color: #FFFFFF !important;
}

.btn-kenkatsu-secondary {
    background: #8C8174 !important;
    color: #FFFFFF !important;
    padding: 16px 32px !important;
    border-radius: 12px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: 0.02em;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    font-family: 'Lato', 'Montserrat', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    box-shadow: 0 5px 15px -5px rgba(31, 94, 107, 0.1);
}

.btn-kenkatsu-secondary:hover {
    background: #6B6257 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -10px rgba(31, 94, 107, 0.15);
    color: #FFFFFF !important;
}

/* === SECCIONES ALTERNANTES === */
.section-gray,
.section-accent {
    background-color: #E6DCCF;
    padding: 80px 0;
}

.section-off-white {
    background-color: #FAFAF8;
    padding: 80px 0;
}

.section-secondary {
    background-color: #1F5E6B;
    color: #FFFFFF;
    padding: 80px 0;
}

.section-secondary h2,
.section-secondary h3,
.section-secondary h4,
.section-secondary p {
    color: #FFFFFF;
}

.section-primary {
    background-color: #8C8174;
    color: #FFFFFF;
    padding: 80px 0;
}

.section-primary h2,
.section-primary h3,
.section-primary h4,
.section-primary p {
    color: #FFFFFF;
}

/* === RESPONSIVE ESPECÍFICO KENKATSU === */
@media (max-width: 768px) {
    .hero-camaras-hiperbaricas,
    .hero-habitaciones-hipoxia {
        padding: 48px 0;
    }

    .servicio-card {
        margin-bottom: 32px;
        padding: 32px;
    }

    .btn-kenkatsu-primary,
    .btn-kenkatsu-secondary {
        padding: 14px 28px;
        font-size: 0.95rem;
    }
}







/* ============================================
   HEADER SCROLL FIXES
   ============================================ */

/* Fondo blanco y sombra al hacer scroll */
.site-header.scrolled {
    background-color: #FFFFFF !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

/* Color de texto del menú al hacer scroll */
.site-header.scrolled .main-navigation a,
.site-header.scrolled .menu-item a,
.site-header.scrolled .k-menu-link,
.site-header.scrolled nav a {
    color: #1A1A1A !important;
}

/* Asegurar que el contenedor del logo no tenga fondo conflictivo */
.site-header.scrolled .site-branding,
.site-header.scrolled .custom-logo-link {
    background: transparent !important;
}

/* Ajuste de padding si es necesario para que no se vea tan grande */
.site-header.scrolled {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}