/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Evomeet
 Author URI:     https://evomeet.es
 Template:       Divi
 Version:        1.0.0
*/
 

/** 
 * Evomeet 2026/2027
 * JBlanco
 */
 
/* =Theme customization starts here
------------------------------------------------------- */


:root{
    --main-color:#06aee2;
    --main-color-hight:#06c7e2;
    --main-color-dark:#068bd6;
    --color-gray-light:#808080;

    --perio-color:#7bba44;
    --higi-color:#c98dbd;
    --gestion-color:#706f6e;
    --bone-color: #f5f2ec;

    --dark-color:#424242;

}

html{
    font-size:16px; /* Tamaño para 1rem */
}

body {
    margin: 0;
    padding:0;
    font-size:1rem;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 500;
    font-style: normal;
    color:black; 
}

header{
    width:100%;    
    position:absolute;
    z-index:99999;
}

strong{
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 700;
    font-style: normal;
}

h1,h2,h3,h4,h5,h6{
	font-family: "neue-haas-grotesk-display", sans-serif;
	font-weight: 500;
	font-style: normal;	
}

p,span,strong{word-break:normal;}
p,h1,h2,h3,h4,h5,h6 {cursor:default;}

p,h1,h2,h3,h4,h5,h6,p strong,p em, span:not(a span){
    cursor:default;
    word-break: keep-all;
}
.et_clickable p:hover{
    cursor:pointer;
}


.f-light{
    font-weight:300!important;
}
.f-normal{
    font-weight:500!important;
}
.f-bold{
    font-weight:700!important;
}

#main-footer{
    display:none;
}

.bot-disabled,
.btn-download-arrow[href="#"],
.btn-programa[href="#"]{
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed;
}


@media (max-width: 767px) {
    .mobile-hidden{
        display:none;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .tablet-hidden{ 
        display:none;
    }
}
@media (min-width: 1200px) { 
    .desktop-hidden{
        display:none;
    }
}



.blackToPerio{
  filter: invert(63%) sepia(48%) saturate(390%) hue-rotate(49deg) brightness(88%) contrast(128%);
}
.blackToHigi{
  filter: invert(73%) sepia(38%) saturate(668%) hue-rotate(279deg) brightness(97%) contrast(62%);
}
.blackToGestion{
   filter: invert(10%) sepia(7%) saturate(2000%) hue-rotate(349deg) brightness(82%) contrast(15%);
}

.toWhite{
    filter:grayscale(1) brightness(10);
}
.toBlack{
    filter:grayscale(0) brightness(0);
}


/* BOTÓN CON FLECHA DOWNLOAD ---------------------------------------- */
/* Sustituye el icono tipográfico de Divi por una flecha "download" exacta */
body #page-container .et_pb_section .btn-download-arrow::after{
  content: "" !important;
  font-family: initial !important;

  display: inline-block;
  width: 18px;    
  height: 30px;
  padding-left: 14px!important;;
  vertical-align: middle;

  /* color del icono = color del texto del botón */
  background-color: currentColor;

  /* SVG como máscara (trazo recto + línea inferior) */
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 48'><path d='M33.2613,22.5594c-.332-.3511-.8857-.3647-1.2358-.0327l-12.0024,11.3833V2.2494c0-.4829-.3916-.8745-.8745-.8745s-.8745.3916-.8745.8745v31.7246l-12.6343-11.4365c-.3584-.3247-.9111-.2954-1.2354.0615-.3242.3579-.2964.9111.0615,1.2354l14.0952,12.7588c.167.1509.377.2261.5869.2261.2168,0,.4331-.0801.6016-.2402l13.479-12.7837c.3506-.332.3652-.8857.0327-1.2358Z'/><path d='M36.1246,47.2108H1.9258c-.4829,0-.8745-.3916-.8745-.8745s.3916-.8745.8745-.8745h34.1987c.4829,0,.8745.3916.8745.8745s-.3916.8745-.8745.8745Z'/></svg>");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100% 100%;
  transition: transform .25s ease;
  transform: translate(10px, -50%);
}

/* Hover: baja hacia la línea horizontal */
body #page-container .et_pb_section .btn-download-arrow:hover::after{
  transform: translate(10px, -35%);
}

body #page-container .et_pb_section .btn-download-arrow.no-arrow::after{
    display:none!important;
}

/* Añade icono de "enlace externo" */
.menu-item-pdf > a::after {
    content: "";
    display: inline-block;
    position:relative;
    top:-2px;
    width: 0.85em;
    height: 0.85em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233c3c3c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'/%3E%3Cpolyline points='7 7 17 7 17 17'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    
}



/** MENÚ MOBILE =========================================
========================================================*/

/* ===== Offcanvas: solo móvil/tablet ===== */
@media (max-width: 980px){

  /* Ocultar menú móvil nativo de Divi (para que no duplique) */
  #er-header .et_mobile_nav_menu,
  #er-header .mobile_nav{
    display: none !important;
  }
   /* En mobile: no queremos el blur del header detrás (sobre todo al abrir el panel) */
  #er-header::after{
    display: none !important;
  }

  body.er-offcanvas-open #er-offcanvas .et-menu{
    display:block!important;
  }

  /* Botón hamburguesa flotante (derecha) */
  .er-burger{
    position: fixed;
    top: 18px;
    right: 18px;
    width: 44px;
    height: 44px;
    background: rgba(0,0,0,1);
    z-index: 100002;
    display: inline-flex;
    flex-direction: column; 
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0;
    cursor: pointer;
    border:none;
  }

  .er-burger span{
    width: 18px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: transform .25s ease, opacity .2s ease;
  }

  /* Convertir hamburguesa a X cuando el menú está abierto */
  body.er-offcanvas-open .er-burger span:nth-child(1){
    transform: translateY(8px) rotate(45deg);
  }
  body.er-offcanvas-open .er-burger span:nth-child(2){
    opacity: 0;
  }
  body.er-offcanvas-open .er-burger span:nth-child(3){
    transform: translateY(-8px) rotate(-45deg);
  }

  /* Overlay */
  .er-offcanvas-overlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
    z-index: 100000;
  }

  /* Panel */
  .er-offcanvas{
    position: fixed;
    top: 0; right: 0;
    height: 100vh;
    width: min(88vw, 360px);
    background: var(--bone-color);
    color: #fff;
    transform: translateX(110%);
    transition: transform .3s ease;
    z-index: 100001;
    display: flex;
    flex-direction: column;
  }

  .er-offcanvas__top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 18px 12px 18px;
  }

  .er-offcanvas__logo img{
    height: 90px;
    width: auto;
    display: block;
  }

  .er-offcanvas__close{
    font-size:2rem;
    background: transparent;
    color: var(--dark-color);
    width: 40px;
    height: 40px;
    cursor: pointer;
    border:none;
  }

  /* Links */
  #er-offcanvas .er-offcanvas__nav{
    padding: 10px 0;
    overflow: auto;
  }
  #er-offcanvas .er-offcanvas__nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #er-offcanvas .er-offcanvas__nav li{
    margin: 0;
    padding: 0;
    display:block!important;
    border-top:1px solid #ccc;
  }
  #er-offcanvas .er-offcanvas__nav a{
    display:block!important;
    padding: 1em!important;
    color: var(--dark-color)!important;
    font-size:1.2em;
    line-height:1.2em;
    font-weight:400;
    text-decoration: none;
    text-transform:uppercase;
    
    
  }

  /*? txt-bg-green*/
  #er-offcanvas .er-offcanvas__nav .txt-bg-green{
    padding:1em;
  }
  #er-offcanvas .er-offcanvas__nav .txt-bg-green a{
    display: inline-block !important;
    color: #000000 !important;
    background: var(--dark-color);
    border-radius: 3em;
    padding: 0.5em 1em !important;
  }

  #er-offcanvas .er-offcanvas__nav a:hover,
  #er-offcanvas .er-offcanvas__nav a:focus,
  #er-offcanvas .er-offcanvas__nav a:active{
    background: rgba(255,255,255,1);
  }

  /* Estado abierto */
  body.er-offcanvas-open .er-offcanvas{
    transform: translateX(0);
  }
  body.er-offcanvas-open .er-offcanvas-overlay{
    opacity: 1;
    pointer-events: auto;
    backdrop-filter: blur(15px);
  }

  /* Bloquear scroll del body cuando está abierto */
  body.er-offcanvas-open{
    overflow: hidden;
  }
}

/* En desktop ocultamos el botón/panel */
@media (min-width: 981px){
  .er-burger, .er-offcanvas, .er-offcanvas-overlay{ display: none !important; }
}




/* Filtro FAQ ---------------------- */
#section-faq-filter-btn-group.et_pb_sticky{
    padding-top:36px;
    padding-bottom:36px;
}

#faq-container > .et_pb_column {
    z-index:0!important;
}
@media (min-width: 981px) {
    #faq-container > .et_pb_column {
        column-count: 2;      /* número de columnas */
        column-gap: 20px;
    }
    #faq-container > .et_pb_column .mix{
        position:relative;
        break-inside: avoid;
        margin-bottom: 20px;
    }
}
#faq-container > .et_pb_column .mix{
    background-color:white;
}

#filter-btn-group{
    text-align:center;
    margin:0 auto;
}
#filter-btn-group .filter-btn{
    font-size: 0.9rem;
    font-family: 'Neue Haas Grotesk Display Pro 45 Light', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 300 !important;
    color: white !important;
    letter-spacing: 1px;
    border: 1px solid white;
    border-radius: 50px;     
    background-color: transparent;
    padding: 0.4em 1em;
    margin: 0.2em 0.4em;
}
#filter-btn-group .filter-btn:focus,
#filter-btn-group .filter-btn.focus{
    box-shadow:none!important;
}
#filter-btn-group .mixitup-control-active,
#filter-btn-group .filter-btn:hover{
    color:white!important;
    border-color:#9093f1!important;
    background-color:#9093f1!important;
}


 
/** FOOTER SPONSORS ------------------------------------------**/
.separador-tipos{
    width:1px;
    max-width:1px;
    height:3em;
    display:block;
    margin:0 10px
}
.premium .separador-tipos{
    background-color:#3e3e3e
}
.platino .separador-tipos{
    background-color:#a6a7aa
}
.oro .separador-tipos{
    background-color:#917443
}
.bronce .separador-tipos{
    background-color:#ba887f
}
@media (max-width:768px){
    .separador-tipos{
        display:none
    }
}
.container-footer-global .bronce,
.container-footer-global .oro,
.container-footer-global .platino,
.container-footer-global .premium{
    margin:50px 0 0 0
}
.container-footer-global .premium .col-items{
    border-top:1px solid #3e3e3e
}
.container-footer-global .platino .col-items{
    border-top:1px solid #a6a7aa
}
.container-footer-global .oro .col-items{
    border-top:1px solid #917443
}
.container-footer-global .bronce .col-items{
    border-top:1px solid #ba887f
}
.container-footer-global .col-items img{
    max-width:100%;
    height:auto
}
.container-footer-global .oro .col-items a img{
    margin:0 10px
}
.container-footer-global .bronce .col-items a img{
    margin:0 10px
}
.show-cuidatusencias{
    display:none
}
.contenido-en,.contenido-es{
    display:none
}
html[lang=es-ES] .contenido-es,html[lang=es] .contenido-es{
    display:block
}
html[lang=en-US] .contenido-en,html[lang=en] .contenido-en{
    display:block
}