/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1785292543
Updated: 2026-07-29 02:35:43

*/
/*
Theme Name:   Hello Elementor Child - Dr. Jose del Valle
Theme URI:    https://josedelvallemd.com
Description:  Tema hijo de Hello Elementor para josedelvallemd.com. Incluye optimizaciones de Core Web Vitals, boton flotante de WhatsApp y datos estructurados Physician.
Author:       Direccion de Diseno Web y SEO
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
License:      GNU General Public License v2 or later
*/

/* =========================================================================
   1. BOTON FLOTANTE DE WHATSAPP
   Area tactil de 56px, sin desplazamiento de diseno (CLS).
   ========================================================================= */
.jdv-wa {
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 9990;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #25D366;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .22);
	transition: transform .18s ease;
}

.jdv-wa:hover,
.jdv-wa:focus {
	transform: scale(1.06);
}

.jdv-wa:focus-visible {
	outline: 3px solid #0B3C5D;
	outline-offset: 3px;
}

/* En moviles se sube para no quedar bajo la barra del navegador. */
@media (max-width: 767px) {
	.jdv-wa {
		right: 14px;
		bottom: 76px;
		width: 52px;
		height: 52px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.jdv-wa {
		transition: none;
	}
}

/* =========================================================================
   2. TIPOGRAFIA LOCAL
   Sube los .woff2 a /fonts/ y descomenta. Alojar la fuente localmente
   elimina una conexion externa y mejora el LCP.
   ========================================================================= */
/*
@font-face {
	font-family: 'JDV Sans';
	src: url('fonts/jdv-sans-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'JDV Sans';
	src: url('fonts/jdv-sans-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
*/

/* =========================================================================
   3. BASE DE RENDIMIENTO Y ACCESIBILIDAD
   ========================================================================= */

/* Evita CLS: toda imagen reserva su espacio antes de cargar. */
img,
video {
	height: auto;
	max-width: 100%;
}

/* Tamano minimo legible en movil. */
body {
	-webkit-font-smoothing: antialiased;
}

@media (max-width: 767px) {
	body {
		font-size: 16px;
	}
}

/* Areas tactiles minimas de 48px en botones y enlaces de accion. */
.elementor-button,
.jdv-cta {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Foco visible en todo el sitio: requisito de accesibilidad. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid #12808A;
	outline-offset: 2px;
}

/* Salto al contenido para lectores de pantalla. */
.jdv-skip {
	position: absolute;
	left: -9999px;
}

.jdv-skip:focus {
	left: 12px;
	top: 12px;
	z-index: 99999;
	padding: 10px 16px;
	background: #0B3C5D;
	color: #fff;
	border-radius: 4px;
}

.jdv-wa{ background:#25D366 !important; }