/*
Theme Name: Naftic Child
Theme URI: https://clinicavive.es
Template: Naftic
Author: Cristian Trujillo - Naftic Cloud
Author URI: https://naftic.com
Description: Diseño a medida para Clínica Vive
Version: 1.0.1761656484
Updated: 2025-10-28 14:01:24
*/

@font-face{
	font-family: "GildaDisplay";
	src: url(./fonts/GildaDisplay-Regular.ttf);
}

h1, h2, h3{font-family: 'GildaDisplay';}
a:focus{outline:none;}
p{font-size:16px;}
.header-bottom{background-color:#edf1ec;}
.logo .logo-image{padding:10px 0;}
.logo img{width:280px;}
.menu-item a{font-size:18px;}
.pedirCita a{background-color:#cbb799;padding:10px 15px;color:#fff !important;border-radius:6px;border:1px solid #cbb799;}
.pedirCita a:hover{background-color:#fff;transition:all .5s ease;color: #cbb799 !important;}
.menu-menu-container{text-align:center;}
.boxRedes a{font-size:18px;margin:0 3px;color:#fff;border:1px solid #cbb799;background-color:#cbb799;border-radius:30px;text-align:center;width:34px;height:34px;line-height:34px;display:inline-block;}
.boxRedes a:hover{background-color:#fff;color:#cbb799;transition:all .5s ease;}
.current-menu-item{font-weight:bold;}
#site-navigation .menu-toggle{background-color:#cbb799;color:#fff;padding:10px 10px 6px 10px;width:50px;border-radius:6px;}

.boxMiniaturas{width:100%;float:right;margin-bottom:40px;}

.title{font-size:50px;line-height:54px;margin-bottom:30px;color:#556c37;}
h3.title,h2.title{font-size:40px;line-height:50px;margin-bottom:30px;text-align:center;}
h2.title::after{content:'';display:block;max-width:60px;margin:0 auto;height:2px;background-color:#556c37;}
h2.title:hover::after{max-width:120px;width:100%;transition:all .5s ease;}
.title.afterLeft::after{margin: 0;}
.title.faq{font-weight:normal;}
.title.faq strong{display:block;}
.imgRadius img{border-radius:8px;}
.img1{border-top-left-radius:140px;border-bottom-left-radius:140px;width:180px;float:right;box-shadow:0px 0px 50px 0px rgba(0,0,0,.15);overflow:hidden;}
.img2{width:250px;margin:0 20px;float:right;box-shadow:0px 0px 50px 0px rgba(0,0,0,.15);border-radius:50%;}
.img3{width:190px;border-top-left-radius:100px;float:right;box-shadow:0px 0px 50px 0px rgba(0,0,0,.15);overflow:hidden;}
.img3 img{width:100%;}
.img4{width:200px;margin-top:-10px;margin-bottom:20px;border-radius:50%;box-shadow:0px 0px 50px 0px rgba(0,0,0,.15);}
.img5{width:200px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;margin-top:20px;box-shadow:0px 0px 50px 0px rgba(0,0,0,.15);overflow:hidden;}

.left{border-top-left-radius:60px;border-bottom-right-radius:60px;width:450px;float:right;margin-right:20px;box-shadow:0px 0px 50px 0px rgba(0,0,0,.15);overflow:hidden;}
.left video{margin-bottom:-7px;}

.flexslider .flex-viewport li img{border-radius:10px;}
.caption-wrap .caption p{font-size:18px;;padding:10px;text-align:center;}
.caption-wrap{opacity:1 !important;}
#metaslider_59.flexslider .slides li{box-shadow: 0 0 10px 0 rgba(0,0,0,.15);}
.icoLeft{background-color: #fff;width:100%;float:left;margin:10px 0;padding: 20px;border-radius: 10px;min-height:6em;}
.icoLeft img{width:60px;margin-right:20px;float:left;margin-top:-5px;}
.icoLeft p{font-size:18px;}

.fichas .icoLeft img {
    width: 50px;
	margin-top:0px;
}
.contactopinion .ti-widget.ti-goog .ti-fade-container:nth-child(1) {
    display: none;
}
.contactopinion .ti-verified-by.ti-verified-by-row{
	display:none!important;
}

.contactopinion .ti-widget.ti-goog .ti-col-1 .ti-footer {
    margin-bottom:10px;
}


.icoCenter{text-align: center;margin:0px 0 30px 0;}
.icoCenter::before,.icoCenter::after{content: '';width: 100px;height: 2px;background-color: #556c37;display: inline-block;transition: all .5s ease;}

.rowCita{background-color:#cbb799;position: fixed;right:20px;bottom:90px;padding:10px 30px;border-radius: 40px;font-size:20px;border:1px solid #cbb799;z-index:99999999;}
.rowCita:hover{background-color:#fff;transition:all .5s ease;}
.rowCita:hover a{color:#cbb799 !important;transition:all .5s ease;}
.btnCita{animation: animateDiv 5s 2;animation-direction: alternate;animation-iteration-count: infinite;}
.btnCita img{width:46px;margin-top:-6px;}

#colophon{position:relative;}
.copyright{width:100%;}
.txtLegales{float:right;}
.txtLegales a,.txtLegales{color:#fff;}

.card {
  background:url('https://clinicavive.es/wp-content/uploads/2025/10/Vive2.jpg');
  width:600px;
  height:600px;
  margin:50px;
  border-radius:50px;
  max-width:90%;
  max-height:90%;
  position:relative;
  box-shadow:0px 0px 10px fade(#fff,80%);
  background-size:cover !important;  
  &::after {
    width:100%;
    height:100%;
    border-radius:50px;
    position:absolute;
    top:0;left:0;
    z-index:-1;
    content:'';
    background:inherit;
    filter:blur(20px);
    transform:scale(1.05);
    opacity:0.8;
    transition:500ms all ease-in-out 0ms;
  }
  &:hover::after {
    transform:scale(0.8);
    opacity:0;
  }
}



.nvfx-gallery {
  --nvfx-brand: #4e6b5a;
  --nvfx-shadow: 0 10px 30px rgba(0,0,0,.12);
  display: grid;
  gap: 24px;
  width: 100%;
  margin-bottom: 30px;
}
@media (min-width: 900px){
  .nvfx-gallery{
    grid-template-columns: 1.2fr .55fr .55fr; /* grande + dos redondas */
    align-items: start;
  }
}

.nvfx-card{
  position: relative;
  overflow: hidden;
  background: #fff;
}
.nvfx-card img{
  display:block; width:100%; height:auto; object-fit: cover;
}

/* Tamaños */
.nvfx-hero img{ aspect-ratio: 3/4; object-position:center; }

/* 1) Hover zoom + elevación */
.nvfx-zoom{ transition: transform .7s cubic-bezier(.2,.65,.2,1), box-shadow .6s; }
.nvfx-zoom img{ transition: transform .7s cubic-bezier(.2,.65,.2,1); }
.nvfx-zoom:hover{ box-shadow: 0 18px 40px rgba(0,0,0,.18); }
.nvfx-zoom:hover img{ transform: scale(1.06); }

/* 2) Brillo diagonal sutil */
.nvfx-sheen{ position:relative; }
.nvfx-sheen::after{
  content:""; position:absolute; inset:-30%;
  background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.35) 50%, transparent 65%);
  transform:translateX(-120%) rotate(0.001deg);
  transition: transform .9s cubic-bezier(.2,.65,.2,1);
  pointer-events:none;
}
.nvfx-sheen:hover::after{ transform:translateX(30%); }

/* 3) Borde que “respira” (para redondas) */
.nvfx-breathe::before{
  content:""; position:absolute; inset:-10px; border-radius:inherit;
  border:2px solid rgba(78,107,90,.18);
  filter:blur(.2px); opacity:.9;
  animation: nvfx-breathe 3.6s ease-in-out infinite;
}
@keyframes nvfx-breathe{
  0%{transform:scale(.98)} 50%{transform:scale(1.02)} 100%{transform:scale(.98)}
}

/* 4) Ken Burns automático (pausa al hover) */
.nvfx-kenburns img{
  animation: nvfx-ken 9s ease-in-out infinite alternate;
  transform-origin:center;
}
@keyframes nvfx-ken{
  0%{ transform: scale(1) translate(0,0) }
  100%{ transform: scale(1.08) translate(-2%, -2%) }
}
.nvfx-kenburns:hover img{ animation-play-state: paused; }

/* 5) Ripple de luz que sigue al cursor */
.nvfx-ripple{ position:relative; overflow:hidden; }
.nvfx-ripple::after{
  content:""; position:absolute; inset:0;
  background: radial-gradient(600px 600px at var(--nvfx-mx,50%) var(--nvfx-my,50%), rgba(255,255,255,.35), transparent 50%);
  opacity:0; transition: opacity .35s; pointer-events:none;
}
.nvfx-ripple:hover::after{ opacity: 1; }

/* 6) Aparición al hacer scroll */
.nvfx-reveal{ opacity:1; transform:translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.nvfx-reveal.nvfx-in{ opacity:1; transform:none; }

/* Accesibilidad */
@media (prefers-reduced-motion: reduce){
  .nvfx-zoom img, .nvfx-kenburns img{ animation:none; transition:none; }
  .nvfx-breathe::before{ animation:none; }
}
.cajacontacto{padding:20px;box-shadow: 2px 2px 15px 0px #556c374d;border-radius:6px;}

.cajontitle{
	margin-top:10px;
}
.cajacontactomid{
	padding-top: 25px;
    padding-bottom: 24px;
	    box-shadow: 2px 2px 15px 0px #556c374d;
}
.cajacontactomid .cajoncontent a{
	color:#333333;
}
.cajacontactomid .cajoncontent a:hover{
	color:#556c37;
}
h1.titlecontact {
    font-size: 42px;
    margin-bottom: 10px;
	 text-decoration: underline;
	  text-decoration-thickness: 2px; 
  text-underline-offset: 5px;     
}

.wpcf7 input[type="tel"]{
	border-color: red;
    padding: 5px;
    width: 100%;
	border-style:none;
}
input[type="submit"]{
	background: #EDF1EC;
    color: #556c37;
    font-size: 16px;
    line-height: 13px;
    border: 1px solid #556c37;
    padding: 12px 18px;
    font-weight: 600;
    font-family: 'GildaDisplay';
}

input[type="submit"]:hover{
	background: #556c37;
    color: #EDF1EC;
    border: 1px solid #556c37;
}

.expotratamiento{
	   padding: 0px;
    border: 5px solid white;
    box-shadow: 0 0 5px 2px #ffffff;
}

.expotratamiento h3{
background-color: #cbb799;
    padding: 5px;
    font-size: 22px;
    color: white;
    font-weight: 500;
    text-align: center;
}

.imgtratamientos img{padding: 0px;box-shadow: 0 0 50px 0 rgba(0,0,0,.15);border-radius:8px;}

.wpcf7-form.init label{
	font-weight:600;
}
.btncontact {background-color:#cbb799;padding:10px 15px;color:#fff !important;border-radius:6px;border:1px solid #cbb799;font-size 16px;}
a.btncontact{
	font-size:18px;
}
.btncontact:hover{background-color:#fff;transition:all .5s ease;color: #cbb799 !important;
}

 img.slider-400{
	border-radius:20px!important;
}

.fichas .icoLeft{
	border: 1px solid #CBB799;
}
#site-navigation ul.sub-menu {
    background-color: #EDF1EC;
	min-width: 250px;
}

.captionTrat {
  margin: 0;                 
  padding: 10px 5px 20px 5px;                
  color: white;        
  font-weight: 600;
  text-shadow: 3px 3px 10px #000;
	
}

.velo-rojo {
  position: relative;
  isolation: isolate;   
	overflow: hidden;
	 display: flex;
  flex-direction: column;         
  align-items: center;           
  justify-content: center;        
  text-align: center;    
	gap:15px;
}

.velo-rojo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #cbb799;
	opacity: 0.8;  
  mix-blend-mode: multiply;
  transition: opacity 0.25s ease;
  pointer-events: none;      
	z-index: 0; 
}

.velo-rojo:hover::after {
  opacity: 0;                    
}
.velo-rojo > * {
  position: relative;
  z-index: 1;
}
.tratamientospanels{min-height: 350px;box-shadow: 0 0 50px 0 rgba(0,0,0,.15);border-radius:8px;}

.marco{border: 20px solid #fff;box-shadow: 0px 0px 50px rgba(0,0,0,.15);border-radius:6px;}
.marcoImg > img{border: 20px solid #fff;box-shadow: 0px 0px 50px rgba(0,0,0,.15);border-radius:6px;}
.contactratamiento .wpcf7 input[type="tel"]{
	border: 1px solid lightgrey !important;
}

.contact2{
	max-width:620px;
	margin:0 auto;
}

.homeServ{position:relative;}
.homeServ .captionTrat{position: absolute;bottom: 0;display: flex;height: 100%;align-items: center;padding: 20px;text-align: center;visibility:hidden;font-size:24px;width:100%;font-weight:normal;justify-content:center;}
.homeServ .captionTrat a{color:#fff;}
.homeServ:hover .captionTrat{visibility:visible;transition: all .5s ease;background-color: rgba(203,183,153,.6);}
.gallery-item{padding:10px;}
.gallery-icon.portrait{position:relative;overflow:hidden;border-radius:6px;transform: scale(1);}
.gallery-item .gallery-icon.portrait:hover img{transform: scale(1.2);overflow:hidden;transition:all .5s ease;}
.boxTrat{background-color: #cbb799;padding: 10px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.boxTrat h3{color: #fff;font-size: 20px;line-height:22px;font-weight:normal;font-family:Nunito;}
.boxTrat a{display:block;color:#fff !important;font-size:16px;margin:10px 0;text-decoration:underline;}
#popmake-706{background-image: url(https://clinicavive.es/wp-content/uploads/2025/11/bgPopup.jpg);}
textarea::placeholder{font-family: Nunito;padding:5px;}

.cont690{max-width:690px;margin:0 auto;text-align:center;}
.video-autoplay{width:900px;}

@media(max-width:1110px){
  .rowHome{display:block !important;}
  .rowHome > .panel-grid-cell{width:100% !important;}
  .homeLeft{width:80%;margin:0 auto;padding:30px 0;text-align:center;}
  .icoLeft{width:60%;float:none;margin:20px auto;text-align:left;}
  .boxMiniaturas,.boxMiniaturas .nvfx-card,.right{float:left !important;}
  .left{float:left;margin-left:20px;margin-right:0;}  
  h1.title{margin-bottom:10px;}
  .homeRight{width:80%;margin:0 auto;}
  .rowTratamientos{display:block !important;}
  .rowTratamientos .panel-grid-cell,.rowTratamientos #panel-9-4-4-0{display: inline-block;}
}

@media(max-width:980px){
  #site-navigation{float:none !important;text-align: center;}
  #site-navigation .menu-toggle span{display:inline-block;font-size:18px;margin-right:10px;}
  .menu-item{width:100%;float:left;}

}

@media(max-width:900px){
  .homeRight{width: 90%;}
}

@media(max-width:800px){
  .boxMiniaturas{margin-bottom:20px;}
  .homeRight{width: 100%;}
  .icoLeft{width:80%;}
  .rowTratamientos .panel-grid-cell,.rowTratamientos #panel-9-4-4-0{width: 50% !important;}
}

@media(max-width:700px){
  .boxMiniaturas .img3,.boxMiniaturas .img1{width:160px;}
  .boxMiniaturas .img2{width:220px;}
  .right .img4,.right .img5{width:180px;}
  .left{width:380px;}
  .left video{width:440px;}
  .panel-grid-cell{margin-bottom:0 !important;}
  .homeServ .captionTrat{visibility:visible;transition: all .5s ease;background-color: rgba(203,183,153,.6);}
}

@media(max-width:604px){
  .homeLeft{width:90%;}
  .icoLeft{width:100%;}
  .boxMiniaturas .img3{width:180px;}
  .boxMiniaturas .img2{width:260px;}
  .boxMiniaturas .img1{width:450px;margin-top:10px;}
  .right{width: 100%;margin-bottom:20px;}
  .right .img4{width:240px;float:left;margin-bottom:0;}
  .right .img5{width:175px;margin-top: 0;margin-left: 20px;float: left;}
  .left{width:440px;margin-top:10px;}
  .video-autoplay{width:90%;} /**/
  .imgtratamientos{padding:10px;}
	.fichas > *{
		width: 100% !important;
		float: none !important;
	}
	.fichas > * > .icoLeft{
		display: flex;
        flex-direction: row;
        align-items: center;
	}
	.icoLeft p{margin: 0;}
	.boxRedes{width: 100%;display: flex;justify-content:center;}
	h1.title{font-size:36px;line-height:44px;}
	h3.title,h2.title{font-size:30px;line-height:40px;}
	#site-navigation .menu-toggle{position:absolute;top:40px;right:40px;}
}

@media(max-width:500px){
  .boxMiniaturas .img3{width:160px;}
  .boxMiniaturas .img2{width:220px;}
}

@media(max-width:440px){
  .boxMiniaturas .img3{width:155px;}
  .boxMiniaturas .img2{margin-right:0;width:210px;}
  .right .img4{width:210px;}
  .right .img5{width:150px;}
}

@media(max-width:400px){
  .boxMiniaturas .img3{width:140px;}
  .boxMiniaturas .img2{width:190px;}
  .right .img4{width:190px;}
  .right .img5{width:130px;}
  .logo .logo-image{margin-top:-10px;margin-left:-20px;}
}

@media(max-width:370px){
	.boxMiniaturas .img1,.boxMiniaturas .img2,.boxMiniaturas .img3,.right .img4,.right .img5{width:60%;float:none !important;margin:10px auto !important;}
	.logo img{width:240px;}
}