/*
 Theme Name:   Solteck Child
 Theme URI:    https://themewant.com/products/wordpress/soltech
 Description:  Solteck Child
 Author:       ReacThemes
 Author URI:   http://reactheme.com
 Template:     solteck
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */


/* Tema Importado */

/* Importar fuentes */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Outfit:wght@300;400;500;600&display=swap');

/* Variables globales */
:root {
    --azul: #1a365d;
    --azul-light: #2d4a7c;
    --tierra: #c4a77d;
    --tierra-light: #d4bc9a;
    --blanco: #faf9f7;
    --crema: #f5f3ef;
    --gris: #6b7280;
    --negro: #1f2937;
	
	 /* Transitions */
            --transition-fast: 0.2s ease;
            --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Animaciones de entrada */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate-fade-up {
    animation: fadeInUp 0.8s ease forwards;
}

.animate-fade-right {
    animation: fadeInRight 0.8s ease forwards;
}
.body{
	background: #faf9f7;
}

.title-1 em{
    color: var(--tierra);
    font-style: italic;
	font-family:'Cormorant Garamond', Georgia, serif!important;
}
.hero-image-accent {
    position: absolute;
    top: 16px;
    left: 6px;
    width: 100px;
    height: 100px;
    border: 2px solid var(--tierra);
    border-radius: 6px;
    z-index: -1;
}

.title-servi h3{
color: var(--azul) !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 28px !important;
    margin-bottom: 5px!important;
}

.especialidad-card {
    border: 2px solid rgba(26, 54, 93, 0.06);
    transition: all var(--transition-smooth);
    position: relative;
    overflow: hidden;
}
.especialidad-card:hover::before {
    height: 100%;
}

.especialidad-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 0;
    background: var(--tierra);
    transition: height var(--transition-smooth);
}
.especialidad-card:hover .elementor-icon {
    background: var(--azul)!important;
	transition: height var(--transition-smooth);
}
.especialidad-card:hover .elementor-icon svg  {
	fill: var(--tierra)!important;
}
.especialidad-card{
	min-height: 310px;
}
.bloques-servi{
	min-height: 129px;
    display: flex;
    align-items: center;
}
.sobre-image-badge {
    position: absolute;
    bottom: -1.5rem;
    right: -1.5rem;
    background: var(--azul);
    color: white;
    padding: 1.5rem;
    border-radius: 8px;
    text-align: center;
	    box-shadow: 11px 17px 42px -5px rgba(0, 0, 0, 0.5);
}
.sobre-image-badge .number {
   font-family: 'Cormorant Garamond', Georgia, serif !important;
   font-size: 50px;
    font-weight: 600;
    color: var(--tierra);
    line-height: 55px;
}
.sobre-image-badge .text {
    font-size: 16px;
    opacity: 0.9;
	line-height: 18px;
}
.bloque-equipo>div{
	border-radius: 20px;
}
.section-label {
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--tierra);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
	gap: 0.75rem;
}
.section-label::before {
    content: '';
    width: 2rem;
    height: 1px;
    background: var(--tierra);
}
.title-mev h2{
font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 55px !important;
    font-weight: 600;
    color: var(--azul);
    line-height: 49px;
    margin-bottom: 0;
}
.sobre-content blockquote {
font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 25px;
    font-style: italic;
    font-weight: 600;
    color: var(--azul);
    line-height: 30px;
    margin: 0;
    background: #ac865914;
    padding: 20px 50px;
    border-left: 4px solid var(--tierra);
}
/* page confirmacion */
.header-cita{text-align:center;padding:10px;border-bottom:1px solid #e8edf2;}
.logo-box{display:inline-block;border:1.5px solid #1a3a5c;padding:10px 32px;margin-bottom:24px;}
.logo-name{font-family:'Playfair Display',serif;font-size:22px;color:#1a3a5c;letter-spacing:4px;}
.logo-sub{font-size:10px;color:#2563a8;letter-spacing:6px;display:block;margin-top:3px;}
.check-wrap{width:72px;height:72px;border-radius:50%;background:#f0f7ef;border:2px solid #3b6d11;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}
.check-icon{width:32px;height:32px;}
.headline{font-family:'Playfair Display',serif;font-size:28px;color:#1a3a5c;font-weight:400;margin-bottom:10px;}
.subline{
    font-size: 20px;
    color: #64748b;
    line-height: 26px;
    text-align: center;
}
.section{padding:32px 0;border-bottom:1px solid #e8edf2;}
.section-label{font-size:11px;letter-spacing:3px;color:#94a3b8;text-transform:uppercase;margin-bottom:20px;}
.info-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;}
.info-icon{width:36px;height:36px;border-radius:50%;background:#f0f4f8;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;}
.info-content p{font-size:13px;color:#94a3b8;margin-bottom:2px;letter-spacing:1px;text-transform:uppercase;}
.info-content strong{font-size:15px;color:#1a3a5c;font-weight:600;}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:4px;}
.step-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;}
.step-num{font-size:11px;color:#2563a8;font-weight:700;letter-spacing:2px;margin-bottom:6px;}
.step-text{font-size:13px;color:#475569;line-height:1.5;}
.cta-section{padding:32px 0;text-align:center;}
.wa-btn{display:inline-flex;align-items:center;gap:10px;background:#25d366;color:#fff;text-decoration:none;padding:14px 28px;border-radius:6px;font-size:14px;font-weight:600;letter-spacing:0.5px;margin-bottom:16px;}
.wa-icon{width:20px;height:20px;fill:#fff;}
.home-btn{display:inline-block;border:1.5px solid #1a3a5c;color:#1a3a5c;text-decoration:none;padding:12px 28px;border-radius:6px;font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-left:12px;}
.map-section{padding:32px 0;}
.map-frame{width:100%;height:220px;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;}
.address-row{display:flex;align-items:center;gap:12px;margin-top:16px;}
.address-icon{font-size:18px;}
.address-text{font-size:14px;color:#475569;line-height:1.5;}
.footer{text-align:center;padding:24px 0;border-top:1px solid #e8edf2;}
.footer p{font-size:11px;color:#94a3b8;letter-spacing:1px;text-transform:uppercase;}
/* fin confirmacion */

.text-blancos h2{
	color: #fff;
	margin: 0px;
}
.fcal_timezone_select,
.fcal_timezone_wrap,
.fcal-timezone-selector,
.fluentbooking-timezone {
    display: none !important;
}

.btn-reservas a{
	background: #1d3357;
	color: #fff!important;
	padding: 10px 25px !important;
    border-radius: 30px;
	transition: 0.2s;
}
.btn-reservas a:hover{
	background: #ac8659;	
	color: #1d3357!important;
}
b, strong {
    color: #ac8659!important;
}

.textos-otros h3{
	color: #525151;
	margin: 0px;
}
.menu-footer ul li a{
	padding: 0px!important;
	margin-bottom: 10px;
}

.line{
	background: #6f6c6c;
	height: 1px;
	width: 50px;
	display: block;
}

.menu-footer ul {
display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.btn-reservas1 a{
color: #ac8659 !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    margin-top: 10px;
}

.btn-reservas1 a:hover{
	color: #ffd098!important;
}

.servi-interno h2{
	font-size: 24px;
	color: #525151;
	line-height: 30px;
}

/* Ocultar el texto original "Your Name" manteniendo el asterisco */
#name-label .fcal_input_label {
    font-size: 0 !important;
}

#name-label .fcal_input_label::before {
    content: "Nombre ";
    font-size: 14px; /* Ajusta este tamaño al que prefieras */
}

#name-label .fcal_input_label span {
    font-size: 14px !important;
}

/* Traducir "Your Email" */
#email-label .fcal_input_label {
    font-size: 0 !important;
}

#email-label .fcal_input_label::before {
    content: "Correo Electrónico ";
    font-size: 14px;
}

#email-label .fcal_input_label span {
    font-size: 14px !important;
}

/* OPCIONAL: Traducir los placeholders (los de adentro del cuadro) */
.fcal_input::placeholder {
    color: transparent !important;
}

.fcal_field_name_name .fcal_input_wrap::before {
    content: "Escribe tu nombre";
    position: absolute;
    padding: 10px;
    pointer-events: none;
    color: #999;
}

@media screen and (max-width:768px) {
	.title-mev h2 {
	        font-size: 30px !important;
        line-height: 32px;
        text-align: center;
   }
.sobre-image-badge {
    position: absolute;
    right: 0.5rem;
    padding: 10px;
	}
	.sobre-content blockquote {
    font-size: 22px;
    line-height: 25px;
	padding: 20px 21px;
	}
	.textos-otros h3 {
    font-size: 20px;
		line-height: 22px;
	}
	.menu-footer ul {
    display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
	.menu-footer ul li a{
		justify-content: center!important;
	}
	.servi-interno h2 {
    font-size: 17px;
    color: #525151;
		line-height: 21px;
	}
}