/*
Theme Name: Clínica Aranjuez
Theme URI: https://logicalweb.bo
Version: 1.0
Description: Tema hijo de twentytwentyfive
Author: Enrrique
Author URI: https://logicalweb.bo
Template: twentytwentyfive
*/

:root :where(.wp-element-button:hover, .wp-block-button__link:hover,.wp-block-read-more:hover){
	background-color:black !important;
	color:white !important;
}
.text-justify{
	text-align:justify;
}
/*ANIMACIONES DE ENTRADA*/
/* Estado inicial */
.animate-up,
.animate-down,
.animate-left,
.animate-right,
.animate-zoom,
.animate-fade {
    opacity: 0;
    transition: all 2s ease;
    transform: translateY(0);
}

/* Estados específicos de entrada */
.animate-up {
    transform: translateY(100px);
}
.animate-down {
    transform: translateY(-100px);
}
.animate-left {
    transform: translateX(100px);
}
.animate-right {
    transform: translateX(-100px);
}
.animate-zoom {
    transform: scale(0.8);
}
.animate-fade {
    transform: none;
}

/* Cuando entra en pantalla */
.animate-visible {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

/*HEADER*/
header a,a:is(:hover,:active){
	text-decoration:none;
	outline:none;
}

header nav a{
	padding:0.5rem 0;
	line-height:100%;
	box-sizing:border-box;
}
header nav a::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 5px;
    transition: width 0.5s ease;
    background-color: #083762;
}
header nav a:hover::before{
	content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #083762;
}
header nav a:hover{
	color: #083762 !important;
}
header nav a[aria-current="page"]::before{
	content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #083762;
}
header nav a[aria-current="page"]{
	color: #083762 !important;
}
header{
	position:fixed;
	top:0;
	width:100%;
	z-index:3;
}
.content-logo img{
	width:clamp(80px,10vw,100px) !important;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
	padding:0.5rem;
}

/*Especialidades*/
/*.content-specialty{
	position:relative;
}
.image-specialty{
	position:absolute;
	top:-50px;
	right:50%;
}*/
/*FOOTER*/
footer{
	margin:0;
}
/*HOME*/

.text-line a{
	 display: -webkit-box;
  -webkit-line-clamp: 1; /* Máximo de 2 líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
	text-overflow:ellipsis;
}

/*CONTACT*/

.contact-form :where(input,select,textarea){
	width:100%;
	box-sizing:border-box;
	border:1px solid #00777b;
	font-size:1rem;
	border-radius:0.5rem;
	padding:0.5rem;
}

.contact-form .wpcf7-submit{
	border:none;
	background-color:#840073;
	padding:1rem;
	font-size:1.25rem;
	color:white;
	font-weight:bold;
}

@media(max-width:530px){
	.content-credits{
		align-items:center;
		justify-content:center;
	}
}
@media(max-width:599px){
	.logo-desktop{
		display:none
	}
	.logo-mobile{
		display:block;
	}
	.row-top-menu{
		flex-direction:row-reverse;
	}
}
@media(min-width:600px){
	.logo-desktop{
		display:block;
	}
	.logo-mobile{
		display:none
	}
}