/*
Theme Name:  Dra-patricia-theme
Description: Tema hijo para hacer personalizaciones de código
Author:      Webempresa
Author URL:  https://tu-sitio.com/
Template:    hello-elementor
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dra-patricia-theme
*/

body{
	font-family: var(--e-global-typography-text-font-family), sans-serif !important;
	color: var(--e-global-color-text);
}
.section{
	padding-top: 70px;
	padding-bottom: 70px;
}
.h2.h2.h2 span{
	font-weight: 300;
}
.h1.h1.h1{
	font-weight: 400;
}
.img-footer img{
	filter: saturate(.8);
}
.rank-math-breadcrumb a {
	color: #8b8b8b;
	text-decoration: none;
	font-size: 13px;
}
.rank-math-breadcrumb .last{
	font-size: 13px;
	color: #8b8b8b;
}
.rank-math-breadcrumb a:hover {
	color: #A23227;
	text-decoration: underline;
}
.rank-math-breadcrumb .separator{
	padding-inline: 5px;
	opacity: .6;
	color: #8b8b8b;
}

/* ====================================== HOME ======================================== */
/* ------------------------------------Sección acerca de la Dra */
@media (max-width: 789px){
	.pic-dra-patricia img{
		margin-bottom: 25px;
	}
	#bannerMain#bannerMain h1 {
		font-size: 2.5rem;
        line-height: 1.5;
	}
	#bannerMain#bannerMain .title-banner {
		top: 40%;
		width: 100%;
	}
}
@media (min-width: 790px){
	#bannerMain{
		max-height: 90vh;
	}
	#bannerMain video{
		object-position: center !important;
	}
}
#bannerMain{
	position: relative;
}
#bannerMain:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .2) 30%, rgba(255, 255, 255, 0) 100%);
}
#bannerMain .title-banner{
	position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%);
	opacity: .5;
	width: 80%;
}
#bannerMain h1 {
    font-size: 3.5rem;
    font-weight: 600;
    filter: invert(0.5);
}
.pic-dra-patricia img{
/* 	filter: grayscale(1) brightness(0.8); */
	transition: 500ms;
}
/* .pic-dra-patricia img:hover{
	filter: grayscale(0) brightness(1);
} */
.btn-min.btn-min a{
	color: inherit;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.35em;
	text-decoration: none;
}
.btn-min a svg{
	margin-left: 10px;
	transition: 500ms;
}
.btn-min a:hover svg{
	margin-left: 5px;
}
.btn-min a:hover path{
	fill: var(--e-global-color-accent);
}
/* ------------------------------------ Seccion de tratamientos */
#nuestrosT1{
	padding-top: 60px;
}
#nuestrosT2{
	padding-bottom: 60px;
}
/* ------------------------------------Sección que es la medicina estética funcional */
#medicinaE1{
	padding-top: 60px;
}
#medicinaE2{
	padding-bottom: 60px;
/* 	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(254, 240, 239, 1) 19%, rgba(254, 240, 239, 1) 67%, rgba(255, 255, 255, 1) 100%); */
}
/* ------------------------------------Sección últimos artículos de blog */
@media (max-width: 789px){
	#lastArticles .h2{
		padding-inline: 30px;
	}
}

.page-id-69 .img-footer{
	display: none !important;
}
#lastArticles .elementor-shortcode{
	padding-inline: 15px;
}

/* ============================= PLANTILLA DE PÁGINA ================================== */
@media (min-width:601px){
	.site-main .banner-pagina{
		height: 80vh;
	}
	.site-main .banner-pagina.banner-pagina img{
		width: 48%;
		height: 80%;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translatey(-50%);
	}
	.site-main .banner-pagina .banner-description .row, .banner-pagina .banner-description{
		height: 100%;
	}
	.site-main .banner-pagina.banner-pagina.banner-pagina .h1{
		font-weight: 600;
		text-transform: uppercase;
		font-size: 64px;
	}
	.site-main .txt-banner.txt-banner{
		font-size: 18px;
	}
}
@media (max-width:600px){
	.site-main .banner-pagina{
		margin-top: 20px;
		height: 70vh;
	}
	.site-main .banner-pagina img{
		padding-inline: 15px;
		width: 100%;
	}
	.site-main .banner-pagina{
		flex-direction: column;
		justify-content: center;
		row-gap: 40px;
	}
	.site-main .banner-description{
		text-align: center;
	}
}
.site-main .banner-pagina img{
	object-fit: cover;
	filter: saturate(55%);
}
.site-main .txt-banner.txt-banner{
	font-weight: 300;
}
.site-main .banner-pagina.banner-pagina.banner-pagina .h1{
	text-transform: uppercase;
}


/* ==================================== NOSOTROS ====================================== */
@media (max-width: 689px){
	#mvv .mvv-l{
		flex-direction: column !important;
	}
}
@media (min-width: 690px){
	.mvv-l>div{
		height: 100%;
	}
}
	
#mvv{
 padding-bottom: 80px !important;
}
#mvv .mvv-title{
	font-size: 28px;
	font-weight: 400;
}
#mvv .mvv-box{
	padding: 30px;
	border: 3px solid #F0EFEB;
	background: #F0EFEB;
	justify-content: center;
}
#mvv>div, #mvv>div>div{
	gap: 25px;
}
.mvv-r strong{
	font-weight: 500;
}
#formacion h5{
	font-size: 16px;
}
#formacion .elementor-icon-box-description{
	font-size: 14px;
}
.card-certi{
	transition: background 300ms;
}
.card-certi:hover{
	background: linear-gradient(180deg, #00000000, #a2322717);
}
.certificado{
	display: block;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2em;
    color: #1e1e1e;
	position: relative;
	transition: color 300ms;
}
.certificado:before{
	content: "";
	width: 80px;
	height: 1px;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	background: #A22F26;
	position: absolute;
}
.certificado:hover{
	color: #A22F26;
}
/* =================================== CATEGORÍA ROSTRO ========================================== */
@media (min-width:601px){
	.site-tratamiento .banner-pagina{
		height: 80vh;
	}
	.site-tratamiento .banner-pagina.banner-pagina img{
		width: 48%;
		height: 80%;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translatey(-50%);
	}
	.site-tratamiento .banner-pagina .banner-description .row, .site-tratamiento .banner-pagina .banner-description{
		height: 100%;
	}
	.site-tratamiento .banner-pagina.banner-pagina.banner-pagina .h1{
		font-weight: 600;
		text-transform: uppercase;
		font-size: 64px;
	}
	.site-tratamiento .txt-banner.txt-banner{
		font-size: 18px;
	}
	.list-face .row>div{
		row-gap: 30px;
	}

}
@media (max-width:600px){
	.site-tratamiento .list-face{
		padding-inline: 25px;
	}
	.site-tratamiento .banner-pagina{
		margin-top: 20px;
		min-height: 70vh;
		flex-direction: column;
		justify-content: center;
		row-gap: 40px;
	}
	.site-tratamiento .banner-pagina img{
		padding-inline: 15px;
		width: 100%;
	}
	.site-tratamiento .banner-description{
		text-align: center;
	}
	.site-tratamiento h2{
		font-size: 24px;
		text-align: center; 
	}

}

.site-tratamiento#content h3, .site-tratamiento#content p>strong{
	font-size: 24px;
	font-weight: 400;
}
.site-tratamiento#content p, .site-tratamiento#content li{
	font-weight: 300;
}
.term-rostro .site-tratamiento .banner-pagina img{
	filter: saturate(55%);
}
.site-tratamiento .banner-pagina img{
	object-fit: cover;
	filter: saturate(40%);
}
.site-tratamiento .txt-banner.txt-banner{
	font-weight: 300;
}
.site-tratamiento .banner-pagina.banner-pagina.banner-pagina .h1{
	text-transform: uppercase;
	hyphens: auto;
}
.site-tratamiento .card{
	border: none;
	border-radius: 0;
}
.site-tratamiento .card .card-up{
	position: relative;
}
.site-tratamiento .card img{
	object-fit: cover;
	height: 100%;
	border-radius: 0;
	padding-inline: 15px;
}
.site-tratamiento .card .card-up:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, .6) 14%, rgb(255 255 255 / 10%) 30%, rgba(255, 255, 255, 0) 70% ,rgba(255, 255, 255, 0) 100%);
}
.site-tratamiento .card-body{
	position: absolute;
	bottom: -70px;
	left: 0;
	padding: 0 0 15px !important;
}
.site-tratamiento h2{
	padding-bottom: 30px;
}
.site-tratamiento .card-title{
	text-transform: uppercase;
	color: #1e1e1e;
}
.site-tratamiento .card-desc{
	padding: 80px 15px 40px;
	font-weight: 300;
}

/* ======================================== TRATAMIENTO ========================================== */
@media (min-width:601px){
	.site-tratamientos .banner-pagina{
		height: 80vh;
	}
	.site-tratamientos .banner-pagina.banner-pagina img{
		width: 48%;
		height: 80%;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translatey(-50%);
	}
	.site-tratamientos .banner-pagina .banner-description .row, .site-tratamientos .banner-pagina .banner-description{
		height: 100%;
	}
	.site-tratamientos .banner-pagina.banner-pagina.banner-pagina .h1{
		font-weight: 600;
		text-transform: uppercase;
		font-size: 64px;
	}
	.site-tratamientos .txt-banner.txt-banner{
		font-size: 18px;
	}
	.site-tratamientos.site-tratamientos table tr img {
		min-width: 27px;
	}

}
@media (max-width:600px){
	.site-tratamientos .banner-pagina{
		margin-top: 20px;
		min-height: 70vh;
		flex-direction: column;
		justify-content: center;
		row-gap: 40px;
	}
	.site-tratamientos .banner-pagina img{
		padding-inline: 15px;
		width: 100%;
	}
	.site-tratamientos .banner-description{
		text-align: center;
	}
	.site-tratamientos .frase.frase {
		font-size: 18px;
		padding-bottom: 80px;
	}
	.site-tratamientos .photo-before.photo-before {
		margin-top: 35px;
	}
	.site-tratamientos.site-tratamientos table{
		margin-top: 30px;
	}
	.site-tratamientos.site-tratamientos table tr img {
		height: auto;
		width: 45px;
		min-width: 25px;
	}
}

.site-tratamientos#content h3, .site-tratamientos#content p>strong{
	font-size: 24px;
	font-weight: 400;
}
.site-tratamientos#content p, .site-tratamientos#content li{
	font-weight: 300;
}
.site-tratamientos .banner-pagina img{
	object-fit: cover;
}
.site-tratamientos .txt-banner.txt-banner{
	font-weight: 300;
}
.site-tratamientos .banner-pagina.banner-pagina.banner-pagina .h1{
	text-transform: uppercase;
}
.site-tratamientos .frase{
	font-size: 24px;
	text-align: center;
	padding-inline: 10%;
	padding-bottom: 120px;
	font-weight: 300;
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 25px;
}
.site-tratamientos .frase img{
	width: 40px;
	height: auto;
	filter: grayscale(1) brightness(0);
}
.site-tratamientos .page-content{
	background: #F0EFEB;
	padding-top: 30px;
	padding-bottom: 30px;
}
.site-tratamientos#content .row-extra{
	padding-top: 40px;
	padding-bottom: 40px;
}
.site-tratamientos.site-tratamientos.site-tratamientos table tr td, .site-tratamientos.site-tratamientos.site-tratamientos table tr th{
	background-color: transparent;
	border: none;
	padding: 20px;
	font-weight: 300;
}
.site-tratamientos table tr{
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
.site-tratamientos table tr img{
	height: 27px;
	width: auto;
}
.site-tratamientos .photo-before{
	padding: 35px;
	position: relative;
}
.site-tratamientos .photo-before:before{
	content: "ANTES";
	position: absolute;
	left: 0;
	bottom: 20px;
	letter-spacing: 7px;
	font-weight: 400;
	z-index: 1;
}
.site-tratamientos .photo-before:after{
	content: "DESPUÉS";
	position: absolute;
	right: 0;
	top: 20px;
	letter-spacing: 7px;
	font-weight: 400;
	z-index: 1;
}
.site-tratamientos .photo-before>div{
	position: relative;
}
.site-tratamientos .photo-before>div:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: -0px;
	background: #ffffff;
	background: linear-gradient(180deg, rgba(240, 239, 235, 1) 0%, rgba(255, 255, 255, 0.15) 10%, rgba(255, 255, 255, 0.15) 90%, rgba(240, 239, 235, 1) 100%);
}

/* ======================================= Artículos ============================================= */
.pagination.pagination{
	justify-content: center;
	gap: 30px;
}
.pagination.pagination a{
	color: #353535;
	transition: background 300ms;
}
.pagination.pagination a:hover{
	text-decoration: underline;
}
.pagination.pagination span.current{
	color: #fff;
	background: #A23227;
	border-radius: 50%;
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
	padding-top: 1px;
}
.container-articles{
	padding-inline: 15px;
}

/* ======================================= Header ============================================= */
#header{
	background: #fff;
	position: relative;
	z-index: 9999;
	transition: 500ms;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
}
#header.header-scroll {
	position: fixed;
	box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
	background: #A23227;
}
#header.header-scroll:after {
	height: 0;
}
#header.header-scroll .col-logo img{
	filter: grayscale(0) brightness(10);
}
#header.header-scroll .menu-open .lines-menu{
	background: #fff;
}
#header.header-scroll .site-header-c{
	background: #A23227;
}
#header.header-scroll .lines-menu:after, #header.header-scroll .lines-menu:before {
    background: #fff;
}
#header .site-header-c{
	position: relative;
	display: flex;
	justify-content: space-between;
	z-index: 6;
	background: #fff;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: 500ms;
}
#header .site-header-c.menu-actived-fixed {
	background: transparent;
}
#header .col-logo{
	width: 40%;
}
#header .col-logo img{
	max-height: 70px;
	width: auto;
	filter: grayscale(1) brightness(0);
	max-width: none;
	transition: 500ms;
}
#header .col-logo img.menu-actived-fixed{
	filter: grayscale(0) brightness(10);
}
#header .col-menu{
	width: 60%;
}
#header .menu-container {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #A23227;
	transform: translateY(-300%);
	opacity: 0;
	z-index: 5;
	transition: 600ms;
	display: flex;
	align-items: center;
}

@media (min-width:790px) and (max-width:1600px){
	#header .menu-container>.container>.row{
		max-height: 60vh;
		overflow-y: auto;
	}
	#header .menu-container>.container>.row{
		scrollbar-width: thin;
		scrollbar-color: #f0efeba1 #d3d3d32e;
	}
}

@media (max-width:1600px){
	#header .menu-container{
		padding-top: 130px;
		padding-bottom: 130px;
	}
}
@media (max-width: 789px){
	#header#header .menu-container{
		padding-bottom: 60px;
		padding-top: 85px;
	}
}

#header .menu-container.menu-actived-fixed {
	transform: translateY(0%);
	opacity: 1;
}
#header nav.site-navigation{
	margin-bottom: 5px;
}
#header .lista-tratamiento ul{
	margin-top: 10px;
}
#header .site-navigation ul.menu{
	display: block;
}
#header .site-navigation ul.menu li {
	position: relative;
	width: 100%;
	display: block;
}
#header .site-navigation ul.menu li a{
	color: #ffffff;
	text-align: right;
	display: inline-block;
	transition: 500ms;
	padding: 5px 0px;
}
#header .site-navigation ul.menu li a:hover,
.lista-tratamiento a.cat-1-t:hover,
.lista-tratamiento ul li a:hover,
.lista-tratamiento a.cat-2-t:hover{
	text-decoration: underline;
}
#header .site-navigation ul.menu li.current-menu-item a{
	font-weight: 700;
}
.menu-open {
	display: flex;
	width: 40px;
	height: 40px;
	margin-left: auto;
	cursor: pointer;
	align-items: center;
	justify-content: end;
	z-index: 9991;
	position: relative;
	border-radius: 100%;
}
.menu-open .lines-menu {
	display: block;
	height: 3px;
	width: 100%;
	background: #000000;
	border-radius: 29px;
	position: relative;
/* 	transition: 500ms; */
}
.lines-menu:after,
.lines-menu:before {
	content: "";
	height: 3px;
	width: 84%;
	background: #000000;
	border-radius: 29px;
	position: absolute;
	right: 0%;
	transition: 500ms;
}
#header#header .menu-open .lines-menu.menu-actived-fixed{
	background: transparent;
}
.lines-menu.menu-actived-fixed:after,.lines-menu.menu-actived-fixed:before{
	background: #fff;
}
.menu-open:hover .lines-menu:after, .menu-open:hover .lines-menu:before {
	width: 100%;
}
.lines-menu:before {
	bottom: -10px;
	transition: bottom 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.lines-menu:after {
	top: -10px;
	transition: top 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.is-active .lines-menu{
	background: rgb(31 39 58 / 0%);
}
.is-active .lines-menu:before {
	bottom: 0;
	transform: rotate(-45deg);
	transition: bottom 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
	width: 100%;
}
.is-active .lines-menu:after {
	top: 0;
	transform: rotate(45deg);
	transition: top 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
	width: 100%;
}

.seccion-menu{
	display:flex;
	align-items: center;
}
.tratamientos-sin-cat li a{
	color: white;
}
.lista-tratamiento ul li::marker {
	color: #fff; 
}
.tratamientos-sin-cat li a{
	display: block;
	padding: 5px 0px;
	text-transform: uppercase;
}
.lista-tratamiento ul li a{
	list-style: none;   
	margin: 0;         
	padding: 0;  
	font-size: 13px;
	color: white;
	text-transform: uppercase;
}

header {
	position: sticky;
	top: 0;
	background: #fff;
	width: 100%;
	z-index: 9999;
	transition: 400ms;
}
header.active{
	background: #A23227;
}
header hr{
	color: #fff;
}
.sub-tratamiento{
	padding-left: 15px;
	padding-top: 10px;
    padding-bottom: 10px;
}
.lista-tratamiento .cat-2-t{
	font-size: 14px;
	display: block;
	color: #fff;
	text-transform: uppercase;
}
.lista-tratamiento a.cat-2-t{
	margin-bottom: 10px;
}
.cat-1 li, .lista-tratamiento .cat-1-t{
	font-size: 18px;
	color: #fff;
}
.lista-tratamiento span{
	color: #fff;
}
.lista-tratamiento-sin-category .cat-1-t{
	line-height: 1.3;
    padding-bottom: 11px;
    display: block;
}
.lista-tratamiento-medicina .cat-1-t{
	line-height: 0;
}

@media (max-width: 1024px){
	.subseccion-foto{
		display:none;
	}
	#header#header .menu-container.menu-actived-fixed {
		overflow-y: scroll;
	}
	#header#header .menu-container {
		align-items: flex-start;
	}
	#header#header .col-logo img {
		max-height: 60px;
	}
	#header .site-header-c.menu-actived-fixed{
		background: #A23227;
	}
	.sub-tratamiento.sub-tratamiento{
		padding-left: 0;
	}
}
@media (min-width: 1025px){
	.lista-tratamiento-2 a{
		padding-left: 15px;
	}
	.subseccion-foto.subseccion-foto{
		padding: 4%;
		filter: grayscale(1);
		transition: 500ms;
	}
	.subseccion-foto.subseccion-foto:hover{
		filter: grayscale(0);
	}
}

/* ======================================= Libro de Reclamaciones ============================================= */
@media(max-width:789px){
	.cf7-grid-3.cf7-grid-3{
		grid-template-columns: 1fr;
	}
}
.cf7-seccion-titulo {
  background: #a23227;   /* Azul corporativo */
  color: #fff;
  font-weight: bold;
  padding: 8px 12px;
  margin: 20px 0 30px;
  font-size: 16px;
  border-radius: 2px;
}

/* ===== Grid para campos ===== */
.cf7-grid-2 {
  display: flex;
  gap: 15px;
  width: 100%;
  flex-direction: row;
}

.cf7-grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
}
.cf7-grid-2 label,
.cf7-grid-3 label {
  display: block;      
  width: 100%;
}
.grid-1 label{
	display: block;      
  width: 100%;
}

/* ===== Campos ===== */
.wpcf7-form p {
  margin: 10px 0;
  width: 100%;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  font-size: 14px;
  border-radius: 2px;
  transition: border-color 0.2s;
  box-sizing: border-box;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
  border-color: #003C82;
  outline: none;
}

/* ===== Botón ===== */
.wpcf7 form .wpcf7-submit {
  background: #a23227;
  color: #fff;
  font-size: 15px;
  padding: 12px 25px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  border-radius: 2px;
  transition: background 0.3s;
}

.wpcf7 form .wpcf7-submit:hover {
  background: #030303;
}

.p-submit{
	display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
	padding-top: 50px;
	padding-bottom: 50px;
}
.page-id-3 .img-footer{
	display: none !important;
}

.cf7-aceptacion{display:flex;align-items:flex-start;gap:8px}
.cf7-aceptacion .wpcf7-list-item{margin:0}
.cf7-aceptacion a {
	color: #a22e26 !important;
}
.elementor-element-601e15ad{
	padding-top: 50px;
}