/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.1.16.1648507209
Updated: 2022-03-28 16:40:09
*/


/* NORMALIZACIÓN"
   => => Se agregó el Normalize.css al Header (https://necolas.github.io/normalize.css/8.0.1/normalize.css) <= <=
   ========================================================================== */
* {
  font-family: Arial,Verdana,Monaco,sans-serif;
  /*line-height: 1;*/
}
*, *::before, *::after {
  padding: 0;
  margin: 0;
  outline: none;
  box-sizing: border-box;
}
* { /*Esro elimina el outline de todos los elementos*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  background-color: #fff !IMPORTANT;
}
header#masthead { /*Header*/
  z-index: 9999;
}
html::-webkit-scrollbar {
  width: 10px;     /* Tamaño del scroll en vertical */
  height: 10px;    /* Tamaño del scroll en horizontal */
}
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
html::-webkit-scrollbar-thumb {
  background: #246458;
  border-radius: 8px;
}
html::-webkit-scrollbar-track {
  background: #e1e1e1;
  border-radius: 4px;
}

/* VARIABLES GLOBALES
   ========================================================================== */
:root {
  /*--font-size-desktop: ;
  --font-size-tablet: ;*/
  --font-size-mobile-P: 16px;
}

/* ESTILOS GLOBALES
   ========================================================================== */
/*TÍTULOS ANTES DE CADA SECCIÓN*/
.titulo-principal-por-seccion {
  width: 30vw;
  height: 6px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 3px;
  position: relative;
  /*border-top: solid 2px #b3b8eb;
  border-bottom: solid 2px #b3b8eb;
  background-color: rgba(230, 232, 248, 0.3);*/
  /*background-image: linear-gradient(20deg, #4c6b7f, #00b09b, #30BE96, #96c93d, #30BE96, #00b09b, #4c6b7f);*/
  background: linear-gradient(
        0deg,
        rgb(150, 201, 61) 0%,
        rgba(150, 201, 61, 0) 70%
      ),
      linear-gradient(
        0deg,
        rgb(0, 176, 155) 10%,
        rgba(0, 176, 155, 0) 80%
      ),
      linear-gradient(
        0deg,
        rgb(10.327, 219.17, 215.69) 10%,
        rgba(10.327, 219.17, 215.69, 0) 80%
      ),
      linear-gradient(
        0deg,
        rgb(48, 190, 150) 100%,
        rgba(48, 190, 150, 0) 70%
      );
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
/*.titulo-principal-por-seccion::before {
  content: " ";
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  background-color: #fff;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 104%;
}*/
.titulo-principal-por-seccion h2 {
  position: absolute;
  top: -37px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: auto;
  color: #1b5937;
  font-size: 28px;
}
.titulo-principal-por-seccion h2 span {
  color: #30be96;
}
/*Responsive*/
/*Escritorios anchos*/
/*Tablets en horizonal y escritorios normales*/
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .titulo-principal-por-seccion h2 {
    top: -37px;
    font-size: 28px;
  }
}
/*Móviles en horizontal o tablets en vertical*/
@media screen and (max-width: 768px) {
  .titulo-principal-por-seccion {
    width: 60vw;
  }
  .titulo-principal-por-seccion h2 {
    font-size: 20px;
  }
}
/*ESPACIO ENTRE CADA SECCIÓN*/
/*Se aplica la siguiente clase al contenedor principal de cada sección*/
.divider-spaceup {
  margin-top: 400px;
  margin-bottom: 50px;
}
/*Móviles en horizontal o tablets en vertical*/
@media screen and (max-width: 768px) {
  .divider-spaceup {
    margin-top: 200px;
    margin-bottom: 30px;
  }
}
/*ESPACIO ENTRE LA PRIMER SECCIÓN Y EL HEADER*/
/*Se aplica la siguiente clase al contenedor principal de cada sección*/
.divider-spaceHeader {
  margin-top: 180px;
  margin-bottom: 50px;
}
/*Móviles en horizontal o tablets en vertical*/
@media screen and (max-width: 1024px) {
  .divider-spaceHeader {
    margin-top: 80px;
    margin-bottom: 30px;
  }
}
/*ESPACIO ENTRE LA ÚLTIMA SECCIÓN Y EL FOOTER*/
/*Se aplica la siguiente clase al contenedor principal de cada sección*/
.divider-spacedown {
  margin-bottom: 130px;
}
/*Móviles en horizontal o tablets en vertical*/
@media screen and (max-width: 768px) {
  .divider-spacedown {
    margin-bottom: 80px;
  }
}
/*BOTONES*/
.global-button, input.global-button,
.global-button:focus, input.global-button:focus {
  /*display: inline-block !important;*/
  /*width: 30% !important; Modificarlo en cada sección */
  text-decoration: none !important;
  text-align: center !important;
  padding: 5px 20px !important;
  border: none !important;
  background: #3ba490 !important;
  color: #fff !important;
  cursor: pointer !important;
  border-radius: 8px !important;
  transition: all 300ms !important;
}
.global-button:hover, input.global-button:hover {
  color: #fff !important;
  background: #246458 !important;
}
/*Responsive*/
@media screen and (max-width: 768px) {
  .global-button, input.global-button {
    /*width: 70px !important;*/
    padding: 3px 7px !important;
  }
}

/* MENÚ (NATIVO WORDPRESS)
   ========================================================================== */
/*DESKTOP*/
header#masthead {
  position: fixed;
  z-index: 99999;
  width: 100%;
}
a.brand.has-logo-image > img.custom-logo {
  -webkit-transition: all 0.3s ease; /* Safari y Chrome */
  -moz-transition: all 0.3s ease; /* Firefox */
  -o-transition: all 0.3s ease; /* IE 9 */
  -ms-transition: all 0.3s ease; /* Opera */
}
/*.site-top-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-fullwidth.kadence-sticky-header.item-is-fixed.item-at-start a.brand.has-logo-image > img {
  max-width: 200px;
}
.site-top-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-fullwidth.kadence-sticky-header.item-is-fixed.item-is-stuck a.brand.has-logo-image > img {
  max-width: 100px;
}*/
.site-header-upper-inner-wrap {
  -webkit-transition: all 0.3s ease; /* Safari y Chrome */
  -moz-transition: all 0.3s ease; /* Firefox */
  -o-transition: all 0.3s ease; /* IE 9 */
  -ms-transition: all 0.3s ease; /* Opera */
}
header#masthead div#main-header {
  background-color: #fff;
  box-shadow: 0 0px 10px 1px #878787;
}
header#masthead div#main-header ul.sub-menu {
  background-color: #fff;
}
.menu-item-css, .menu-item-css * {
  /*Estas clases se agregaron a los elementos del menú en Wordpress: ul#primary-menu li.menu-item*/
  -webkit-transition: all 0.3s ease; /* Safari y Chrome */
  -moz-transition: all 0.3s ease; /* Firefox */
  -o-transition: all 0.3s ease; /* IE 9 */
  -ms-transition: all 0.3s ease; /* Opera */
}
.menu-item-css:hover, .menu-item-css li:hover {
  transform: translateY(-5px);
}
/*.search-drawer .drawer-inner .drawer-content .asl_w_container.asl_w_container_1 #ajaxsearchlite1 {*/
.asl_w_container {
  width: 100% !important;
  max-width: 800px !important;
}
/*Esto desactiva el link de los elementos del menú que tienen un submenú*/
.menu-sinlink > a {
  /*pointer-events: none;
  cursor: default;*/
}
/*Esto oculta el logo en modo escritorio*/
.menu-container {
  display: none;
}
/*TABLET AND MOBILE*/
@media screen and (max-width: 1024px) {
  header#masthead {
    position: fixed;
    z-index: 99999;
    background-color: rgba(243, 246, 249, 0.97);
    /* Estilo: menú escondido a la derecha*/
      top: 0;
      right: 0;
      transform: translateX(100%);
      max-width: 300px;
      min-height: 400px;
    /* Estilo: menú escondido arriba usando Transform*/
      /*top: 0;
      right: 0;
      width: 100vw;
      height: 100vh;
      min-height: 400px;
      transform: translateY(calc(-100vh + 65px));*/
    /* Estilo: menú escondido arriba usando clip-path*/
      /*top: 0;
      right: 0;
      width: 100vw;
      height: 100vh;
      min-height: 400px;
      clip-path: polygon(0 0, 100% 0, 100% 65px, 0 65px);*/
    overflow: hidden;
    -webkit-transition: all 0.5s ease; /* Safari y Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    will-change: all;
  } 
  .header_show {
    transform: none !important;
    /*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;*/
  }
  div#mobile-header { /*Con esto modifico el menú de horizontal a vertical*/
    margin-top: 85px;
    height: calc(100vh - 65px);
    background-color: transparent;
    overflow-y: auto;
  }
  div#mobile-header::before { /* Logo */
  content: '';
  width: 134px;
  height: 70px;
  background-image: url('/wp-content/uploads/2023/08/Logo-for-header.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 7px;
  left: 15px;
  }
  div#mobile-header ul#mobile-menu {
    display: inline;
  }
  div#mobile-header ul#mobile-menu li {
    font-size: 20px;
  }
  /*Se quita el efecto hover*/
  .menu-item-css:hover, .menu-item-css li:hover {
    transform: none;
  }
  /**/
  div#mobile-header div.site-top-header-inner-wrap {
    display: inline;
    height: auto;
    min-height: 300px;
    /*height: calc(100vh - 120px); Esto se modifica al final para ajustar el Logo */
    /*height: auto;*/ /*Esto no funciona, evita que se active el scroll*/
  }
  .site-header-top-section-center.site-header-section.site-header-section-center {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    overflow: auto;
  }
  div#mobile-header div.site-top-header-inner-wrap > div > div.site-header-item.site-header-focus-item.site-header-item-mobile-navigation.mobile-navigation-layout-stretch-false {
    width: 100%; /*Esto ajusta el ancho de las opciones del menú para que las flechas de los submenús se ajusten hasta la derecha.*/
  }
  /*Animación para los Submneús, ya que el que aplica Wordpress no funciona.*/
  ul.sub-menu {
    opacity: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s linear !important; /* Safari y Chrome */
    -moz-transition: all 0.3s linear !important; /* Firefox */
    -o-transition: all 0.3s linear !important; /* IE 9 */
    -ms-transition: all 0.3s linear !important; /* Opera */
  }
  ul.sub-menu.active {
    opacity: 1;
    height: auto;
  }
  div#search-drawer { /*Esto es para que la "X" del buscador aparezca arriba de la "X" del ícono de hamburguesa*/
    z-index: 99999999;
  }
  .menu-container {
    display: initial;
  }
  /*Ícono de Menú*/
  .menu-container__circle-icon {
    position: fixed;
    z-index: 999999;
    width: 45px;
    height: 45px;
    top: 10px;
    right: 15px;
    background-color: #232323;
    /*background-color: transparent;*/
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items:center;
    justify-content:center;
    box-shadow: 0 0 10px 0 #fff;
    -webkit-transition: all 0.8s ease; /* Safari y Chrome */
    -moz-transition: all 0.8s ease; /* Firefox */
    -o-transition: all 0.8s ease; /* IE 9 */
    -ms-transition: all 0.8s ease; /* Opera */
  }
  .menu-container__logo-img {
    width: auto;
    height: 50px;
  }
  .menu-container__circle-icon-clicked {
    background-color: transparent;
    box-shadow: none;
  }
  .menu-container__icon span {
    display: block;
    width: 100%;
    height: 5px;
    position: relative;
    background: #ededed;
    /*background: #232323;*/
    border-radius: 3px;
    -webkit-transition: all 0.5s ease; /* Safari y Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
  }
  .menu-container__icon {
    width: 30px;
    height: 30px;
    align-items: center;
    display: block;
  }
  /*Spans forma y posición original*/
  .menu-container__icon span {
    margin: 4px auto;
  }
  /*Span's en forma de X para cerrar el menú*/
  span.menu-container__span-checked
  {
    opacity: 1;
    background: #232323;
  }
  span.menu-container__span-checked:nth-child(1)
  {
    transform: translateX(5px) rotate(45deg) translate(2px, 11px);
  }
  span.menu-container__span-checked:nth-child(2)
  {
    opacity: 0;
    transform: scale(0);
  }
  span.menu-container__span-checked:nth-child(3)
  {
    transform: translateX(5px) rotate(-45deg) translate(2px, -11px);
  }
  .menu-container {
    width: 100vw;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  .menu-container__menu {
    width: 100%;
    padding: 0;
    position: relative;
    height: 0;
  }
  .remove-scrolling {
    /*Se desactiva el scroll cuando se activa el menú, esto se hace con JS (menuResponsive.js)*/
    height: 100%;
    overflow: hidden;
  }
  .site-header-top-section-right.site-header-section.site-header-section-right { /*Footer Logo (su contendor es el #mobile-header)*/
    position: absolute;
    left: 50%;
    top: calc(100vh - 60px);
    transform: translateX(-50%) translateY(-200%);
  }
  .site-header-section-right {
      justify-content: center !important;
  }
  .site-branding a.brand img {
      max-width: 150px; /*Con este ancho, el alto es de 70px */
  }
  .site-header-top-section-center.site-header-section.site-header-section-center {
      /*height: calc(100vh - 270px);
      min-height: 250px;*/
  }
  .site-title-wrap {
    display: none;
  }
}

/* SLIDER
   ========================================================================== */
#slideshow-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  z-index: 50; /*Esto es para que Logo esté por debajo del Slider y haga efecto de "aparecer" al cargar el Home*/
}
.slideshow-container__btn-left,
.slideshow-container__btn-right {
  height: 100%;
  display: flex;
  position: absolute;
  z-index: 400;
  align-items:center;
  justify-content:center;
  font-weight: bold;
  font-family: monospace;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .3s ease; /* Safari y Chrome */
  -moz-transition: all .3s ease; /* Firefox */
  -o-transition: all .3s ease; /* IE 9 */
  -ms-transition: all .3s ease; /* Opera */
}
.slideshow-container__btn-left i,
.slideshow-container__btn-right i {
  filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
  -webkit-transition: transform .3s ease-in-out; /* Safari y Chrome */
  -moz-transition: transform .3s ease-in-out; /* Firefox */
  -o-transition: transform .3s ease-in-out; /* IE 9 */
  -ms-transition: transform .3s ease-in-out; /* Opera */
}
@keyframes slideshow-container__move_btnL {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-5px);
    }
    50% {
        transform: translateX(0);
    }
    75% {
        transform: translateX(5px);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes slideshow-container__move_btnR {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(5px);
    }
    50% {
        transform: translateX(0);
    }
    75% {
        transform: translateX(-5px);
    }
    100% {
        transform: translateX(0);
    }
}
.slideshow-container__btn-left {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.slideshow-container__btn-right {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#slideshow-container__slideshow {
  position: relative;
  height: 100%;
  z-index: 100;
  transform: translateY(0);
}
#slideshow-container__precarga {
  display: flex;
  justify-content: center;
  align-items:center;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  background-color: #fff;
  opacity: 1;
  -webkit-transition: all .8s ease; /* Safari y Chrome */
  -moz-transition: all .8s ease; /* Firefox */
  -o-transition: all .8s ease; /* IE 9 */
  -ms-transition: all .8s ease; /* Opera */
}
#slideshow-container__precargaImg {
  width: auto;
  height: 30%;
  filter: invert(32%) sepia(6%) saturate(4333%) hue-rotate(119deg) brightness(91%) contrast(82%); /* #246458 */
  animation: slideshow-container__imgLoading 0.7s linear infinite; /*Animación de espera mientras carga img1*/
  -webkit-transition: all .8s ease; /* Safari y Chrome */
  -moz-transition: all .8s ease; /* Firefox */
  -o-transition: all .8s ease; /* IE 9 */
  -ms-transition: all .8s ease; /* Opera */
}
@keyframes slideshow-container__imgLoading {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
#slideshow-container__slideshow > img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#slideshow-container__img1 {
  opacity: 0;
}
#slideshow-container__img2 {
  opacity: 0;
  -webkit-transition: all .5s ease; /* Safari y Chrome */
  -moz-transition: all .5s ease; /* Firefox */
  -o-transition: all .5s ease; /* IE 9 */
  -ms-transition: all .5s ease; /* Opera */
}
.slideshow-container__active {
  opacity: 1 !important;
}
#slideshow-container__slideshow-textos {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 150;
}
.slideshow-container__slideshow-textos-post {
  opacity: 0; /* Se modifica en JS */
  width: 100%;
  padding: 0 7%;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  background-image: linear-gradient(to top,
    rgba(0, 0, 0, 0.6) 10%,
    rgba(0, 0, 0, 0.5) 30%,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.3) 70%,
    rgba(0, 0, 0, 0.2) 80%,
    transparent);
  -webkit-transition: all .3s ease; /* Safari y Chrome */
  -moz-transition: all .3s ease; /* Firefox */
  -o-transition: all .3s ease; /* IE 9 */
  -ms-transition: all .3s ease; /* Opera */
}
.slideshow-container__preText321 {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
}
.slideshow-container__preText21 {
  width: auto;
  height: auto;
  margin-top: 5px;
  position: relative;
}
.slideshow-container__preText21 > .slideshow-container__preText1-2 > p {
  /*
    ESto es para dar el efecto de retraso en segundo texto del slide, evita usar setTimeout en JS.
  */
  transition-delay: 100ms;
}
.slideshow-container__preText1{
  width: auto;
  height: auto;
  display: inline-block;
  overflow: hidden;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .5s ease; /* Safari y Chrome */
  -moz-transition: all .5s ease; /* Firefox */
  -o-transition: all .5s ease; /* IE 9 */
  -ms-transition: all .5s ease; /* Opera */
}
.slideshow-container__preText1 p {
  line-height: 1.2;
}
.slideshow-container__preText1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: calc(100% - 10px);
  opacity: var(--opacity, 0);
  background-color: #fff;
  box-shadow: 2px 0 4px #000;
  -webkit-transition: all .4s ease; /* Safari y Chrome */
  -moz-transition: all .4s ease; /* Firefox */
  -o-transition: all .4s ease; /* IE 9 */
  -ms-transition: all .4s ease; /* Opera */
}
.slideshow-container__preText1 > * {
  width: auto;
  height: auto;
  color: #fff;
  line-height: 1;
  /*Se ocultan los textos hasta que se termine de cargar la img1:*/
  transform: translateX(-120%);
  opacity: 0;
  -webkit-transition: all .5s ease; /* Safari y Chrome */
  -moz-transition: all .5s ease; /* Firefox */
  -o-transition: all .5s ease; /* IE 9 */
  -ms-transition: all .5s ease; /* Opera */
}
.slideshow-container__Text1 {
  font-family: Arial,Verdana,Monaco,sans-serif;
}
.slideshow-container__Text2 {
  font-family: 'Playfair Display';
  font-weight: bold;
}
#slideshow-container__pointers {
  text-align: right;
  position: absolute;
  bottom: 10%;
  right: 20px;
  z-index: 200;
  opacity: 0; /*Esto se modifica en JS*/
}
.slideshow-container__circles {
  border: #fff 1px solid;
  display: inline-block;
  background-color: transparent;
  border-radius: 50%;
  -webkit-transition: all .5s ease; /* Safari y Chrome */
  -moz-transition: all .5s ease; /* Firefox */
  -o-transition: all .5s ease; /* IE 9 */
  -ms-transition: all .5s ease; /* Opera */
}
.slideshow-container__resaltado {
  background-color: rgba(138, 189, 36, .7);
  transform: background-color .8s;
  -webkit-transition: all .8s ease; /* Safari y Chrome */
  -moz-transition: all .8s ease; /* Firefox */
  -o-transition: all .8s ease; /* IE 9 */
  -ms-transition: all .8s ease; /* Opera */
}
/*Footter of slider*/
.slideshow-container__footer {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  width: 110%; /*Se excede el 100% para evitar espacios blancos a los lados de la img svg*/
  height: auto;
}
.slideshow-container__footer svg {
  position: absolute;
  bottom: 0;
  filter:
    drop-shadow(0 -2px 2px rgba(35, 35, 35, 0.8))
    drop-shadow(0 -4px 5px rgba(35, 35, 35, 0.4));
}
.slideshow-container__footer svg path {
  fill:  #fff;
}
/*Barra al final para generar sombra*/
.slideshow-container__after{
  margin-left: auto;
  margin-right: auto;
  width: 100vw;
  max-width: 2500px;
  height: 0px;
  box-shadow: 0 0 12px 5px #878787;
}
/*RESPONSIVE*/
/*Escritorios anchos*/
@media screen and (min-width: 1200px) {
  #slideshow-container {
    width: 100vw;
    max-width: 2500px;
    height: 55vh;
    max-height: 3000px;
    min-height: 410px;
    margin-top: 60px;
  }
  .slideshow-container__btn-left,
  .slideshow-container__btn-right {
    width: 70px;
    font-size: 50px;
  }
  .slideshow-container__btn-left:hover i {
    animation: slideshow-container__move_btnL 0.5s linear infinite;
  }
  .slideshow-container__btn-right:hover i {
    animation: slideshow-container__move_btnR 0.5s linear infinite;
  }
  .slideshow-container__slideshow-textos-post {
    height: 50%;
  }
  .slideshow-container__preText1{
    padding: 3px 0 3px 15px;
  }
  .slideshow-container__Text1 {
    font-size: 80px;
  }
  .slideshow-container__Text2 {
    font-size: 50px;
  }
  #slideshow-container__pointers {
    height: 25px;
  }
  .slideshow-container__circles {
    width: 15px;
    height: 15px;
    margin: 0 5px;
  }
}
/*Tablets en horizonal y escritorios normales*/
@media screen and (min-width: 769px) and (max-width: 1199px) {
  #slideshow-container {
    width: 100vw;
    height: 45vh;
    max-height: 650px;
    min-height: 350px;
  }
  .slideshow-container__btn-left,
  .slideshow-container__btn-right {
    width: 60px;
    font-size: 45px;
  }
  .slideshow-container__btn-left:active i {
    transform: translateX(-10px);
  }
  .slideshow-container__btn-right:active i {
    transform: translateX(10px);
  }
  .slideshow-container__preText1{
    padding: 3px 0 3px 10px;
  }
  .slideshow-container__slideshow-textos-post {
    height: 75%;
  }
  .slideshow-container__Text1 {
    font-size: 50px;
  }
  .slideshow-container__Text2 {
    font-size: 30px;
  }
  #slideshow-container__pointers {
    height: 25px;
  }
  .slideshow-container__circles {
    width: 15px;
    height: 15px;
    margin: 0 5px;
  }
  /*Footter of slider*/
  .slideshow-container__footer {
    display: block;
  }
  .slideshow-container__after{
  display: none;
  }
}
/*Móviles en horizontal o tablets en vertical*/
@media screen and (max-width: 768px) {
  #slideshow-container {
    width: 100vw;
    height: 50vh;
    max-height: 600px;
    min-height: 250px;
  }
  .slideshow-container__btn-left,
  .slideshow-container__btn-right {
    width: 40px;
    font-size: 30px;
  }
  .slideshow-container__btn-left:active i {
    transform: translateX(-10px);
  }
  .slideshow-container__btn-right:active i {
    transform: translateX(10px);
  }
  .slideshow-container__preText1{
    padding: 3px 0 3px 6px;
  }
  .slideshow-container__slideshow-textos-post {
    height: 50%;
  }
  .slideshow-container__Text1 {
    font-size: 20px;
  }
  .slideshow-container__Text2 {
    font-size: 14px;
  }
  #slideshow-container__pointers {
    height: 20px;
  }
  .slideshow-container__circles {
    width: 12px;
    height: 12px;
    margin: 0 2px;
  }
  /*Footter of slider*/
  .slideshow-container__footer {
    display: block;
  }
  .slideshow-container__after{
  display: none;
  }
}


/* OFERTAS (Planes)
   ========================================================================== */
/*
  oferta__img -> 40%
  oferta__plan -> 10%
  oferta__descrip -> 40%
  oferta__precios -> 10%
*/

.oferta-tittle {
  width: 100vw;
  height: auto;
  text-align: center;
  margin: 70px 0 30px;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.oferta-tittle * {
  /*display: inline-block;*/
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  margin: 0 !important;
}
.oferta-tittle__p1 {
  font: bold 3em Sans-Serif;
  color: #6daaab;
  /*padding-right: 15px;*/
}
.oferta-tittle__p2 {
  font: bold 3.3em Sans-Serif;
  color: #467979;
  position: relative;
  padding: 0 8px;
  font-size: 3.3em;
  animation: oferta-tittle-shake-text 3s linear infinite;
}
.oferta-tittle__p3 {
  font: bold 3em Sans-Serif;
  color: #6daaab;
  /*padding-left: 15px;*/
}
/*.oferta-tittle__p2::before {
  content: '';
  width: 105%;
  height: 130%;
  background-color: red;
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: -2;
  animation: oferta-tittle-shake-red 3s linear infinite;
  transform-origin: left;
  border-radius: 10px;
  box-shadow: 0 0px 10px 1px #878787;
}
.oferta-tittle__p2::after {
  content: '';
  width: 102%;
  height: 122%;
  background-color: yellow;
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: -1;
  animation: oferta-tittle-shake-yellow 3s linear infinite;
  transform-origin: left;
  border-radius: 10px;
}*/
@keyframes oferta-tittle-shake-text {
  0% {
    transform: scale(1);
  }
  90% {
    transform: scale(1);
  }
  92% {
    transform: scale(1.1);
  }
  94% {
    transform: scale(0.9);
  }
  96% {
    transform: scale(1.1);
  }
  98% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
/*@keyframes oferta-tittle-shake-red {
  0% {
    transform: rotate(0deg) translateX(-50%) translateY(-50%);
  }
  90% {
    transform: rotate(0deg) translateX(-50%) translateY(-50%);
  }
  92% {
    transform: rotate(2deg) translateX(-50%) translateY(-50%);
  }
  94% {
    transform: rotate(-2deg) translateX(-50%) translateY(-50%);
  }
  96% {
    transform: rotate(2deg) translateX(-50%) translateY(-50%);
  }
  98% {
    transform: rotate(-2deg) translateX(-50%) translateY(-50%);
  }
  100% {
    transform: rotate(0deg) translateX(-50%) translateY(-50%);
  }
}
@keyframes oferta-tittle-shake-yellow {
  0% {
    transform: rotate(0deg) translateX(-50%) translateY(-50%);
  }
  90% {
    transform: rotate(0deg) translateX(-50%) translateY(-50%);
  }
  92% {
    transform: rotate(-2deg) translateX(-50%) translateY(-50%);
  }
  94% {
    transform: rotate(2deg) translateX(-50%) translateY(-50%);
  }
  96% {
    transform: rotate(-2deg) translateX(-50%) translateY(-50%);
  }
  98% {
    transform: rotate(2deg) translateX(-50%) translateY(-50%);
  }
  100% {
    transform: rotate(0deg) translateX(-50%) translateY(-50%);
  }
}*/
.oferta-container {
  width: 100vw;
  text-align: center;
  display: flex;
  align-items:center;
  justify-content:center;
  flex-wrap: wrap;
}
.oferta__card {
  width: 250px;
  min-width: 250px;
  height: 350px;
  position: relative;
  background: #fff;
  margin: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  display: inline-block;
  -webkit-transition: all .3s ease; /* Safari y Chrome */
  -moz-transition: all .3s ease; /* Firefox */
  -o-transition: all .3s ease; /* IE 9 */
  -ms-transition: all .3s ease; /* Opera */
}
.oferta__card:hover {
  transform: scale(1.05);
}
.oferta__tag {
  width: 106px;
  height: 108px;
  overflow: hidden;
  position: absolute;
  top: -6px;
  right: -6px;
  z-index: 10;
}
.oferta__tag-text {
  font: bold 25px Sans-Serif;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -11px;
  top: 26px;
  width: 150px;
  background-color: #ed1b24;
  color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.5px;
}
.oferta__tag-text:before, .oferta__tag-text:after {
  content: "";
  border-top: 4px solid #59070a;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  bottom: -4px;
}
.oferta__tag-text:before {
  left: 0;
}
.oferta__tag-text:after {
  right: 0;
}
.oferta__img {
  width: 100%;
  height: 40%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.oferta__img:after {
  content: "";
  width: 100%;
  height: 35px;
  position: absolute;
  bottom: -5px;
  left: 0;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 1) 30%, transparent);
}
.oferta__img img {
  width: 250px;
  height: 140px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border: solid 5px #fff;
}
.oferta__plan {
  width: 100%;
  height: 10%;
  display: flex;
  align-items:center;
  justify-content:center;
  background-color: #fff;
  z-index: 1;
}
.oferta__plan p {
  text-align: center;
  width: 90%;
  height: auto;
  font-style: italic;
  font-weight: normal;
  font-size: 25px;
  font-family: Georgia, serif;
  text-transform: none;
  color: #474747;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.oferta__descrip {
  width: 100%;
  height: 40%;
  display: flex;
  align-items:center;
  justify-content:center;
  background-color: #fff;
  z-index: 1;
}
.oferta__descrip p {
  width: 90%;
  height: auto;
  font-size: 15px;
  line-height: 1.3;
}
.oferta__btn {
  width: 100%;
  height: 10%;
  padding: 0;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.oferta__btn p {
  font-size: 18px;
  font-family: Robotic, serif;
  font-weight: normal;
}
.oferta__icon {
  width: 50%;
  height: auto;
  filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
  -webkit-transition: all .3s ease; /* Safari y Chrome */
  -moz-transition: all .3s ease; /* Firefox */
  -o-transition: all .3s ease; /* IE 9 */
  -ms-transition: all .3s ease; /* Opera */
}
.oferta__icon:hover {
  transform: scale(1.5) rotate(10deg);
}
.oferta__icon img {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .oferta__card:hover {
    transform: none;
  }
  .oferta-tittle {
    margin: 30px 0 10px;
    padding: 0 15px;
  }
  .oferta-tittle * {
    font: bold 1.7em Sans-Serif;
  }
  .oferta-tittle__p1 {
    font-size: 1.3em;
    /*padding-right: 5px;*/
  }
  .oferta-tittle__p2 {
    padding: 0 5px;
    font-size: 2em;
  }
  .oferta-tittle__p3 {
    font-size: 1.3em;
    /*padding-left: 5px;*/
  }
}


/* "TÚ ELIJES LA MODALIDAD"
   ========================================================================== */
.contenedor-tipos-consultas {
  /*margin-left: -5px; /*El tema Kadence deja un margin-left de 5px, solo así lo pude eliminar.*/
  width: 100vw;
  background-color: #4c6b7f;
  position: relative; /*Esto sirve para posicionar a div.pie-blanco*/
  padding-top: 40px;
  margin-top: 50px;
}
.contenedor-tipos-consultas::before {
  content: '';
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  width: 60px;
  height: 30px;
  background-color: #fff;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
}
.contenedor-tipos-consultas > p {
  margin: 0 auto;
  color: #fff;
  text-align: center;
  font-size: 35px;
  font-weight: 600;
  line-height: 1;
}
/*Tipos de consulta*/
.contenedor-tipos-consultas .tipos {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  justify-content: space-evenly;
  max-width: 1200px;
  margin: 0 auto;
}
.tipos__presencial,
.tipos__online {
  margin: 3px;
}
/*Consulta Presencial*/
.tipos__presencial {
  width: 450px;
  height: 450px;
  position: relative;
}
.tipos__presencial .img {
  display: inline-block;
  width: 300px;
  height: 100%;
  box-sizing: border-box;
  box-shadow: 3px 3px 15px 1px #404040;
  overflow: hidden;
  background-image: url('/wp-content/uploads/2023/09/mod-presencial-desktop.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.tipos__presencial .text {
  display: inline-block;
  width: 280px;
  /*height: 230px;*/
  height: auto;
  padding: 20px;
  background-color: rgba(84, 99, 91, 0.8);
  vertical-align: top;
  position: absolute;
  right: 0;
  top: 5%;
}
.tipos__presencial .text h3 {
  width: 100%;
  height: auto;
  color: #fff;
  text-align: center;
  -webkit-transition: all .3s ease; /* Safari y Chrome */
  -moz-transition: all .3s ease; /* Firefox */
  -o-transition: all .3s ease; /* IE 9 */
  -ms-transition: all .3s ease; /* Opera */
}
.tipos__presencial .text p {
  width: 100%;
  height: auto;
  color: #fff;
  font-size: 15px;
  text-align: justify;
  line-height: 1.2;
}
/*Consulta Online*/
.tipos__online {
  width: 450px;
  height: 450px;
  position: relative;
}
.tipos__online .img {
  display: inline-block;
  width: 300px;
  height: 100%;
  box-sizing: border-box;
  box-shadow: 3px 3px 15px 1px #404040;
  overflow: hidden;
  background-image: url('/wp-content/uploads/2023/09/mod-online-desktop.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.tipos__online .text {
  display: inline-block;
  width: 280px;
  height: 230px;
  padding: 20px;
  background-color: rgba(84, 99, 91, 0.8);
  vertical-align: top;
  position: absolute;
  right: 0;
  top: 5%;
}
.tipos__online .text h3 {
  color: #fff;
  text-align: center;
  -webkit-transition: all .3s ease; /* Safari y Chrome */
  -moz-transition: all .3s ease; /* Firefox */
  -o-transition: all .3s ease; /* IE 9 */
  -ms-transition: all .3s ease; /* Opera */
}
.tipos__online .text p {
  color: #fff;
  font-size: 15px;
  text-align: justify;
  line-height: 1.2;
}
/*Hover*/
.tipos__presencial:hover .text h3,
.tipos__online:hover .text h3 {
  transform: translateY(-5px) scale(1.2);
}
/*Footer blanco*/
.contenedor-tipos-consultas .pie-blanco {
  position: absolute;
  width: 100vw;
  height: 40px;
  bottom: 0;
  background-color: #fff;
}
/*RESPONSIVE*/
/*Móviles en horizontal o tablets en vertical*/
@media screen and (max-width: 768px) {
  .contenedor-tipos-consultas {
    margin-top: 30px;
  }
  .contenedor-tipos-consultas > p { /*"Tú elijes la modalidad"*/
    font-size: 20px;
  }
  /*Tipos de consulta*/
  .contenedor-tipos-consultas .tipos {
    display: block;
  }
  /*Consulta Presencial y Online*/
  .tipos__presencial, .tipos__online {
    width: 320px;
    height: 280px;
    position: relative;
    padding: 0 10px;
    margin: 0 auto;
  }
  .tipos__presencial { margin-bottom: 20px; }
  .tipos__presencial .img,
  .tipos__online .img {
    width: 200px;
  }
  .tipos__presencial .img {
    background-image: url('/wp-content/uploads/2023/09/mod-presencial-mobile.webp');
  }
  .tipos__online .img {
    background-image: url('/wp-content/uploads/2023/09/mod-online-mobile.webp');
  }
  .tipos__presencial .text,
  .tipos__online .text {
    width: 220px;
    /*height: 210px;*/
    padding: 10px;
  }
  .tipos__presencial .text h3,
  .tipos__online .text h3 {
    font-size: 20px;
    line-height: 1;
  }
  .tipos__presencial .text p,
  .tipos__online .text p {
    font-size: var(--font-size-mobile-P);
    line-height: 1.2;
  }
}


/* BENEFICIOS
   ========================================================================== */
.contenedor-beneficios {
  width: 70%;
  max-width: 1800px;
  height: auto;
  margin: 100px auto 0;
}
.contenedor-beneficios__titulo {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 80px !important;
  font: bold 35px Sans-Serif;
  color: #54635b;
  font-weight: 600;
  line-height: 1.2;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.contenedor-beneficios__contItems {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 30%));
  column-gap: 50px;
  row-gap: 50px;
  justify-content: center;
}
.contenedor-beneficios__item {
  width: 400px;
  height: auto;
  box-sizing: border-box;
  justify-self: center;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 16px;
  text-align: justify;
  line-height: 1.3;
  padding: 10px 10px 10px 25px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease; /* Safari y Chrome */
  -moz-transition: all 0.3s ease; /* Firefox */
  -o-transition: all 0.3s ease; /* IE 9 */
  -ms-transition: all 0.3s ease; /* Opera */
  opacity: 0;
}
.contenedor-beneficios__item p {
  text-align: left;
}
.contenedor-beneficios__item::before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #4c6b7f;
  -webkit-transition: all 0.3s ease; /* Safari y Chrome */
  -moz-transition: all 0.3s ease; /* Firefox */
  -o-transition: all 0.3s ease; /* IE 9 */
  -ms-transition: all 0.3s ease; /* Opera */
}
.contenedor-beneficios__item:hover::before {
  width: 5px;
  height: 100%;
  border-radius: 2px;
}
/*RESPONSIVE*/
/*Móviles en horizontal o tablets en vertical*/
@media screen and (max-width: 768px) {
  .contenedor-beneficios {
    width: 90%;
    margin: 80px auto 0;
  }
  .contenedor-beneficios__titulo {
    margin-bottom: 50px !important;
    font-size: 20px;
  }
  .contenedor-beneficios__contItems {
    grid-template-columns: repeat(auto-fill, minmax(250px, 30%));
    column-gap: 20px;
    row-gap: 50px;
  }
  .contenedor-beneficios__item {
    width: 250px;
    line-height: 1.2;
  }
}


/* TESTIMONIOS
   ========================================================================== */
.testimonios {
  width: 100vw;
  height: auto; /*Temporal*/
  position: relative;
}
.testimonios__container {
  max-width: 1200px;
  min-width: 200px;
  height: 400px;
  margin: 40px auto 80px;
  position: relative;
}
.testimonios__testim-header::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateX(-50%) translateY(-50%);
  width: 80px;
  height: 80px;
  opacity: 0.3;
  background-image: url('/wp-content/uploads/2023/08/svg-testim_quote-up.svg');
  background-size: cover;
}
.testimonios__testim-header::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateX(50%) translateY(-50%) rotate(180deg);
  width: 80px;
  height: 80px;
  opacity: 0.3;
  background-image: url('/wp-content/uploads/2023/08/svg-testim_quote-up.svg');
  background-size: cover;
}
.testimonios__container::before svg path, .testimonios__container::after svg path {
  fill: #000;
}
.testimonios__left-arrow, .testimonios__right-arrow {
  position: absolute;
  width: 50px;
  height: 300px;
  cursor: pointer;
  z-index: 3;
}
.testimonios__left-arrow svg, .testimonios__right-arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50px;
  height: 50px;
  -webkit-transition: all .5s ease; /* Safari y Chrome */
  -moz-transition: all .5s ease; /* Firefox */
  -o-transition: all .5s ease; /* IE 9 */
  -ms-transition: all .5s ease; /* Opera */
}
.testimonios__left-arrow:hover svg, .testimonios__right-arrow:hover svg {
  transform: scale(1.2) translateX(-40%) translateY(-40%);
}
.testimonios__left-arrow svg path, .testimonios__right-arrow svg path {
  fill: #fff;
  filter: drop-shadow(0 0 2px #bbb);
}
.testimonios__left-arrow {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.testimonios__right-arrow {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.testimonios__testim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 50px;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.5s ease; /* Safari y Chrome */
  -moz-transition: all 0.5s ease; /* Firefox */
  -o-transition: all 0.5s ease; /* IE 9 */
  -ms-transition: all 0.5s ease; /* Opera */
}
.testimonios__testim-header, .testimonios__testim-footer {
  /*width: auto;
  *height: calc(50% - 20px);
  height: calc(50%);*/
}
.testimonios__testim-header {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly; /* Alineación horizontal centrada */
  align-items: center; /* Alineación vertical centrada */
  width: auto;
  height: calc(30%);
  position: relative; /*Esto es para el before y after en el elemento .testimonios__testim-header*/
}
.testimonios__img-preContainer {
  width: 200px;
  height: 200px;
  padding: 17px;
  display: flex;
  justify-content: space-evenly; /* Alineación horizontal centrada */
  align-items: center; /* Alineación vertical centrada */
  overflow: hidden;
}
.testimonios__img-Container {
  width: 100%;
  height: auto;
  /*clip-path: circle(50%);*/
  border-radius: 50%;
  transform: scale(0);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-evenly; /* Alineación horizontal centrada */
  align-items: center; /* Alineación vertical centrada */
  overflow: hidden;
  -webkit-transition: all 1.5s ease; /* Safari y Chrome */
  -moz-transition: all 1.5s ease; /* Firefox */
  -o-transition: all 1.5s ease; /* IE 9 */
  -ms-transition: all 1.5s ease; /* Opera */
}
.testimonios__img {
  width: 100%;
  height: auto;
}
.testimonios__testim.testimonios__active .testimonios__img-Container {
  transform: none;
  /*animation: testim-img-desaparecer 1s linear;*/
}
/*@keyframes testim-img-desaparecer {
  0% {
    transform: scale(0);
  }
  100% {
    transform: none;
  }
}*/

.testimonios__nombre {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 25px;
  font-weight: normal;
  color: #474747;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.testimonios__testim-footer {
  display: flex;
  justify-content: center; /* Alineación horizontal centrada */
  align-items: center; /* Alineación vertical centrada */
  width: 100%;
  width: auto;
  height: calc(65%);
}
.testimonios__text {
  width: 100%;
  height: 100%;
  color: #474747;
  font-family:'Adobe Garamond W01',serif;
  font-size: 20px;
  font-weight: 400 !important;
  line-height: 1.3;
  letter-spacing: 1px;
  text-align: center;
  overflow-y: auto;
}
.testimonios__text::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.testimonios__text::-webkit-scrollbar-thumb {
  background: rgba(137.81, 212.81, 198.75, 0.5);
  border-radius: 8px;
}
.testimonios__text::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
/*Esta regla se activa con JS*/
.testimonios__active {
  opacity: 1;
  z-index: 2;
}
.testimonios__dot-container {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: auto;
  display: flex; /*Esto es para alinear y centrar los círculos*/
  justify-content: center; /* Alineación horizontal centrada */
  align-items: center; /* Alineación vertical centrada */
}
.testimonios__dot {
  width: 10px;
  height: 10px;
  border: solid 1px #555;
  background-color: transparent;
  display: inline-block;
  border-radius: 50%;
  margin: 0 5px;
  -webkit-transition: all .5s ease; /* Safari y Chrome */
  -moz-transition: all .5s ease; /* Firefox */
  -o-transition: all .5s ease; /* IE 9 */
  -ms-transition: all .5s ease; /* Opera */
}
/*Esta regla se activa con JS*/
.testimonios__dot-active {
  border: solid 1px #fff;
  background-color: orange;
  transform: scale(1.5);
}
/*Esta sección es solo para poder acomodar el control Play/Pause*/
.testimonios__inter {
  width: auto;
  height: auto;
  background-color: #fff;
  position: relative;
  z-index: 2; /*Esto es para el efecto de medio círculo del control Play/Pause*/
}
/*Esto es para las imagenes svg en el fondo*/
.testimonios__inter object {
  position: absolute;
  width: 30px;
  height: 30px;
  opacity: 0.3;
  color: #000;
}
.testimonios__inter object svg path {
  stroke-width: 1;
}
.testimonios__control-container {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translate(-50%);
  z-index: 1; /*Esto es para el efecto de medio círculo del control Play/Pause*/
  overflow: hidden;
}
.testimonios__control-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.testimonios__control-bgActive {
  background-image: linear-gradient(to bottom right, #aec600, #8d21ff);
  animation: spin 2s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.testimonios__control {
  width: 100px;
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.testimonios__control-play, .testimonios__control-pause {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  -webkit-transition: all .5s ease; /* Safari y Chrome */
  -moz-transition: all .5s ease; /* Firefox */
  -o-transition: all .5s ease; /* IE 9 */
  -ms-transition: all .5s ease; /* Opera */
}
.testimonios__control-play svg, .testimonios__control-pause svg {
  width: 30px;
  height: 30px;
  -webkit-transition: all .3s ease; /* Safari y Chrome */
  -moz-transition: all .3s ease; /* Firefox */
  -o-transition: all .3s ease; /* IE 9 */
  -ms-transition: all .3s ease; /* Opera */
}
.testimonios__control-container:hover .testimonios__control-play svg,
.testimonios__control-container:hover .testimonios__control-pause svg {
  transform: scale(1.1);
}
.testimonios__control-play svg path, .testimonios__control-pause svg path {
  stroke: #fff;
  stroke-width: 1;
  fill: transparent;
}
.testimonios__control-active {
  opacity: 1;
}

/*MOBILE*/
@media screen and (max-width: 768px) {
  .testimonios__container {
    height: 600px;
  }
  .testimonios__text {
    font-size: 17px;
    font-weight: 400 !important;
    letter-spacing: 0;
  }
  .testimonios__testim-header::before,
  .testimonios__testim-header::after {
    width: 40px;
    height: 40px;
  }
}


/* ARTÍCULOS RECIENTES
   ========================================================================== */
.wp-block-latest-posts.wp-block-latest-posts__list { /*Container*/
  width: 750px;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.wp-block-latest-posts.wp-block-latest-posts__list::before { /*Container*/
  content: '';
  position: absolute;
  top: 5%;
  left: 50%;
  width: 110vw;
  height: 90%;
  transform: translateX(-50%);
  /*background-color: rgba(0, 123.91, 127.5, 1);*/
  background-image: linear-gradient(to bottom, rgb(59.766, 131.48, 130.89), rgba(0, 123.91, 127.5, 1));
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
  width: 750px;
  height: 200px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  position: relative;
  padding-right: 15px;
  border-radius: 5px;
  background-color: #fff;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:nth-child(odd) {
  transform: translateX(-50px);
}
.wp-block-latest-posts.wp-block-latest-posts__list li:nth-child(even) {
  transform: translateX(50px);
}
.wp-block-latest-posts__featured-image {
  width: 300px;
  height: 200px;
  overflow: hidden;
}
.wp-block-latest-posts__featured-image a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
  overflow: hidden;
}
.wp-block-latest-posts__featured-image a img {
  /*width: auto;
  height: 100%;
  object-fit: cover;*/ /* Ajusta la imagen para que cubra el div sin distorsionarla */
  -webkit-transition: all 0.3s ease; /* Safari y Chrome */
  -moz-transition: all 0.3s ease; /* Firefox */
  -o-transition: all 0.3s ease; /* IE 9 */
  -ms-transition: all 0.3s ease; /* Opera */
  z-index: 2 !important;
}
.wp-block-latest-posts.wp-block-latest-posts__list li > * {
  z-index: 1;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:hover .wp-block-latest-posts__featured-image a img {
  transform: scale(1.1) rotate(3deg);
}
.wp-block-latest-posts__post-title {
  font-family: Georgia, serif;
  font-size: 20px;
  color: #474747;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.wp-block-latest-posts__post-excerpt {
  text-align: justify;
}
.wp-block-latest-posts__post-excerpt::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 30px;
  background-image: linear-gradient(to top, #fff 30%, transparent);
}
.wp-block-latest-posts__post-excerpt a {
  display: none;
}

/*Móviles en horizontal o tablets en vertical*/
@media screen and (max-width: 860px) {
  .wp-block-latest-posts.wp-block-latest-posts__list { /*Container*/
    width: 75%;
    min-width: 300px;
  }
  .wp-block-latest-posts.wp-block-latest-posts__list li {
    width: 100%;
    height: auto;
    padding-right: 0;
    display: flex;
    flex-direction: column;
  }
  .wp-block-latest-posts.wp-block-latest-posts__list li:nth-child(odd) {
    transform: none;
  }
  .wp-block-latest-posts.wp-block-latest-posts__list li:nth-child(even) {
    transform: none;
  }
  .wp-block-latest-posts__featured-image {
    width: 100%;
    height: 150px;
    position: relative;
  }
  .wp-block-latest-posts__featured-image a {
    align-items: flex-start; /* Centra verticalmente */
  }
  .wp-block-latest-posts__featured-image a img {
  }
  .wp-block-latest-posts__featured-image a::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 30px;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 1) 30%, transparent);
    z-index: 5;
  }
  .wp-block-latest-posts.wp-block-latest-posts__list li > * {
    padding: 0 10px;
  }
  .wp-block-latest-posts__featured-image {
    padding: 0 !important;
    margin-bottom: 0 !important;
  }
  .wp-block-latest-posts.wp-block-latest-posts__list li:hover .wp-block-latest-posts__featured-image a img {
    transform: none;
  }
  .wp-block-latest-posts__post-title {
    line-height: 1.2;
  }
  .wp-block-latest-posts__post-date {
    line-height: 1.2;
    text-align: right;
  }
  .wp-block-latest-posts__post-excerpt {
    line-height: 1.1;
  }
  .wp-block-latest-posts__post-excerpt::after {
    width: 0;
    height: 0;
  }
}


/* HOLA, SOY FER
   ========================================================================== */
/*Div contenedor principal 100VW*/
.container-soyfer {
  width: 100vw;
  height: 510px;
  /*margin: 0 auto;*/
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*Div para todo el contenido de información y foto*/
.container-soyfer-inter {
  width: 1000px;
  /*max-width: 1500px;*/
  height: 100%;
  position: relative;
  margin: 0 20px;
}
/*Tarjeta*/
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
.container-soyfer__card {
  width: 350px;
  height: 100%;
  position: relative;
  display: flex; /*flex*/
  animation-duration: 1.5s;
  animation-timing-function: ease;
  position: relative;
  z-index: 100;
}
.container-soyfer__card .card{
  width: 350px;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  transition: all 300ms;
}
.container-soyfer__card .card .cover{
  width: 100%;
  height: 250px;
  position: relative;
  overflow: hidden;
}
.container-soyfer__card .card .cover img{
  width: 250px;
  display: block;
  margin: auto;
  position: relative;
  top: 40px;
  left: 0;
  z-index: 1;
  filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.7));
  -webkit-transition: all .4s; /* Safari y Chrome */
  -moz-transition: all .4s; /* Firefox */
  -o-transition: all .4s; /* IE 9 */
  -ms-transition: all .4s; /* Opera */
}
.container-soyfer__Fer_hover { /*Esta clase se agrega en JS*/
  transform: translateX(-10px) translateY(-30px) scale(1.05);
  filter: drop-shadow(10px 30px 10px rgba(0,0,0,0.4)) !important;
}
.container-soyfer__card .card .img__back{
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: -80px;
  left: 0;
  border-radius: 20px;
  background-image: linear-gradient(to top, rgba(36, 100, 88, 1) 20%, rgba(91, 196, 176, 0.7)), url('/wp-content/uploads/2022/09/hojas-fondo-blanco.png');
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
  -webkit-transition: all .3s; /* Safari y Chrome */
  -moz-transition: all .3s; /* Firefox */
  -o-transition: all .3s; /* IE 9 */
  -ms-transition: all .3s; /* Opera */
  transition-delay: 100ms;
}
.container-soyfer__Back_hover { /*Esta clase se agrega en JS*/
  background-size: 110% !important;
}
.container-soyfer__card .card .description{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-evenly;
  height: 250px;
  padding: 20px;
  border-radius: 0px 0px 20px 20px;
  -webkit-transition: all .3s; /* Safari y Chrome */
  -moz-transition: all .3s; /* Firefox */
  -o-transition: all .3s; /* IE 9 */
  -ms-transition: all .3s; /* Opera */
  background: #f3f3f3;
  position: relative; /*Esto es para las imágenes de fondo detrás del texto*/
  overflow: hidden;
}
.container-soyfer__card .card .description h2{
  display: block;
  font-family: 'Bad Script', cursive;
  font-size: 40px;
  text-align: center;
  text-shadow: 3px 4px #cdc;
  z-index: 5;
}
.container-soyfer__card .card .description p{
  display: block;
  font-size: 15px;
  text-align: justify;
  line-height: 1.2;
  z-index: 5;
}
.container-soyfer__card .svg1, .svg2 {
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
}
.container-soyfer__card .svg1 {
  z-index: 1;
  height: auto;
  opacity: 0.3;
}
.container-soyfer__card .svg1 path {
  fill: #15b1a6;
}
.container-soyfer__card .svg2 {
  z-index: 2;
  height: auto;
  opacity: 0.3;
  transform: translateY(30px);
}
.container-soyfer__card .svg2 path {
  fill: #246458;
}
/* Div desplegable */
.container-soyfer__info {
  width: 350px;
  height: 350px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  background-image: linear-gradient(to bottom, #15b1a6, #51cfcf);
  border-radius: 20px;
  overflow: hidden;
  padding-top: 10px;
  padding-left: 350px;
  -webkit-transition: all 0.8s ease; /* Safari y Chrome */
  -moz-transition: all 0.8s ease; /* Firefox */
  -o-transition: all 0.8s ease; /* IE 9 */
  -ms-transition: all 0.8s ease; /* Opera */
}
.container-soyfer__active {
  width: calc(100% - 10px);
}
/*Tabs*/
.container-soyfer__cont-Tabs{
  display: none;
  /*display: flex;*/ /*Se activa en JS*/
  flex-direction: column;
  align-items: center;
  animation: fadein_tabs 1.1s;
}
.container-soyfer__cont-Tabs .tab{
  cursor: pointer;
  padding:5px 10px;
  margin:0px 2px;
  display:inline-block;
  color:#000;
  border-radius: 500px;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s ease; /* Safari y Chrome */
  -moz-transition: all 0.3s ease; /* Firefox */
  -o-transition: all 0.3s ease; /* IE 9 */
  -ms-transition: all 0.3s ease; /* Opera */
}
.container-soyfer__cont-Tabs .tab:hover{
  color:#fff;
}
.container-soyfer__cont-Tabs .panels{
  min-height:200px;
  width:100%;
  max-width:650px;
  overflow:hidden;
  padding:20px;
  line-height: 1.2;
}
.container-soyfer__cont-Tabs .panel{
  display:none;
  animation: fadein_tabs .8s;
}
@keyframes fadein_tabs {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.container-soyfer__cont-Tabs .panel-title{
  font-size:1.5em;
  font-weight:bold
}
.container-soyfer__cont-Tabs .radio{
  display:none;
}
.container-soyfer__cont-Tabs #one:checked ~ .panels #one-panel,
.container-soyfer__cont-Tabs #two:checked ~ .panels #two-panel,
.container-soyfer__cont-Tabs #three:checked ~ .panels #three-panel{
  display:block
}
.container-soyfer__cont-Tabs #one:checked ~ .tabs #one-tab,
.container-soyfer__cont-Tabs #two:checked ~ .tabs #two-tab,
.container-soyfer__cont-Tabs #three:checked ~ .tabs #three-tab{
  color:#fff;
  border: 2px solid #fff;
}

/*RESPONSIVE*/
/*Tablets en horizonal y escritorios normales*/
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .container-soyfer {
    height: 510px;
    /*margin-left: -5px; /*El tema Kadence deja un margin-left de 5px, solo así lo pude eliminar.*/
  }
}
/*Móviles en horizontal o tablets en vertical*/
@media screen and (max-width: 768px) {
  .container-soyfer {
    width: auto;
    height: 970px;
    /*margin-left: -5px; /*El tema Kadence deja un margin-left de 5px, solo así lo pude eliminar.*/
  }
  .container-soyfer-inter {
    /*position: relative;*/
    width: auto;
    height: 100%;
  }
  /* Tarjeta */
  .container-soyfer__card {
    width: 330px;
    height: 420px;
  }
  .container-soyfer__card .card{
    display: block;
    width: 330px;
    height: 420px;
  }
  .container-soyfer__card .card .cover{
    width: 100%;
    height: 220px;
  }
  .container-soyfer__card .card .cover img{
    width: 220px;
    top: 40px;
  }
  .container-soyfer__card .card .img__back{
    height: 185px;
  }
  .container-soyfer__card .card .description{
    height: 210px;
    padding: 10px;
  }
  .container-soyfer__card .card .description h2{
    font-size: 30px;
  }
  .container-soyfer__card .card .description p{
    font-size: var(--font-size-mobile-P);
  }
  .container-soyfer__card .card .description input{
    font-size: 12px;
  }
  /* Div desplegable */
  .container-soyfer__info {
    width: 300px;
    height: 50px;
    position: absolute;
    left: 15px;
    top: 430px;
    background-image: linear-gradient(to bottom, #15b1a6, #51cfcf);
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    padding: 10px;
  }
  .container-soyfer__active {
    height: 550px;
  }
  .container-soyfer__cont-Tabs .tabs{
    display: inline-block;
    text-align: center;
    }
  /*.container-soyfer__cont-Tabs .panels{
    line-height: 1.2;
  }*/
}

/* MINI ARTÍCULOS (Sabías Qué...)
   ========================================================================== */
.articulos-mini {
  width: 100vw;
  /*margin-left: -5px; /*El tema Kadence deja un margin-left de 5px, solo así lo pude eliminar.*/
}
/*Mini Artículo 1*/
.articulos-mini .articulo-1 {
  display: flex;
  height: 300px;
}
.articulo-1__img {
  display: inline-block;
  width: 0;
  max-width: 1000px;
  /*min-width: 300px;*/
  height: 100%;
  background-image: url("/wp-content/uploads/2022/06/articulo-1-bascula.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  background-attachment: fixed;
  border-top: solid 4px #8ABD24;
  border-right: solid 4px #8ABD24;
  border-bottom: solid 4px #8ABD24;
  -webkit-transition: all 0.5s ease; /* Safari y Chrome */
  -moz-transition: all 0.5s ease; /* Firefox */
  -o-transition: all 0.5s ease; /* IE 9 */
  -ms-transition: all 0.5s ease; /* Opera */
}
.articulo-1-2__img_FX {
  /*Se aplica a la clase .articulo-1__img*/
  width: 55% !important;
}
.articulo-1__text {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 400px;
  height: 100%;
  background-color: #8ABD24;
  padding: 30px;
  color: #fff;
  position: relative;
  border-radius: 0 20px 20px 0;
}
.articulo-1__text p,
.articulo-1__text h2 {
  margin: 0 !important;
  padding: 0 !important;
}
.articulo-1__text p {
  font-size: 15px;
  text-align: justify;
}
.articulo-1__text h2 {
  color: #fff;
  text-align: center;
}
.articulo-1__text a {
  width: 100%;
  font-size: 14px;
}
/*Mini Artículo 2*/
.articulos-mini .articulo-2 {
  margin-top: 20px;
  display: flex;
  height: 300px;
  justify-content: right;

  position: relative;
}
.articulo-2__text {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 400px;
  height: 100%;
  background-color: #237d7c;
  padding: 30px;
  color: #fff;
  position: relative;
  border-radius: 20px 0 0 20px;
}
.articulo-2__text p,
.articulo-2__text h2 {
  margin: 10px 0 !important;
  padding: 0 !important;
}
.articulo-2__text p {
  font-size: 15px;
  margin: 0;
  text-align: justify;
}
.articulo-2__text h2 {
  color: #fff;
  text-align: center;
}
.articulo-2__text a {
  width: 100%;
  font-size: 14px;
}
.articulo-2__img {
  display: inline-block;
  width: 0;
  max-width: 1000px;
  /*min-width: 300px;*/
  height: 100%;
  background-image: url("/wp-content/uploads/2022/06/articulo-1__info-fitness-hand.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  background-attachment: fixed;
  border-top: solid 4px #237d7c;
  border-bottom: solid 4px #237d7c;
  -webkit-transition: all 0.5s ease; /* Safari y Chrome */
  -moz-transition: all 0.5s ease; /* Firefox */
  -o-transition: all 0.5s ease; /* IE 9 */
  -ms-transition: all 0.5s ease; /* Opera */
}
/*RESPONSIVE*/
/*Móviles en horizontal o tablets en vertical*/
@media screen and (max-width: 768px) {
  /*Título*/
  .articulos-mini .titulo {
    margin-bottom: 20px;
    width: 300px;
    border-radius: 3px 50px 3px 50px;
  }
  .articulos-mini .titulo h2 {
    font-size: 20px;
  }
  /*Mini Artículo 1*/
  .articulos-mini .articulo-1 {
    display: block;
    height: 100%;
    position: relative;
    margin: 5px 10px;
  }
  .articulo-1__img {
    border: none;
    display: block;
    width: 100%;
    min-width: 1%;
    height: 200px;
    background-position: center center;
    border: solid 2px #8ABD24;
    border-radius: 10px 10px 0 0;
  }
  .articulo-1__text {
    width: 100%;
    height: 200px;
    padding: 10px 20px;
    border-radius: 0 0 10px 10px;
    top: -1px;
  }
  .articulos-mini .articulo-2 { /*Colocar la siguiente sección por debajo de la primera*/
    /*clear: both;*/
  }
  .articulo-1__text p {
    font-size: var(--font-size-mobile-P);
    line-height: 1.2;
  }
  .articulo-1__text h2 {
    font-size: 20px;
    line-height: 1.2;
    margin: 10px 0;
  }
  .articulo-1__text a {
    width: 50%;
    margin-left: auto;
  }
  /*.articulo-1__text input {
   *font-size: 15px;
  }*/
  /*Mini Artículo 2*/
  .articulos-mini .articulo-2 {
    /*margin-top: 20;*/ /*Separación con el mini-artículo anterior*/
    display: block;
    height: 100%;
    position: relative;
    margin: 5px 10px;
  }
  .articulo-2__text {
    width: 100%;
    height: 200px;
    padding: 10px 20px;
    border-radius: 10px 10px 0 0;
  }
  .articulo-2__text p {
    font-size: var(--font-size-mobile-P);
    line-height: 1.2;
  }
  .articulo-2__text h2 {
    font-size: 20px;
    line-height: 1.2;
    margin: 10px 0;
  }
  .articulo-2__text a {
    width: 50%;
    margin-left: auto;
  }
  .articulo-2__img {
    display: block;
    border: none;
    width: 100%;
    min-width: 1%;
    height: 200px;
    margin-left: auto; 
    margin-right: 0;
    background-position: right center;
    border: solid 2px #237d7c;
    border-radius: 0 0 10px 10px;
  }
}


/* ARTÍCULOS
   ========================================================================== */

.post-archive {
  opacity: 0;
}

/* CONTÁCTAME
   ========================================================================== */
/*Ícono de eMail*/
/*.svg-mail {
  width: 100px;
  height: auto;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: rotate(25deg) translateY(-50%);
}
.svg-mail svg path {
  fill: #15b1a6;
}*/
/*Sección enviar mensaje*/
.cf7-container {
  width: 60%;
  max-width: 1200px;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
  padding-left: 100px;

  /*border: solid 1px red;*/
}
.cf7-container__inter {
  position: relative;
  background: #4c6b7f;
  padding-left: 120px;
  padding-right: 20px;
  display: flex;
  flex-wrap: nowrap;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
}
.cf7-container__info__pre {
  width: 250px;
  height: 100%;
  position: absolute;
  left: -150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cf7-container__info {
  height: 400px;
  padding: 10px;
  background-image: linear-gradient(to bottom, #15b1a6, #51cfcf);
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
}
.cf7-container__info * {
  color: #fff;
}
.cf7-container__info__1 p,
.cf7-container__info__3 p {
  font-size: 16px;
  margin: 0 !important;
}
.cf7-container__info__1 p {
  font-weight: bold;
}
.wpcf7-submit {
  width: 100%;
  height: 40px;
  font-size: 20px;
  line-height: 1;
}
.cf7-container__info__1 ul {
  text-align: left;
  font-size: 15px;
}
.cf7-container__info__2 {
  width: 90%;
  height: 1px;
  border-top: solid 2px #fff;
}
.cf7-container__redes {
  display: flex;
  justify-content: space-evenly;
  font-size: 50px;
}
.cf7-container__redes i {
  -webkit-transition: all .3s ease; /* Safari y Chrome */
  -moz-transition: all .3s ease; /* Firefox */
  -o-transition: all .3s ease; /* IE 9 */
  -ms-transition: all .3s ease; /* Opera */
}
.cf7-container__redes i:hover {
  transform: scale(1.2);
}
.cf7-container__cf7 {
  width: calc(100% + 2px);
  padding: 20px;
  border-radius: 33px;
  background: rgba(255, 255, 255, 1);
}

/*Áreas "Nombre" y "Correo electrónico" del conactform7*/
.conactform7-campo span input,
.conactform7-campo span textarea {
  width: 100%;
  background-color: rgba(241, 244, 246, 0.5);
  border: none;
  border-bottom: 2px solid #999;
  color: #000;
}
/*Área "Tu mensaje"*/
.conactform7-campo span textarea {
  height: 150px;
  min-height: 150px;
  max-height: 500px;
  resize: vertical;
}
.conactform7-campo span *:hover {
  outline: #999 solid 1.5px;
}
.conactform7-campo span *:focus {
  outline: #999 solid 1.5px;
  background-color: rgba(241, 244, 246, 0.5);
}
/*Google Maps*/
.googlemaps-container {
  max-width: 850px;
  height: auto;
  margin: 0 auto 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.googlemaps-container h3 {
  padding: 10px;
  text-align: center;
}
/*RESPONSIVE*/
/*Escritorios anchos*/
/*Tablets en horizonal y escritorios normales*/
@media screen and (min-width: 769px) and (max-width: 1199px) {
  /*Ícono de eMail*/
  /*.svg-mail {
    width: 85px;
    right: -5px;
  }*/
  .cf7-container {
    width: 80%;
  }
}
/*Móviles en horizontal o tablets en vertical*/
@media screen and (max-width: 768px) {
  /*Ícono de eMail*/
  /*.svg-mail {
    width: 50px;
    right: -10px;
  }*/
  /*Sección enviar mensaje*/
  .cf7-container {
    width: 97%;
    margin-top: 125px;
    padding-left: 0;
  }
  .cf7-container__inter {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-top: 100px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content:center;
    border-radius: 10px;
  }
  .cf7-container__info__pre {
    width: 100%;
    height: 180px;
    position: absolute;
    left: 0;
    top: -100px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cf7-container__info {
    width: 85%;
    background-image: linear-gradient(to bottom right, #15b1a6, #51cfcf);
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
  }
  .cf7-container__info__1 p,
  .cf7-container__info__3 p {
    font-size: 16px;
    font-weight: bold;
  }
  .cf7-container__info__1 ul {
     font-size: 13px;
  }
  .cf7-container__info__2 {
    width: 1px;
    margin: 0 5px;
    height: 90%;
    border-left: solid 2px #fff;
  }
  .cf7-container__info__3 {
    max-width: 40%;
  }
  .cf7-container__redes {
    font-size: 30px;
  }

  /*Áreas "Nombre" y "Correo electrónico" del conactform7*/
  .conactform7-campo span input,
  .conactform7-campo span textarea {
    font-size: 16px;
  }
  /*Área "Tu mensaje"*/
  .conactform7-campo span textarea {
    height: 100px;
    min-width: 100px;
    max-height: 350px;
  }
  .wpcf7-submit {
    height: 35px;
    font-size: 18px;
  }
}


/* FOOTER
   ========================================================================== */
.site-footer .site-container {
  padding: 0;
}
.footer {
  width: 100vw;
  height: 300px;
  position: relative;
  background-image: linear-gradient(to top, rgba(36, 100, 88, 0.9) 20%, rgba(91, 196, 176, 0.9)), url('/wp-content/uploads/2022/09/footer_img.jpg');
  background-position: center center;
  color: #fff;
  padding: 10px;
  gap: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: center;
}
.footer img {
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  opacity: 0.5;
  width: 50vw;
  max-width: 700px;
}
.footer__redes-significado {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  position: relative;
  z-index: 2;
}
.footer__redes {
  font-size: 16px;
  font-weight: bold;
}
.footer__redes p {
  font-weight: 600;
}
.footer__redesIconos {
  margin-top: 5px;
}
.footer__redesIconos a i {
  color: #fff;
  font-size: 40px;
  margin: 0 10px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
}
.footer__redesIconos a i:hover {
  transform: scale(1.2);
}
.footer__significado {
  max-width: 500px;
}
.footer__significado :first-child {
  font-weight: 600;
}
.footer__copyright {
  width: 100%;
  height: auto;
  font-size: 16px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
/*Móviles en horizontal o tablets en vertical*/
@media screen and (max-width: 768px) {
  .footer {
    height: auto;
  }
  .footer__copyright {
    position: relative;
    margin-top: 30px;
  }
}


/* ENTRADAS (Artículos & Recetas)
   ========================================================================== */
/*.entry.single-entry .entry-content-wrap .entry-header h1.entry-title {*/
.entry.single-entry .entry-content-wrap .entry-header h1.entry-title {
  /*El color del texto está definido en Wordpress*/
  font-size: 50px;
  text-shadow: 2px 2px 10px #404040;
  padding: 10px 0;
  animation: titleFX 1.5s;
}
@keyframes titleFX {
  0% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(2deg);
  }
  85% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(2deg);
  }
  95% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@media screen and (max-width: 768px) {
  .entry.single-entry .entry-content-wrap .entry-header h1.entry-title {
    padding: 5px 0;
    font-size: 30px;
    text-shadow: 2px 2px 10px #fff;
  }
}


/* RCETAS INDIVIDUALES
   ========================================================================== */
.receta_ind_main-content {
  margin: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.receta_ind_description {
  flex: 1;
}

.receta_ind_section-text {
  text-align: justify;
}

.receta_ind_ingredients {
  flex: 1;
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  min-width: 320px;
}

.receta_ind_preparation {
  flex: 1;
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
}

.receta_ind_farewell {
  margin: 20px;
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
}

.receta_ind_list {
  list-style-type: none;
  padding: 0;
}

.receta_ind_list-item {
  margin-bottom: 10px;
  position: relative;
}

.receta_ind_checkbox {
  display: none;
}

.receta_ind_checkbox + .receta_ind_label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: inline-block;
}

.receta_ind_checkbox + .receta_ind_label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #4CAF50;
  background-color: #fff;
  border-radius: 3px;
}

.receta_ind_checkbox:checked + .receta_ind_label:before {
  content: "✔";
  color: #4CAF50;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}

.receta_ind_preparation .receta_ind_list-item:before {
  position: absolute;
  top: 0;
  left: -25px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 30px;
  background-image: url('https://okla.com.mx/wp-content/uploads/2023/12/hoja-recetas-preparacion.webp');
  background-size: auto;
  background-repeat: no-repeat;
}

.receta_ind_section-title {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 25px;
  font-weight: normal;
  color: #474747;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Estilos para pantallas más pequeñas */

@media (max-width: 768px) {
  .receta_ind_main-content {
    flex-direction: column;
  }
}

/* Estilos para pantallas medianas */

@media (min-width: 769px) and (max-width: 1023px) {
  .receta_ind_description,
  .receta_ind_ingredients,
  .receta_ind_preparation,
  .receta_ind_farewell {
    flex: 1 1 calc(50% - 20px);
    margin-bottom: 0;
  }
}

/* Estilos para pantallas más grandes */

@media (min-width: 1024px) {
  .receta_ind_description {
    flex: 2;
  }

  .receta_ind_ingredients,
  .receta_ind_preparation {
    flex: 1;
  }
}


/* COMPARTIR EN REDES SOCIALES
   ========================================================================== */
.redes {
  width: 100%;
  height: auto;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.redes__titulo {
  width: auto;
  height: auto;
  font-size: 12px;
  margin-bottom: 10px !important;
  display: inline-block;
}
.redes__iconos {
  width: auto;
  height: auto;
  display: inline-block;
}
.redes__iconos img {
  width: 50px;
  height: 50px;
  display: inline-block;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
}
.redes__iconos img:hover {
  transform: scale(1.1);
  cursor: pointer;
}
/*.redes__iconos::after {
  content: 'Link copiado al portapapeles';
  width: auto;
  height: auto;
  position: absolute;
  bottom: 20px;
  left: 0;
  display: none;
}*/
.redes__linkCopiado {
  width: auto;
  height: auto;
  margin: 0 !important;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  opacity: 0; /*Esto se maneja desde JS*/
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  font-size: 12px;
  font-style: italic;
}