/*
Theme Name: La Barba V3
Theme URI: https://labarbadelseo.com/
Author: Raul Narros
Author URI:  https://labarbadelseo.com/
Description: Cualquier duda, contacta con nosotros en r.narros@labarbadelseo.com
Text Domain: LaBarba
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
  font-family: "Be Vietnam Pro";
  src: url("fonts/Be_Vietnam_Pro/BeVietnamPro-Regular.ttf");
} 
:root{
  --colorP:#131312;
  --colorHover:#ADADAD;
  --colorFooter:#E8E8E8;
  --colorBody: #FDFDFD;
  --fontS-64:64px;
  --fontS-14:14px;
  --fontS-20:20px;
  --fontS-16:16px;
  --fontS-12:12px;
}



#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon:before{ background-image: url('images/barbadelseo.png');    content: '';   width: 19px;   height: 24px;   top: 0;   background-color: #fff;   display: block; background-size: cover;}
body{ font-family: 'Poppins', 'Open Sans', sans-serif; font-size: 20px; font-weight: 300; line-height: 29px;
  margin: 80px 0 0 0!important;  color:#000000; background-color: var(--colorBody);}/*92px*/
body.customize-support .navbar-fixed-top{margin-top:32px;}
html,
body {  overflow-x: hidden; }
hr{clear:both;border: 1px solid #EFB810;}
img{max-width: 100%;height: auto;}
.alignright,img.alignright{float:right;margin:1em 0 0 1em;}
.alignleft,img.alignleft{float:left;margin:0 1em 1em 0;}
.aligncenter,img.aligncenter{display:block;margin:1em auto;text-align:center;}
h1, h2, h3, h4 {font-family: 'Poppins';    font-weight: 700; color:#000000;}
h1 {font-size: 34px;font-weight: 800;}
h2{ font-size: 30px;}
h3{ font-size: 24px;}
b, strong{font-weight: bold;}
.limpiar{clear: both;}
.righ{text-align: right;}
.foo2{font-size: 12px; margin-top: 47px; }
.autor{font-size: 10px}
footer {background-color: var(--colorFooter); padding-bottom: 67px;}
footer .centro {}
a,
a:visited,
a:active{color:#000;}
a.enlacetitulo{text-decoration: none;}
div.centro,section.centro {width: 1200px;margin: 0 auto;max-width: 100%;}
iframe{display: block; width: 100%;}
.cabecerainterior{ height: 350px;background-repeat: no-repeat;background-size: cover;background-position: center;}
/*menu*/

nav.navbar {position: fixed;top: 0;left: 0;right: 0;z-index: 99; background: #fff; height: 80px; }
nav.navbar .centro{
  display: flex; justify-content: space-between;
}
body.wordpress nav.navbar.fixed { }
nav.navbar .navbar-header{/*float: left;*/
  width: 20%;
  /*border: 1px solid white; background-color: #cbcb96;*/
  display: flex; align-items: center;
  /*height: 100%;*/
}
nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;right: 15px;border: 0px;padding: 8px 11px 12px 11px;  background: transparent;    top: 15px;     }
body.customize-support nav.navbar .navbar-header button.navbar-toggle{/*top: 35px*/top:50px;}
nav.navbar .navbar-header button.navbar-toggle.collapsed{}
nav.navbar .navbar-header button.navbar-toggle span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
nav.navbar .navbar-header button.navbar-toggle span.icon-bar{margin-top: 4px;display: block;width: 25px;height: 3px;border-radius: 1px;background: #EFB810; }
nav.navbar .navbar-header a.navbar-brand{}
nav.navbar .navbar-header a.navbar-brand img{    max-width: 175px;padding: 8px 0;}

nav.navbar #navbar{-webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;
  /*background-color: beige;*/
  width: 100%;
}
nav.navbar #navbar.collapse{}
nav.navbar #navbar ul{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;align-items: flex-start;    justify-content: flex-end;}
nav.navbar #navbar ul li{  
  padding: 28px 1%; 
  position: relative; width: auto; margin: 0px 1%; text-align: center; flex-direction: column; text-decoration: none;
  color: var(--colorP);
  font-size: 16px;font-weight: 400; line-height: 24px;
  -webkit-transition: background .2s ease-out;-moz-transition: background .2s ease-out;-ms-transition: background .2s ease-out;-o-transition: background .2s ease-out;transition: background .2s ease-out;
}
nav.navbar #navbar ul li:nth-last-of-type(1){  padding-right: 0;margin-right: 0; }
nav.navbar #navbar ul li a{
  color: var(--colorP); text-decoration: none; 
  font-size: 16px; font-weight: 400; line-height: 24px;
}
body.wordpress nav.navbar.fixed #navbar ul li a{color: var(--colorP); }
nav.navbar #navbar ul li.current-menu-item a,
nav.navbar #navbar ul li a:hover{color: var(--colorHover); }

nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li.current-menu-item > a{color: #EFB810 !important; }
nav.navbar #navbar ul li:hover ul{display: block;    padding-inline: 10px;    background: white;}
nav.navbar #navbar ul li.current-menu-item ul li{}
nav.navbar #navbar ul li.current-menu-item ul li a{}
nav.navbar #navbar ul li ul{ left: 0; position: absolute; display: none; width: 100%;}
nav.navbar #navbar ul li ul li{}
nav.navbar #navbar ul li ul li a{}

/* Flex */
.flex{display: flex;flex-wrap: wrap;    align-items: stretch; justify-content: center;}
.flex .iflex{flex-direction: column;}
.fleximage .iflex{     background-size: cover; background-position: center;}
.flex2c .iflex{ width: 50%;  margin:  0;padding: 1% 0;}
.flex2 .iflex{ width: 46%;  margin: 1%;padding: 1%;}
.flex3 .iflex{ width: 31.33%;  margin: 1%;padding: 0%;}
.flex4 .iflex{ width: 21.5%;  margin: 1.5%; }
.flex5 .iflex{ width: 18%; margin: 1%; }
.flex6 .iflex{     width: 16.65%;   }

/*Generales*/
.tit-sec{
  font-family: "Be Vietnam Pro"; font-size: var(--fontS-64); font-weight: 400; line-height: 64px;
}
.text-14{ font-size: var(--fontS-14); font-weight: 400; line-height: 35px; }
.text-16{ font-size: var(--fontS-16); font-weight: 400; line-height: 24px; }
.text-20{ font-size: var(--fontS-20); font-weight: 500; line-height: 30px; }
.text-12{ font-size: var(--fontS-12); font-weight: 300; line-height: 24px; }
.text-white{color: #fff; }
.t-center{ text-align: center;}

.bg-img{ background-position: center; background-repeat: no-repeat; background-size: cover; }
.btn{
  box-sizing: border-box;
  padding: 22px 47px; text-decoration: none; border-radius: 179px;
  display: inline-block; width: fit-content;
  font-size: var(--fontS-14); font-weight: 400; line-height: 21px;

  position: relative; overflow: hidden;
  transition: color 0.3s ease-in;
}
.btn:before{ 
  content:""; width: 0%; height: 100%; position: absolute; top: 0; left: 0;
  border-radius: 179px;
  transition: width 0.5s ease-out;
}
.btn:hover:before{ width: 100%;}
.btn span{position: relative; z-index: 1;}

.btn-b{ background-color: #fff; border: 1px solid var(--colorP); color: var(--colorP); }
.btn-b:hover{color:#fff !important; }
.btn-b:visited{color:var(--colorP); }; 
.btn-b:focus{color: rgb(147, 137, 137);}
.btn-b:before{ background-color: var(--colorP); }

.btn-n{ background-color: var(--colorP); border: 1px solid #fff; color: #fff; }
.btn-n:hover{color:var(--colorP) !important; }
.btn-n:visited{color:#fff; }
.btn-n:focus{color: rgb(147, 137, 137);}
.btn-n:before{ background-color: #fff }
  /*bnt home*/
.btn-home{ transition: trnsform 0.5s ease-out; }
.btn-home::before{ width:100%; transform: translateX(100%); transition: transform 0.5s ease-out;}
.btn-home:hover:before{ transform: translateX(0%);}


.flexY-c{ display: flex; flex-direction:column; align-items: center; }
.flexX-c{ display: flex; justify-content: center; }


/*Home*/
.inicial{ min-height:calc(100vh - 80px); }
.front-page .inicial{
  background-size: 50%; background-position-x: center; background-position-y: -20%;
  /*display: flex; justify-content: space-between; align-items: center;*/
  position: relative;
}
.front-page .inicial .logo{ max-width: 297px; }
.front-page .inicial .color-layout, .front-page .inicial .text-layout{
  width: 100vw; min-height:calc(100vh - 80px);
  position: absolute; top: 0px;
}
.front-page .inicial .color-layout{ background-color: transparent; }
.front-page .inicial .text-layout{ display: flex; justify-content: space-between; align-items: center
}

.front-page .nosotras{
  background-color: var(--colorP); color: #fff; padding: 170px 0px;
  display: flex;justify-content: center; align-items: center;column-gap: 40px;
}
.front-page  .nosotras .texto{max-width: 30%; }
.front-page  .nosotras h2{ margin: 0px 0px 25px 0px;}
.front-page .nosotras .texto p{ letter-spacing: 0.04em; margin-block: 0px;}

  /*Contenedor para las tarjetas tipo básicas*/
.servicios{padding-top:92px ; padding-bottom: 46px;}
.servicios h2{margin-top: 0;}
.servicios h1{margin-top: 0;}
.servicios > p{margin: 0; font-weight: 300;}
.servicios .btn{margin-left: 50%; transform: translateX(-50%);
  margin-top: 73px
}

  /*Tarjetas varias*/
.tarjetas-bas{column-gap: 38px; flex-wrap: wrap; row-gap: 30px;
}
.tarjetas-bas .tarjeta{
  max-width: 241px ; min-width: 200px; width: calc(100% / 5);
  max-height: 338px;
  box-sizing: border-box;
  border: 1px solid var(--colorP);
}
.tarjetas-bas .tarjeta > a{ display: block; 
  width: 100%; height: 80%;
}
.tarjetas-bas .tarjeta > a > img{width: inherit; height: 100%; 
  object-fit: cover; object-position: center;
}
.tarjetas-bas .tarjeta .contenido{ height: 20%; display: flex; flex-direction: column; justify-content: center;}
.tarjetas-bas .contenido > a{ padding: 0px 17px; justify-content: space-between; align-items: center; text-decoration: none}
.tarjetas-bas .contenido img{width: 12px; height: 12px; object-fit: contain; } 


.contacto{padding-top: 46px; padding-bottom: 38px;}
.contacto >h2{margin-top: 0; margin-bottom: 44px;}
.contacto >p{margin: 0;}
.contacto >p:last-of-type{margin-bottom: 61px;}
.tarjetas-con{column-gap: 34px;row-gap:34px }
.tarjetas-con .tarjeta{
 max-width: 430px ;width: 430px; height: 277px;
 justify-content: center;
}
  /*Tarjetas contacto*/
.tarjetas-con{ flex-wrap: wrap; }
.tarjetas-con .tarjeta{
  width: calc(100% / 3);
  max-width: 429px;
  min-width: 363px;

}
.tarjetas-con .tarjeta h4{margin-bottom: 15px; margin-top: 0px;}
.tarjetas-con .tarjeta .texto{width: fit-content; text-align: center;}
.tarjetas-con .tarjeta .texto p{margin: 0;}

.sec-final{padding-top: 38px; padding-bottom: 88px; font-family: "Poppins";}
.sec-final .flex-con{ display: flex; column-gap: 49px; }
.sec-final .content{ width: 40%;}
.sec-final .content h4{font-family: "Poppins";}
.sec-final .content p{line-height: 130%; font-weight: 300;}

.sec-final .form-con{width: 60%;}
.sec-final form{ display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 35px; 
}
.sec-final form p:nth-of-type(5),.sec-final form p:nth-of-type(6), 
.sec-final form p:last-of-type, .sec-final form p.p-policy{
  grid-column-start: 1; grid-column-end: 3;
}
.sec-final form >p {margin-block: 10px; }
.sec-final form textarea,.sec-final form select, .sec-final form input,
.sec-final form label{ 
  font-family: "Poppins";font-size: 14px; font-weight: 400;
}
.sec-final form label{font-weight: 300;}
.sec-final form input:not(input[type='submit']):not(input[type='checkbox']) , 
.sec-final form select, .sec-final form textarea{
  width: 100%; padding: 12px 20px; border-radius: 25px; border: 1px solid var(--colorP);
  box-sizing: border-box; 
}
.sec-final form input[type='submit']:hover{ background-color: var(--colorP);color: #fff;

}
.sec-final form input::placeholder{
  color: #090429; font-family: "Poppins";font-size: 14px; font-weight: 400;
}
.sec-final form textarea{ width: 100%; min-height: 134px }
.sec-final .wpcf7-list-item { display: block; margin: 0; width: 100%;}
.sec-final form input[type="submit"]{
  padding: 23px 50px; border-radius: 179px; border: 1px solid var(--colorP);
  box-sizing: border-box; background-color: #fff;
}
.sec-final .kit img{ margin-top:107px; margin-left:50%; transform: translateX(-50%);}
 
/*Servicios*/
.page-page-servicios-php .inicial{
  text-align: center; padding-bottom: 30px; box-sizing: border-box; position: relative;
}
.page-page-servicios-php .inicial h1{ padding-top: 142px; margin-bottom: 90px; margin-top: 0px;}
.page-page-servicios-php .inicial .texto{ width: 80%; margin: 0 auto; }
.page-page-servicios-php .separador{ width: 168px; height: 1px; background-color: black; display: inline-block; margin-block: 25px;}
.page-page-servicios-php .separador:last-of-type{display: none;}
.page-page-servicios-php .icono { position: absolute; bottom: 2px; transform: rotate(-90deg);}
.page-page-servicios-php .icono img{ object-fit: none; width: 17px; height: 45px; display: block;}

.terapias{ padding-top: 0; padding-bottom: 102px;}
.tarjetas-var .tarjeta{
  display: flex; column-gap: 68px; margin-bottom: 38px;
}
.tarjetas-var .head{ width: calc(100% / 2);}
.tarjetas-var .head img{
  width: 100%; object-fit: cover;object-position: center;
  max-height: 400px;
}
.tarjetas-var .contenido{ justify-content: center; align-items: initial;
  width: calc(100% / 2);
}
.tarjetas-var .contenido >div{display: flex; justify-content: space-between; }
.tarjetas-var .tar-btn{
  display: inline-flex;
  text-decoration: none;
  font-weight: 600;
  align-items: center;
}
.tarjetas-var  .tar-btn img{ width: 14px; height: 14px; 
  object-fit: none; margin-left: 5px;  
}

.tarjetas-var .tarjeta:nth-child(2n) .head {
  order: 2;
}
.tarjetas-var .tarjeta:nth-child(2n) .contenido{
  order: 1;
}

/*Equipo*/
.page-page-equipo-php .inicial{
  background-position: top; background-image: linear-gradient(90deg, #efefef, #e6e6e6)
}
.page-page-equipo-php .inicial .centro{ min-height: calc(100vh - 80px);
  display: flex; flex-direction: column; justify-content: space-between;
  background-image: none;
  background-image: url("../../uploads/2024/05/Equipo-Innere.png"); background-size: contain;
}
.page-page-equipo-php .inicial img{ display: none; }

.page-page-equipo-php .inicial p{ font-weight: 300; width: 35%; margin-top: 40px; }
.page-page-equipo-php .inicial .btn-b{ background-color: transparent; margin-bottom: 39px;}

.post-miembro{display: flex; column-gap: 68px; }
.post-miembro .content{ 
  width: calc(100% / 2);
  display: flex; flex-direction: column;
  justify-content: start; align-items: start;
  box-sizing: border-box;
 
  padding-left: calc( 47% - 600px);
  padding-right: 0%;
  margin-left: 3%;
}
.post-miembro .img-content{ width: calc(100% / 2); background-color: #d6d6d6; /*min-height: calc(100vh - 80px)*/;
  display: flex;
  align-items: end;}
.post-miembro .img-content > img{/*height: 100%;*/
  object-fit: cover; object-position: center; display: block;
  height: calc(100vh - 80px);
}
.post-miembro h2{font-weight: 600; }
.post-miembro h3{font-weight: 400; margin: 0;}
.post-miembro p:first-of-type{font-weight: 600; margin-bottom: 0;}
.post-miembro p:first-of-type + p{margin-top: 0;}

.post-miembro .buttons{display: flex; column-gap:34px ; padding-bottom: 41px; padding-top: 41px; }
.post-miembro .buttons .btn-icon{
  border-radius: 50%; width: 67px; height: 67px; padding: 0;
  display: flex; justify-content: center; align-items: center;
} 
.post-miembro .buttons .btn-icon img{ object-fit: none; width: 17px; height: 45px; display: block;}
.post-miembro .buttons .btn-icon:hover img{ filter: invert(1);}
.tarjetas-var .img-content img{
  width: 100%; 
  object-fit: cover; object-position: center;
}

/*Contacto*/
.page-page-contacto-php + .sec-final{padding-top: 70px;}
.page-page-contacto-php + .sec-final .kit img  {margin-block: 0;}

.page-page-miembro-php + .sec-final{padding-top: 70px;}
.page-page-miembro-php + .sec-final .kit img  {margin-block: 0;}

/*Footer*/
.foo1{padding-top: 67px;}
.foo .flexX-c{ column-gap: 64px; flex-wrap: wrap; }
.foo h4{ font-weight: 500; line-height: 18px; }
.foo ul{ list-style: none; margin: 0;padding: 0;}
.foo ul a{ text-decoration: none;}
.foo ul .loc a{align-items: start;}
.foo ul .e-mail{margin-top: 10px;}
.foo ul a:hover{text-decoration: underline; color: var(--colorHover);}


/*Cabecera Movil*/
@media (min-width: 941px) {
  nav.navbar .navbar-header button.navbar-toggle{display: none;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li:hover .menu-menu-principal-container > ul{display: block;}
}
@media (max-width: 940px) {
  body{    margin: 65px 0 0 0!important;}
  body.wordpress nav.navbar.fixed #navbar ul li a { color: #fff;}
  nav.navbar .navbar-header a.navbar-brand img{ max-height: 47px; max-width: initial;}
  nav.navbar.abrir .navbar-header a.navbar-brand img{
    filter: invert(1);
  }
  nav.navbar {background: #FFFFFF; height: 64px;}
  nav.navbar.abrir {background: var(--colorP); /*#333E48;*/ height: 100vh;}
  
  nav.navbar .centro{    width: 100%; max-width: 100%;
    background-color: white;
    height: 80px;
  }
  nav.navbar.abrir .centro{  background-color: var(--colorP)
  }
  nav.navbar div#navbar.cerrado,
  nav.navbar .bloqueidiomas.cerrado{display: none;}

  nav.navbar .navbar-header { top: 16px;    margin-left: 16px; }
  nav.navbar.abrir .navbar-header a.navbar-brand img { /*filter: brightness(0) invert(1); */}

  nav.navbar div#navbar{
    position: absolute;
    top: 80px;
    left: 0;
  }
  nav.navbar #navbar ul {
    padding: 0 0 0; width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  nav.navbar #navbar > ul > li{
    width: 80%;
    box-sizing: border-box;
    margin: 0;
    border-bottom: 1px solid #616160;
  }
  nav.navbar #navbar > ul > li a, nav.navbar #navbar > ul > li span{
    color: #fff; font-size: 30px;
  }
  nav.navbar #navbar ul li:nth-last-of-type(1) { padding-right: 1%; margin-right: 1%; }
  nav.navbar #navbar .menu-menu-principal-container > ul{ }
  nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li > a,
  nav.navbar.abrir #navbar .menu-menu-principal-container > ul > li { color: white;}

  nav.navbar #navbar .menu-menu-principal-container > ul > li{    width: 100%; border-top: 1px solid #D7DBE0; padding: 16px;    font-size: 22px; font-weight: bold;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li:nth-last-of-type(1){border-bottom: 1px solid #D7DBE0;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li a,
  nav.navbar #navbar .menu-menu-principal-container > ul > li span{color:#fff;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li a{}
  nav.navbar #navbar .menu-menu-principal-container > ul > li span{display: block;position: relative;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li span:after{content:''; background-image: url('images/flechab.png'); position: absolute; position: absolute; right: 4px; width: 15px; height: 24px; transform: rotate(90deg);}
  nav.navbar #navbar .menu-menu-principal-container > ul > li span:after{transition-property: transform; transition-duration: 1s; }
  nav.navbar #navbar .menu-menu-principal-container > ul > li.brir span:after{ transform: rotate(-90deg);}
  nav.navbar #navbar .menu-menu-principal-container > ul > li .menu-menu-principal-container > ul{    position: relative; background: transparent; padding: 12px 0; min-width: auto;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li.brir .menu-menu-principal-container > ul{  display: block;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li .menu-menu-principal-container > ul > li{font-weight: normal;}
  nav.navbar #navbar .menu-menu-principal-container > ul > li .menu-menu-principal-container > ul > li > a{}

  nav.navbar .bloqueidiomas{    right: 16px;}
  nav.navbar .bloqueidiomas .wpml-ls-legacy-list-horizontal ul li a{ color:#fff; text-decoration: none; }

  nav.navbar .navbar-header button.navbar-toggle{cursor: pointer;position: fixed;right: 15px;border: 0px; padding: 8px 11px 12px 11px; background: transparent;top: 6px;}
  nav.navbar .navbar-header button.navbar-toggle span.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0); border: 0;}
  nav.navbar .navbar-header button.navbar-toggle span.icon-bar{margin-top: 8px;display: block;width: 25px;height: 3px;;background: #333E48; }

  nav.navbar.abrir  .navbar-header button.navbar-toggle{   transform: rotate(45deg); top: 20px;  padding: 8px 0 0;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(1){    background: #fff}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(2){    background: #fff; transform: rotate(90deg);}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(3){    background: #fff; transform: rotate(1deg); top: -11px; position: relative;}
  nav.navbar.abrir  .navbar-header button.navbar-toggle span.icon-bar:nth-of-type(4){ display: none;}
  /*
  section.centro{
    box-sizing: border-box;
    padding-left: 3%; padding-right: 3%;
  } */
  .btn{white-space: nowrap;}

  /*Home*/
  .front-page .inicial {
    background-size: cover; width: 100%;
  }
  .front-page .inicial .color-layout {
    background-color: #ffffff75;
  }
  .front-page .inicial .text-layout {
    display: flex; flex-direction: column;
    justify-content: center;
  }
  .front-page .inicial .logo {
    width: 75%;
    mix-blend-mode: multiply;
  
  }


  .nosotras{ flex-direction: column; }
  .front-page .nosotras{align-items: start; padding-left: 3%; padding-right: 3%;}
  .front-page .nosotras .texto{max-width: 100%; margin-top: 25px;}
  /*.nosotras h2{ margin: 0px 0px 56px 0px;}*/

  /*Servicios*/
  .tarjetas-var .tarjeta{flex-direction: column; row-gap: 0px; 
   margin-bottom: 40px;
  }
  .tarjetas-var .head, .tarjetas-var .contenido{ width: 100%;}
  .tarjetas-var .tarjeta:nth-child(2n) .head, 
  .tarjetas-var .tarjeta:nth-child(2n) .contenido {order: unset; }

  /*sec formulario*/
  .sec-final .flex-con {
    flex-direction: column; row-gap: 30px;
  }
  .sec-final .content, .sec-final .form-con{
    width: 100%;
  }

  /*Equipo*/
  .page-page-equipo-php .inicial {background-image: none; }
  .page-page-equipo-php .inicial .centro { background-image: none; background-color: #fff; 
    min-height: auto; justify-content: start;
  }
  .page-page-equipo-php .inicial img{ 
    display: block; height:55vh; width: 100%;
    object-fit: cover; object-position: 82% 0%;
  }
  .page-page-equipo-php .inicial p {
    width: 100%;
  }
  .page-page-equipo-php .inicial .btn-b { margin-top: 60px; margin-left: auto; margin-right: auto; }
  

}
@media (max-width : 700px){
  .post-miembro{flex-direction: column; row-gap: 30px; }
  .post-miembro .content, .post-miembro .img-content { width: 100%;}
  .post-miembro .img-content{ order: 1; height: 55vh; min-height: auto;}
  .post-miembro .img-content > img { width: 100%; height: 100%; object-position: center 5%; }
  .post-miembro .content{ order: 2; padding: 0 3%;}
}

@media (max-width: 500px){
  footer { padding-bottom: 67px; /*Mas el espacio de filoBarba*/}
  .page-page-servicios-php .inicial .texto { width: 96%; }

  /*Miembro*/
  .tarjetas-bas {
    column-gap: 10px;
  }
  .tarjetas-bas .tarjeta {
    max-width: none; min-width: auto;  width: calc(50% - 10px );
  }
  /*sec final */
  .sec-final form {
    grid-template-columns: repeat(1,1fr);
  }
  .sec-final form p:nth-of-type(5), .sec-final form p:nth-of-type(6), 
  .sec-final form p:last-of-type, .sec-final form p.p-policy { grid-column-start: unset; grid-column-end: unset;}

  /*Filobarba*/
  .foomov {
    background-color: var(--colorP);

    box-shadow: 0px -4px 7px 0px #0000001A;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    z-index: 111;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 7 - 10px), 1fr));

  }
  .foomov .iflex {
      border-left: 1px solid #616160;
      height: 60px;
      width: 100%;
      background-size: auto;
      background-repeat: no-repeat;
      background-position: center;
      
  }
  .foomov .iflex:first-child {
      border-left: none;
  }
}

/*Cabecera Movil*/

@media (max-width: 1250px) {
  div.centro, section.centro{    width: 94%;}
}



.has-pale-pink-background-color.has-pale-pink-background-color {background-color: #f78da7;}
.has-vivid-red-background-color.has-vivid-red-background-color {background-color: #cf2e2e;}
.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color {background-color: #ff6900;}
.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color {background-color: #EFB810;}
.has-light-green-cyan-background-color.has-light-green-cyan-background-color {background-color: #7bdcb5;}
.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color {background-color: #00d084;}
.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color {background-color: #8ed1fc;}
.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color {background-color: #0693e3;}
.has-very-light-gray-background-color.has-very-light-gray-background-color {background-color: #eee;}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {background-color: #abb8c3;}
.has-very-dark-gray-background-color.has-very-dark-gray-background-color {background-color: #313131;}
.has-pale-pink-color.has-pale-pink-color {color: #f78da7;}
.has-vivid-red-color.has-vivid-red-color {color: #cf2e2e;}
.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color {color: #ff6900;}
.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color {color: #EFB810;}
.has-light-green-cyan-color.has-light-green-cyan-color {color: #7bdcb5;}
.has-vivid-green-cyan-color.has-vivid-green-cyan-color {color: #00d084;}
.has-pale-cyan-blue-color.has-pale-cyan-blue-color {color: #8ed1fc;}
.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color {color: #0693e3;}
.has-very-light-gray-color.has-very-light-gray-color {color: #eee;}
.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color {color: #abb8c3;}
.has-very-dark-gray-color.has-very-dark-gray-color { color: #313131; }
.has-small-font-size {font-size: 13px;}
.has-regular-font-size, .has-normal-font-size {font-size: 16px;}
.has-medium-font-size {font-size: 20px;}
.has-large-font-size {font-size: 36px;}
.has-larger-font-size, .has-huge-font-size {font-size: 42px;}