/*
Theme Name: tema1107
Theme URI: https://incilex.com/
Author: influweb
Description: Custom WordPress theme for InciLex Dental Clinic.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: incilex
*/

body { font-family: 'Inter', sans-serif; }
h1, h2, h3 { font-family: 'Poppins', sans-serif; }

.glass-nav {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.bg-medical-gradient {
    background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);
}

.bg-medical-gradient-alt {
    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);
}

.card-elevation {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-elevation:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.btn-interaction {
    transition: all 0.3s ease;
}

.btn-interaction:hover {
    transform: scale(1.02);
    filter: brightness(1.1);
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* FAQ - cuando está abierto */
.faq-item.active .faq-content {
    max-height: 500px;
}
.faq-item.active .faq-toggle .faq-icon {
    transform: rotate(45deg);
}
.faq-item.active {
    border-color: #2563eb;
}

.hero-shape {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}

.card-elevation {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-elevation:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.btn-interaction {
    transition: all 0.3s ease;
}

.btn-interaction:hover {
    transform: scale(1.02);
    filter: brightness(1.1);
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* FAQ - cuando está abierto */
.faq-item.active .faq-content {
    max-height: 500px;
}
.faq-item.active .faq-toggle .faq-icon {
    transform: rotate(45deg);
}
.faq-item.active {
    border-color: #2563eb;
}