/**
Theme Name:   Astra tema Hijo Web
Description:  Modificaciones personales al tema Astra para la web
Author:       José María Aguilera P.  (J.MAP Design)
Author URL:   https://www.jmapdesign.es
Template:     astra
Version:      1.0
License:      GNU General Public License v2 or later 
License URI:  http://www.gnu.org/licenses/gpl-2.0.html 
Text Domain:  astra-tema-hijo-web
*/ 



/**
Archivos de la familia de la tipografía corporativa a cargar según el formato que admita cada navegador web.
*/ 

@font-face {
    font-family: 'Spartan';
    src: url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-SemiBold.eot');
    src: url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-SemiBold.woff2') format('woff2'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-SemiBold.woff') format('woff'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-SemiBold.ttf') format('truetype'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-SemiBold.svg#Spartan-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan';
    src: url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Medium.eot');
    src: url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Medium.eot?#iefix') format('embedded-opentype'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Medium.woff2') format('woff2'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Medium.woff') format('woff'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Medium.ttf') format('truetype'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Medium.svg#Spartan-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan';
    src: url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Regular.eot');
    src: url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Regular.eot?#iefix') format('embedded-opentype'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Regular.woff2') format('woff2'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Regular.woff') format('woff'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Regular.ttf') format('truetype'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Regular.svg#Spartan-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan';
    src: url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Bold.eot');
    src: url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Bold.eot?#iefix') format('embedded-opentype'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Bold.woff2') format('woff2'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Bold.woff') format('woff'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Bold.ttf') format('truetype'),
        url('http://localhost/fisioidun-pruebas2024/wp-content/uploads/Spartan-Bold.svg#Spartan-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/**
Alineación de textos generales (párrafos) explicativos (con clases).
*/ 

@media (min-width: 922px){
	.texto-general-alineacion p {  
   		text-align: justify;
	}
}

@media (min-width: 545px) and (max-width: 921px){
	.texto-general-alineacion p {  
   		text-align: justify;
	}
}

@media (max-width: 544px){
	.texto-general-alineacion p {  
   		text-align: left;
	}
}



/**
Alineación de textos de clasificaciones, indicaciones, objetivos, etc. (listas en recuadros) (con clases).
*/ 

.texto-indicaciones-alineacion p {
    text-align: ;
}


/**
Invertir colores de vínculos para textos sobre fondo turquesa (párrafos) (con clases).
*/ 

.texto-general-sobre-turquesa a {
    color: #224982;
}
.texto-general-sobre-turquesa a:hover {
    color: #FF9110;
}


/**
Efecto zoom al pasar el cursor sobre el logo del menú Astra (con clases).
*/ 
.site-logo-img img {
    transition: transform 0.3s ease-in-out;
}

.site-logo-img img:hover {
    transform: scale(1.09);
}


/**
Efecto zoom al pasar el cursor sobre los textos del menú y forzar (con !important) el cambio de color para My Sticky Menu (con clases).
*/ 
.main-header-menu .menu-item a {
    transition: transform 0.3s ease-in-out;
}

.main-header-menu .menu-item a:hover {
    transform: scale(1.1);
	color: #7BC8D1 !important;
}


/**
Eliminación efecto zoom al pasar el cursor sobre los textos del menú fuera del lienzo y forzar (con !important) el cambio de color para My Sticky Menu (con clases).
*/ 

/**
 * #menu-item-1393 a:hover {
    transform: scale(1);
	color: #7BC8D1 !important;
}

#menu-item-1360 a:hover {
    transform: scale(1);
	color: #7BC8D1 !important;
}

#menu-item-2233 a:hover {
    transform: scale(1);
	color: #7BC8D1 !important;
}
*/ 


/**
Efecto zoom al pasar el cursor sobre los iconos de redes sociales del menú Astra (con clases).
*/ 
.element-social-inner-wrap a {
    transition: transform 0.3s ease-in-out;
}

.element-social-inner-wrap a:hover {
    transform: scale(1.3);
}



/**
Forzado para que el contenedor del menú creado con Elementor Header & Footer Builder tenga 3 columnas no apiladas al verlo en tfno. móvil (con clases). 
*/ 
@media (min-width: 922px){
	.menuwebmovil {
		column-count: 3;
	}
}

@media (min-width: 545px) and (max-width: 921px){
	.menuwebmovil {
		column-count: 3;
	}
}

@media (max-width: 544px){
	.menuwebmovil {
		column-count: 3;
	}
}


/**
Características globales del botón de ID pedir-cita
*/

#pedir-cita {
    position: fixed;
    width: 70px;
    height: 70px;
    background: #FF9110;
	box-shadow: 0px 1px 10px rgba(34,73,130,0.9);
    border-radius: 35px;
    z-index: 999999;
	margin-right: 1%;
	transform: rotate(15deg);
    transition: all 300ms ease;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	padding: 15px;
}
#texto-pedir-cita {
	vertical-align: middle;
	text-align: center;
}
#texto-pedir-cita a{
	color: #FFFFFF;
}
#pedir-cita:hover{
    width: 76px;
    height: 76px;
    border-radius: 38px;
    background: #FF9110;
	box-shadow: 0px 1px 10px rgba(34,73,130,0.9);
	padding: 18px;
	font-size: 18px;
}

@media (max-width: 921px){
	#pedir-cita {
    top: 15px;
    right: 5px;
	}
}
@media (max-width: 921px){
	#pedir-cita:hover {
    top: 12px;
    right: 2px;
	}
}
	
@media (min-width: 922px) and (max-width: 1250px){
	#pedir-cita {
    top: 105px;
    right: 13px;
	}
}
@media (min-width: 922px) and (max-width: 1250px){
	#pedir-cita:hover {
    top: 102px;
    right: 10px;
	}
}	
	
@media (min-width: 1251px){
	#pedir-cita {
    top: 105px;
	left: calc(50vw + 563px);
	}
}
@media (min-width: 1251px){
	#pedir-cita:hover {
    top: 102px;
	left: calc(50vw + 560px);
	}
}	


/**
Características globales del botón de ID boton-whatsapp
*/

#boton-whatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    background: #23b33a;
	box-shadow: 0px 1px 10px rgba(34,73,130,0.9);
    border-radius: 36px;
    z-index: 999999;
    transition: all 300ms ease;
}
#boton-whatsapp:hover{
    width: 66px;
    height: 66px;
    background: #FFFFFF;
	box-shadow: 0px 1px 10px rgba(34,73,130,0.9);
}

@media (max-width: 921px){
	#boton-whatsapp {
    bottom: 63px;
    right: 10px;
	}
}
@media (max-width: 921px){
	#boton-whatsapp:hover {
    bottom: 60px;
    right: 7px;
	}
}

@media (min-width: 922px) and (max-width: 1250px){
	#boton-whatsapp {
    bottom: 85px;
    right: 15px;
	}
}
@media (min-width: 922px) and (max-width: 1250px){
	#boton-whatsapp:hover {
    bottom: 82px;
    right: 12px;
	}
}	
	
@media (min-width: 1251px){
	#boton-whatsapp {
    bottom: 85px;
	left: calc(50vw + 568px);
	}
}
@media (min-width: 1251px){
	#boton-whatsapp:hover {
    bottom: 82px;
	left: calc(50vw + 565px);
	}
}	



/**
Forzado para que el degradado de fondo de la cabecera tenga una altura concreta (con clases). 
*/ 
@media (min-width: 922px){
	.degradado-cabecera {
		min-height: 174px;
	}
}

@media (min-width: 545px) and (max-width: 921px){
	.degradado-cabecera {
		min-height: 174px;
	}
}

@media (max-width: 544px){
	.degradado-cabecera {
		min-height: 174px;
	}
}




/**
Forzado para que el contenedor del carrusel de inicio version 1 tenga un porcentaje de altura concreto de la pantalla que use el usuario (con clases). 
*/ 

@media (min-width: 545px){
.contenedor-slider-inicio
{
  height:85vh;
/**  width:100vh; */
}
	}

@media (max-width: 544px){
.contenedor-slider-inicio
{
  height:90vh;
/**  width:100vh; */
}
	}
	
	


/**
Forzado para que el contenedor de la imagen de cabecera de las páginas tenga una altura aceptable en la pantalla del tfno. móvil que utilice el usuario para que se luzca la imagen (con clases). 
*/ 
@media (min-width: 922px){
.imagen-cabecera-general {
  height:500px;
/**  width:100vh; */
}
	}

@media (min-width: 545px) and (max-width: 921px){
.imagen-cabecera-general {
  height:45vh;
/**  width:100vh; */
}
	}

@media (max-width: 544px){
.imagen-cabecera-general
{
  height:40vh;
/**  width:100vh; */
}
	}



/**
Forzar dos columnas en móvil y tablet
*/

@media (max-width: 544px){
	.dos-columnas-en-movil {
		column-count: 2;
	}
}

@media (min-width: 545px) and (max-width: 921px){
	.dos-columnas-en-movil {
		column-count: 2;
	}
}


/**
Forzar tres columnas en móvil y tablet
*/

@media (max-width: 544px){
	.tres-columnas-en-movil {
		column-count: 3;
	}
}


@media (min-width: 545px) and (max-width: 921px){
	.tres-columnas-en-movil {
		column-count: 3;
	}
}


/**
Forzar cuatro columnas en móvil y tablet
*/

@media (max-width: 544px){
	.cuatro-columnas-en-movil {
		column-count: 4;
	}
}

@media (min-width: 545px) and (max-width: 921px){
	.cuatro-columnas-en-movil {
		column-count: 4;
	}
}



/**
Forzar cinco columnas en móvil y tablet
*/

@media (max-width: 544px){
	.cinco-columnas-en-movil {
		column-count: 5;
	}
}

@media (min-width: 545px) and (max-width: 921px){
	.cinco-columnas-en-movil {
		column-count: 5;
	}
}


	
/**
Estilo concreto para títulos turquesas vinculados y sus resaltes turquesa oscuro (con clases).
*/ 

.titular-turquesa-vinculado a {
        color:#7bc8d1;
    }
.titular-turquesa-vinculado a:hover {
        color:#3a808e;
    } 
.resalte-turquesa-oscuro {
        color:#2C6D82;
    }
.resalte-blanco {
        color:#FFFFFF;
    }
.resalte-azul {
        color:#224982;
    }


/**
Estilo concreto para pequeños títulos resaltados y otros textos (con clases).
*/ 

.minititulo {
    	font-size:1.3em;
		color:#7bc8d1;
    }

.minititulo-blanco {
    	font-size:1.3em;
		font-weight:bold;
		color:#ffffff;
    }

.minititulo-turquesa {
    	font-size:1.3em;
		font-weight:bold;
		color:#7BC8D1;
    }

@media (min-width: 922px){
.minititulo-azul {
    	font-size:1.1em;
		font-weight:bold;
		color:#224982;
    }
}

@media (max-width: 921px){
.minititulo-azul {
    	font-size:1em;
		font-weight:bold;
		color:#224982;
    }
}


.texto-parrafo-blanco {
		color:#ffffff;
    }

.texto-parrafo-turquesa {
    	font-size:1em;
		font-weight:medium;
		color:#7BC8D1;
    }

.texto-parrafo-turquesa-oscuro {
		color:#2C6D82;
    }

@media (min-width: 922px){
.texto-parrafo-azul {
    	font-size:1.3em;
		font-weight:medium;
		color:#224982;
    }
}

@media (max-width: 921px){
.texto-parrafo-azul {
    	font-size:1.1em;
		font-weight:medium;
		color:#224982;
    }
}



/**
Estilo concreto para textos y vínculos de Otros medios de contacto (con clases).
*/ 

.otros-medios-de-contacto p {
        color:#7bc8d1;
    }
.otros-medios-de-contacto a {
        color:#224982;
    }
.otros-medios-de-contacto a:hover {
        color:#FF9110;
    } 
.otros-medios-de-contacto font {
        color:#224982;
    }


/**
Estilo concreto para mapa de ubicación (con clases).
*/ 

@media (min-width: 922px){
	.contenedor-mapa div {
		overflow:hidden; 
		background:none !important; 
		height:400px; 
		width:100%; 
		border-radius: 36px; 
		filter: grayscale(0%) opacity(95%); 
		transition: opacity 5s ease-in-out; 
	}
}
@media (min-width: 922px){
	.contenedor-mapa div:hover {
		filter: opacity(100%); 
		transition: scale(1.05); 
		transition: opacity 0.3s ease-in-out;
	}
}
@media (max-width: 921px){
	.contenedor-mapa div {
		overflow:hidden; 
		background:none !important; 
		height:400px; 
		width:100%; 
		border-radius: 36px; 
		filter: grayscale(0%) opacity(95%); 
	}
}




/**
Forzado para que el contenedor del carrusel de inicio version 2 tenga un porcentaje de altura concreto de la pantalla que use el usuario (con clases) y otras características del fondo. 
*/ 

@media (min-width: 545px){
.contenedor-slider-hijo
{
	height:100vh;
/**  width:100vh; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	}

@media (max-width: 544px){
.contenedor-slider-hijo
{
	height:90vh;
/**  width:100vh; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	}

/**
Forzado para que el contenedor del carrusel de inicio version 2 tenga el mismo tamaño que la pantalla de movil y de tablet que use el usuario (con clases) y otras características del fondo. 
*/ 

@media (min-width: 545px){
.contenedor-slider-hijo-movil
{
	height:100vh;
/**  width:100vh; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	}

@media (max-width: 544px){
.contenedor-slider-hijo-movil
{
	height:90vh;
/**  width:100vh; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	}


/**
Forzado para que el contenedor del contenido para móviles y tabletas del carrusel de inicio version 2 tenga determinadas características del fondo. 
*/ 

.contenedor-contenidos-movil .elementor-background-overlay {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}



/**
Forzado para que el contenedor del carrusel de inicio version 3 tenga un porcentaje de altura concreto de la pantalla que use el usuario (con clases) y otras características del fondo. 
*/ 
@media (min-width: 545px){
.contenedor-slider-padre-v3
{
	height:85vh;
/**  width:100vh; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	}

@media (max-width: 544px){
.contenedor-slider-padre-v3
{
	height:85vh;
/**  width:100vh; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	}

@media (min-width: 545px){
.contenedor-slider-hijo-v3
{
	height:85vh;
/**  width:100vh; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	}

@media (max-width: 544px){
.contenedor-slider-hijo-v3
{
	height:85vh;
/**  width:100vh; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	}


/**
Forzado para que el contenedor del carrusel de inicio version 3 tenga el mismo tamaño que la pantalla de movil y de tablet que use el usuario (con clases) y otras características del fondo. 
*/ 

@media (min-width: 545px){
.contenedor-slider-padre-movil-v3
{
	height:85vh;
/**  width:100vh; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	}

@media (max-width: 544px){
.contenedor-slider-padre-movil-v3
{
	height:85vh;
/**  width:100vh; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	}


@media (min-width: 545px){
.contenedor-slider-hijo-movil-v3
{
	height:85vh;
/**  width:100vh; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	}

@media (max-width: 544px){
.contenedor-slider-hijo-movil-v3
{
	height:85vh;
/**  width:100vh; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	}





/**
Forzado para que el cursor cambie al pasar sobre determinados elementos (con clases) que por defecto no generan ese cambio. 
*/

.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}

/**
Complementar lo anterior en caso necesario con estas etiquetas para vincular el elemento a una nueva web o ancla:
<a class="cursor-default" href="#">Texto o elemento a vincular con cursor normal (por defecto).</a>
<a class="cursor-pointer" href="#">Texto o elemento a vincular con cursor puntero (el dedo para pulsar).</a>
*/



/**
Conjunto de comandos para que el menú desplegable de la web tenga los vértices redondeados (con clases). 
*/

.ast-menu-toggle {
  border-radius: 10px; /* Ajusta el valor para el radio deseado */
  overflow: hidden; /* Asegura que los bordes redondeados se muestren correctamente */
}

.ast-menu-toggle li {
  border-bottom: 1px solid #eee; /* Opcional: añade un borde entre elementos */
}

.ast-menu-toggle li:last-child {
  border-bottom: none; /* Elimina el borde del último elemento */
}



/**
Forzar grosor de tipografía en el menú de pie de página de Astra */

#astra-footer-menu {
		font-weight:600;
    }



/**
Las siguientes órdenes son para alternar menús de pie de página de Astra en móviles (menos de 545px) y ordenador o tabletas respectivamente 

Ocultar menú de pie de página de Astra en ordenadores y tabletas (más de 545px) 

@media (max-width: 544px){
	.ast-footer-html-2 {
  	display: none !important;
	}
}

@media (min-width: 545px){
	.ast-footer-html-2 {
    display: block !important;
	}
}



Ocultar menú de pie de página de Astra en móviles (menos de 545px) 

@media (min-width: 545px){
	#astra-footer-menu {
  	display: none !important;
	}
}

@media (max-width: 544px){
	#astra-footer-menu {
    display: block !important;
	}
}

*/