/*
 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
*/

 
/* =Theme customization starts here
------------------------------------------------------- */
 

/** 
 * Evomeet 2025
 * JBlanco
 */

/* COLORES

    #64eea0     Verde main
    #eaebe7     Gris crema


 * TIPOGRAFIA
    Neue Haas Grotesk Display  - 45 Light  - 400
    Neue Haas Grotesk Display  - 55 Roman  - 500
    Neue Haas Grotesk Display  - 65 Medium - 600
    Neue Haas Grotesk Display  - 75 Bold   - 700

*/


html{
    font-size:14px; /* Tamaño para 1rem */
}
body {
    margin: 0;
    padding:0;
    font-size:1rem;
    font-family: "neue-haas-grotesk-display", sans-serif;
    font-weight: 400;
    font-style: normal;
    color:black; 
}

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: 600;
    font-style: normal;
}


/*Icono en Menú*/
.menu-item.con-icono > a {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.menu-item.con-icono > a::after {
  content: '';
  display: inline-block;
  margin-top:-4px;
  width: 16px;
  height: 16px;
  margin-left: 1px;
  background-size: contain;
  background-repeat: no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z"/></svg>');
  background-color: currentColor;
}

/* Botón flotante */
#bot-flotante-inscripciones{
  position: fixed;
  top: -60px;
  right: 20px;
  transition: top .22s ease, opacity .22s ease;
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
}
#bot-flotante-inscripciones.show{
  top: 20px;
  opacity: 1;
  pointer-events: auto;
}


/* Ajuste solo para móviles */
@media (max-width: 768px) {
  #bot-flotante-inscripciones-footer {
    position: fixed !important;
    bottom: 20px !important;
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    width: auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: 999999 !important;
  }
}