/*
Theme Name: Zentro 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.6.1772438444
Updated: 2026-03-02 08:00:44

*/

:root {
    --sage: #7a9e7e;
    --sage-light: #a8c5ac;
    --sage-pale: #e8f0e9;
    --terracotta: #c4714a;
    --warm-cream: #f7f3ed;
    --warm-sand: #e8dfd0;
    --deep-forest: #2d4a32;
    --charcoal: #3a3530;
    --text-soft: #6b6259;
}
 .zentro-hero {
    min-height: 100vh;    
    align-items: center;
    padding: 8rem 4rem 4rem;
    position: relative; overflow: hidden;
  }
.zentro-hero::before {
    content: '';
    position: absolute; top: 10%; left: -10%;
    width: 836px; height:636px;    
	background: #D3DF6C;	
    border-radius: 40% 60% 70% 30% / 30% 50% 50% 70%;
    animation: morphBlob 12s ease-in-out infinite alternate;
    z-index: 1;
  } 
.zentro-hero-sub::before {
    content: '';
    position: absolute; top: 45%; left: -8%;
    width: 636px; height:436px;   
	background: rgba(241, 170, 138, .6);	
    border-radius: 40% 60% 70% 30% / 30% 50% 50% 70%;
    animation: morphBlob 12s ease-in-out infinite alternate;
    z-index: 0;
  } 
.zentro-hero-sub-equipo::before {
    content: '';
    position: fixed; top: 10%; left: -8%;
    width: 636px; height:436px;   
	background: rgba(241, 170, 138, .6);	
    border-radius: 40% 60% 70% 30% / 30% 50% 50% 70%;
    animation: morphBlob 12s ease-in-out infinite alternate;
    z-index: 0;
  } 
.zentro-hero-sub-contacto::after {
  content: '';
  background: #DEE5A1;
  border-radius: 40% 60% 70% 30% / 30% 50% 50% 70%;
  position: absolute;
  top: 10%;
  left: -18%;
  width: 436px;
  height: 436px;
  animation: morphBlob 12s ease-in-out infinite alternate;
  z-index: 0;
}
.zentro-hero-sub-contacto::before {
  content: '';
  position: absolute;
  top: -10%;
  left: -18%;
  width: 636px;
  height: 436px;
  background: rgba(241, 170, 138, .6);
  border-radius: 40% 60% 70% 30% / 30% 50% 50% 70%;
  animation: morphBlob 12s ease-in-out infinite alternate;
  z-index: 1;
}
.zentro-hero-sub-serv::before {
    content: '';
    position: absolute; 
	top: -10%; 
	left: -8%;
    width: 636px; 
	height:436px;   
	background: rgba(241, 170, 138, .6);	
    border-radius: 40% 60% 70% 30% / 30% 50% 50% 70%;
    animation: morphBlob 12s ease-in-out infinite alternate;
    z-index: 3;
	
  } 
.zentro-hero::after {
     content: '';     
	 background: url("http://localhost/zentrodebienestarintegral/wp-content/uploads/2026/03/arbol-p.png") no-repeat 0% 0%/contain, #DEE5A1;
    border-radius: 40% 60% 70% 30% / 30% 50% 50% 70%;    
    position: absolute; top:0%; right: 10%;
    width: 436px; height:436px;
	animation: morphBlob 12s ease-in-out infinite alternate;
    z-index:0;
}
.zentro-hero-sub-equipo::after {
     content: '';     
	 background: #DEE5A1;
    border-radius: 40% 60% 70% 30% / 30% 50% 50% 70%;    
    position: fixed; top:60%; right: -8%;
    width: 436px; height:436px;
	animation: morphBlob 12s ease-in-out infinite alternate;
    z-index:0;
}
.zentro-hero-sub-servicios::after {
  content: '';
  background: #DEE5A1;
  border-radius: 40% 60% 70% 30% / 30% 50% 50% 70%;
  position: absolute;
  top: 30%;
  right: 2%;
  width: 436px;
  height: 436px;
  animation: morphBlob 12s ease-in-out infinite alternate;
  z-index: 0;
}
.zentro-hero-sub-servicios::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 75%;
  width: 436px;
  height: 436px;
  background: rgba(241, 170, 138, .6);
  border-radius: 40% 60% 70% 30% / 30% 50% 50% 70%;
  animation: morphBlob 12s ease-in-out infinite alternate;
  z-index: 1;
}
.zentro-noticias{
    min-height: 100vh;    
    align-items: flex-start;
    padding: 0rem 8rem 4rem;
    position: relative; overflow: hidden;
  }
.zentro-noticias::before {
  content: '';
  position: absolute;
  top: 10%;
  left: -40%;
  width: 836px;
  height: 636px;
  background: #D3DF6C;
  border-radius: 40% 60% 70% 30% / 30% 50% 50% 70%;
  animation: morphBlob 12s ease-in-out infinite alternate;
  z-index: 1;
}

.zentro-noticias-sub::before {
  content: '';
  position: absolute;
  top: 0%;
  left: -40%;
  width: 636px;
  height: 436px;
  background: rgba(241, 170, 138, .6);
  border-radius: 40% 60% 70% 30% / 30% 50% 50% 70%;
  animation: morphBlob 12s ease-in-out infinite alternate;
  z-index: 0;
}
 @keyframes morphBlob {
    0%   { border-radius: 40% 60% 70% 30% / 30% 50% 50% 70%; transform: scale(1) rotate(0deg); }
    50%  { border-radius: 60% 40% 30% 70% / 50% 30% 70% 50%; transform: scale(1.05) rotate(3deg); }
    100% { border-radius: 30% 70% 50% 50% / 60% 40% 60% 40%; transform: scale(.97) rotate(-2deg); }
  }
.shrinker {   
   	background: transparent!important;	
  	transition: background .4s, padding .4s!important;
}
.shrinker.she-header {  
	background:rgba(255,255,255,1)!important;	
  	box-shadow: 0 1px 0 var(--lasmi-warm)!important;  
}
.shrinking-logo {
    -moz-transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    transition: all .2s linear !important;
}

ul.hfe-nav-menu { 
	display: flex!important; 	
}
     a.hfe-menu-item {
      font-size: 1rem!important; 
		font-weight: 400!important; 		
     background: transparent!important;
		color: var(--deep-forest)!important;
      text-decoration: none!important;
      position: relative!important;
      transition: color .3s!important;         
    }
    a.hfe-menu-item::after {
      content: ''!important; 
		position: absolute!important; 
		bottom: -3px!important;
		left: 0!important;
		right: 100%!important;
      height: 1px!important; 
		background: var(--terracotta)!important;
      transition: right .35s ease!important;
    }
     a.hfe-menu-item:hover { 
		color: var(--terracotta)!important; 
}
     a.hfe-menu-item:hover::after { 
		right: 0!important; 
}
.hero h1 {
    font-size: clamp(3rem, 5.5vw, 5.5rem) !important;
    line-height: 1.1;
    font-weight: 300;
    color: #000 !important;
    font-family: 'Cormorant Garamond', serif;
}
.hero h1 em {
    color: #E8723C;
    font-style: italic;
}
.hero-sub {
    font-size: 1.05rem !important;
    line-height: 1.75 !important;
    color: #000 !important;
    margin-top: 1.8rem !important;
    max-width: 460px !important;
    animation: fadeUp .9s .6s forwards !important;
}
.hero-btns {
    display: flex;   
    flex-wrap: wrap;
    gap: 1rem;
    animation: fadeUp .9s .8s forwards;
    grid-column: 1 / -1
}
 

.zentro-btn-secondary {
    text-decoration: none;
    border: 2px solid var(--sage-light);
    display: inline-block;
    font-size: .9rem;
    font-weight: 500;
    background-color: transparent;
    color: var(--deep-forest);
    -moz-border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -o-border-radius: 3rem;
    border-radius: 3rem;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    letter-spacing: .04em;
    padding: .9rem 2.2rem;
}
.zentro-btn-secondary:hover {
    border-color: var(--deep-forest);
}

 .laboral {   
	background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
    color: var(--warm-cream);
  }
.laboral .section-title {
    color: var(--warm-cream);
    max-width: none;
}
.laboral .section-tag {
    color: var(--sage-light);
}
.laboral-desc {
    font-size: 1rem;
    line-height: 1.8;
    color: rgba(247,243,237,.75);
    margin-top: 1.5rem;
}
laboral .section-tag {
    color: var(--sage-light);
}
.section-tag {
    display: block;
    font-size: .7rem;
    color: var(--terracotta) !important;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: .25em;
}
.stress-item {
    border: 1px solid rgba(255,255,255,.1);
    display: flex;
    background-color: rgba(255,255,255,.07);
    -moz-border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
    -moz-transition: background .3s;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    align-items: flex-start;
    gap: 1.2rem;
    padding: 1.4rem 1.6rem;
}
.stress-item:hover {
    background-color: rgba(255,255,255,.12);
}
.stress-dot {
    background-color: var terracotta;
    margin-top: .35rem;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 10px;
    flex-shrink: 0;
}
.stress-item h4 {
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: .3rem;
}
.stress-item p {
    font-size: .82rem;
    line-height: 1.6;
    color: rgba(247,243,237,.65);
}
.equipo { background: var(--sage-pale)!important; }
.equipo-intro {
    margin-bottom: 4rem;
    max-width: 600px;
}
.equipo-intro p {
    font-size: 1rem;
    line-height: 1.75;
    color: var(--text-soft);
    margin-top: 1.2rem;
}
.team-grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(4, 1fr);
}
.zentro-team-card {
    border: 1px solid rgba(122,158,126,.2);
    background-color: white;
    -moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    -o-border-radius: 1.5rem;
    border-radius: 1.5rem;
    -moz-transition: transform .3s, box-shadow .3s;
    -webkit-transition: transform .3s, box-shadow .3s;
    -o-transition: transform .3s, box-shadow .3s;
    transition: transform .3s, box-shadow .3s;
    text-align: center;
    padding: 2rem 1.5rem;
}
.zentro-team-card:hover {
    -moz-box-shadow: 0 15px 40px rgba(45,74,50,.1);
    -webkit-box-shadow: 0 15px 40px rgba(45,74,50,.1);
    -o-box-shadow: 0 15px 40px rgba(45,74,50,.1);
    box-shadow: 0 15px 40px rgba(45,74,50,.1);
    -moz-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
}
.zentro-team-avatar {
    display: flex;
    font-size: 2rem;
    height: 80px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 80px;
    justify-content: center;
    align-items: center;
    margin: 0 auto 1.2rem;
}
.zentro-team-card h4 {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--deep-forest);
    font-family: 'Cormorant Garamond', serif;
    margin-bottom: .3rem;
}
.zentro-team-card span {
    font-size: .78rem;
    color: var(--terracotta);
    letter-spacing: .05em;
}
.actividades {
    background-color: white;
}
.act-grid {
    display: grid;
    margin-top: 3.5rem;
    gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
}
.act-item {
    border: 1px solid rgba(122,158,126,.2);
    display: flex;
    -moz-border-radius: 1.2rem;
    -webkit-border-radius: 1.2rem;
    -o-border-radius: 1.2rem;
    border-radius: 1.2rem;
    -moz-transition: border-color .3s, background .3s;
    -webkit-transition: border-color .3s, background .3s;
    -o-transition: border-color .3s, background .3s;
    transition: border-color .3s, background .3s;
    gap: 1.5rem;
    padding: 2rem;
}
.act-item:hover {
    background-color: var sage pale;
    border-color: var(--sage);
}
.act-emoji {
    font-size: 2rem;
    flex-shrink: 0;
}
.act-item h4 {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--deep-forest);
    font-family: 'Cormorant Garamond', serif;
    margin-bottom: .4rem;
}
.act-item p {
    font-size: .85rem;
    line-height: 1.6;
    color: var(--text-soft);
}
.act-tag {
    display: inline-block;
    font-size: .68rem;
    background-color: var(--sage-pale);
    color: var(--sage);
    margin-top: .7rem;
    -moz-border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -o-border-radius: 2rem;
    border-radius: 2rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: .2rem .7rem;
}
.act-tag.online {
    background-color: #fdf0ea;
    color: var(--terracotta);
}
.contacto {
    background-color: var(--warm-sand);
}
.contact-details {
    display: flex;
    margin-top: 2.5rem;
    flex-direction: column;
    gap: 1rem;
}
ul.idiomas {
    display: flex;
    font-size: 18px;
    font-weight: 800;
    font-family: inherit;
    position: relative;
    text-transform: uppercase;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 1;
    align-content: flex-end;
    padding: 0;
    margin: 0;
}
.shrinker.she-header .idiomas li {
    position: relative;
}
.idiomas li {
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
}
.idiomas li:nth-child(n+1)::after {
    content: "|";
    font-weight: 300;
    color: var(--lasmi-mid) !important;
}
.idiomas li:last-child::after {
    content: "";
}
.shrinker .idiomas li a {
    text-decoration: none !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: var(--lasmi-mid) !important;
    position: relative !important;
    -moz-transition: color .3s !important;
    -webkit-transition: color .3s !important;
    -o-transition: color .3s !important;
    transition: color .3s !important;
    text-transform: uppercase !important;    
    letter-spacing: .2em !important;
}
.shrinker .idiomas li a::after {
    content: '' !important;
    background-color: var lasmi gold !important;
    height: 1px !important;
    position: absolute !important;
    bottom: -3px !important;
    -moz-transition: right .35s ease !important;
    -webkit-transition: right .35s ease !important;
    -o-transition: right .35s ease !important;
    transition: right .35s ease !important;
    left: 0 !important;
    right: 100% !important;
}

.shrinker2 .idiomas li a {
    color: var(--lasmi-mid) !important;
}
.idiomas li a {
    text-decoration: none;
    font-weight: 300;
    padding: 15px;
}
.idiomas li a:hover {
    color: var(--lasmi-dark) !important;
    -moz-transition: all .2s linear !important;
    -webkit-transition: all .2s linear !important;
    -o-transition: all .2s linear !important;
    transition: all .2s linear !important;
}
.idiomas li a:hover::after {
    right: 0 !important;
}
.idiomas li a:active, .idiomas li a:focus {
    color: var(--lasmi-dark) !important;
}



.zentro-contacto {
	padding:0;
	margin:0;
}
.zentro-contacto li {
	display:inline-flex;
	padding:5px 20px;
    width: 100%;
    justify-content: space-between;
}
.zentro-contacto li a {
   flex:0 20%;
}
    footer a.hfe-menu-item {
      font-size: 1rem!important; 
		font-weight: 400!important; 		
     
		color: #F5EFE666!important;
      text-decoration: none!important;
      position: relative!important;
      transition: color .3s!important;         
    }
   
.lasmi-stat-label { 
  font-size: .65rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(245,239,230,.45);
  width: 100%;
}
.lasmi-stat-label br {
  margin-bottom:.6rem;
}
@media (max-width: 767px) {    
	.zentro-hero {
		height: auto;    
		align-items: center;
		padding:0;
		position: relative; overflow: hidden;
  }
	.zentro-hero::before {   
        width: 60vw; 
		height: 20vh;
    }
	.zentro-hero::after {     	
		width: 50vw; 
		height: 20vh;
		right:0;
        top:35%;
        margin:0 20%;
	}
    .zentro-hero-sub::before {        
        top: 45%; left: -8%;
        width: 50vw; 
		height: 20vh;          
    } 
    .zentro-hero-sub-servicios::after {         
          top: 30%;
          right: 2%;
         width: 50vw; 
		height: 20vh;          
    }
    .zentro-hero-sub-serv::before {      
        top: -10%; 
        left: -8%;
         width: 50vw; 
		height: 20vh;   
      } 
    .zentro-hero-sub-servicios::before {
      
       top: 50%; 
      left: -8%;
      width: 50vw; 
		height: 20vh;         
    }
    .zentro-hero-sub-contacto::before {
         top: 0%; 
      left: 8%;
      width: 50vw; 
		height: 20vh;     
    }
    .zentro-hero-sub-contacto::after {
         top: 5%; 
      left: -8%;
      width: 50vw; 
		height: 20vh;     
    }
    .zentro-contacto li {
        flex-direction: column;
    }
    .zentro-form-wrap {            
        padding: 0rem!important;
    }
    .wpcf7-form {        
        grid-template-columns: 1fr!important;      
    }   
	.shrinker, .shrinker.she-header {
	  padding: 1rem 2rem!important;
	}
	.shrinker.she-header .shrinking-logo {
	  width: 20%!important;
	}
	footer .hfe-nav-menu li a {
		color:#000!important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.zentro-hero {
		height: 60vh;    
		align-items: center;
		padding:0;
		position: relative; overflow: hidden;
		min-height: 80vh;
  }
	.zentro-hero::before {
		height: 25vh;
		width: 40vw;
		top: 0%;
	}
    .zentro-hero-sub::before {
        top: 15%;
        width: 40vw;
        height: 20vh;
    }
	.zentro-hero::after {     	
		width: 40vw; 
		height: 30vh;
		right:0;
	}
	.zentro-contacto li a {
      flex: 0 40%;
    }
	.zentro-hero-sub-contacto::after {
        height: 30vh;
    }
	.shrinker, .shrinker.she-header {
	  padding: 1rem 2rem!important;
	}
	.shrinker .shrinking-logo {
	  width: 80%;
      transform:scale(.68);
        -webkit-transform:scale(.68);
      transform-origin: 0 50%;
        -webkit-transform-origin: 0 50%;
	}
}
@media (min-width: 992px) and (max-width: 1440px) {
	
	.shrinker, .shrinker.she-header {
	  padding: 1rem 2rem!important;
	}
	.shrinking-logo svg {
		transform: scale(.8);
		transform-origin: 0 50%;
	}
	.hfe-nav-menu > li {
		margin-right:0!important;
	}
	.zentro-hero::after {     
    	transform: scale(.8)!important;
	}
	.zentro-contacto li a {
      flex: 0 40%;
    }
}
.btn-zentro1, .btn-zentro2  {
  position: relative;
  height: 60px;
  width: 300px;  
  border-radius: 50px 0px 0px 50px!important;
  
}
.btn-zentro1 { 
  background-color: #0f6409;	
}
.btn-zentro1:hover { 
  background-color: #37a22f;  
}
.btn-zentro1:hover::before { 
  box-shadow: 0 -25px 0 0 #37a22f;
}
.btn-zentro2 { 
  background-color: #b6ca0b;
}
.btn-zentro2:hover { 
  background-color: #dee5a1;  
}
.btn-zentro2:hover::before { 
  box-shadow: 0 -25px 0 0 #dee5a1;
}
.btn-zentro2::before { 
  box-shadow: 0 -25px 0 0 #b6ca0b;
}
.btn-zentro1::before { 
  box-shadow: 0 -25px 0 0 #0f6409;
}
.btn-zentro1::before, .btn-zentro2::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: -50px;
  height: 50px;
  width: 25px;
  right: -25px;
  border-top-left-radius: 25px;   
  transform: rotate(-90deg);
  transform-origin: 0 0;  
}
/* FORMULARIO */
.zentro-form-wrap {
    background: white;
    border-radius: 2rem;
    padding: 3rem;
    box-shadow: 0 20px 60px rgba(45,74,50,0.08);   
}
.wpcf7-form {
    display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem; 
}
.zentro-form-group:nth-child(2), .zentro-form-group:nth-child(7), .zentro-form-group:nth-child(8), .zentro-form-group:nth-child(9), .zentro-form-group:nth-child(10), .wpcf7-response-output {
    grid-column: 1 / -1;
}
.wpcf7-submit {
    width: 100%;
    padding: 1rem;
    background: var(--zentro-dark);
    color: white;
    border: none;
    border-radius: 3rem;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
    font-family: 'DM Sans', sans-serif;
}

.wpcf7-submit:hover {
    background: var(--zentro-secondary);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(196,113,74,0.3);
}
.wpcf7-not-valid-tip {
    margin-top:0.6rem;
    
}
.bg-footer {	
	background: linear-gradient(to right, #858c90 0%, #304352 100%);
}