/**
Theme Name: Tema Enexum
Author: Enexum
Author URI: https://www.enexum.cl/
Description: Tema Enexum para Wordpress
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tema-enexum
Template: astra
*/
@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: 'Fujiyama';
  src: url('/wp-content/uploads/fujiyama/Fujiyama-Bold-Italic.ttf') format('woff'),
       url('/wp-content/uploads/fujiyama/Fujiyama.ttf') format('woff'),
       url('/wp-content/uploads/fujiyama/Fujiyama-Italic.ttf') format('woff'),
       url('/wp-content/uploads/fujiyama/Fujiyama-Bold.ttf') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Futura';
  src: url('/wp-content/uploads/futura/Spartan-Black.ttf') format('woff');
  font-weight: normal;
  font-style: normal;
}

.fontsub h4 { font-family: "Futura" !important;font-size: 30px !important;font-weight: 700 !important;text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.7) !important;font-style: normal !important;letter-spacing: 1.2px !important;color: #000; }
.inter { height: 10px; }
.contentBlue p { margin: 0;color: #FFF;font-family: "Roboto", sans-serif;font-size:15px;}
.contentBlue { background: #005e99;padding: 15px;display: flex;align-items: center;}
.lineProductDown h2 { border-bottom: 1px solid #6ec1e4;padding-bottom: 30px; }
.elementor-widget.elementor-list-item-link-full_width a { color: #005e99; }

.page-id-3164 .elementor-accordion-item,
.page-id-8197 .elementor-accordion-item,
.page-id-663 .elementor-accordion-item {
    border-bottom: 2px solid #d4d4d4 !important;
}
div#primary {  margin: 0; }
.boxYellow { background: #f8efd1; padding: 10px 20px;    margin: 10px 0; }
.boxYellow ul li { color: #745731;font-size: 16px;font-family: "Roboto", sans-serif;}
.boxYellow p { color: #745731;font-size: 16px;font-weight: bold; }
.boxMetalclad { border: 1px solid #efefef;
    background: #FFF;
    padding: 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.boxText p {
    margin: 0;
    text-align: justify;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    line-height: 1.3em;
}

.boxText {
    padding: 10px;
}
.boxIMa {
    display: block;
    padding: 10px;
}
.boxIMa img {
    width: 543px;
}
.boxBotones {
    display: flex;
    justify-content: space-around;
    padding: 20px;
}
.boxbtn > a {
    background-color: #25D366;
    border-radius: 50px 50px 50px 50px;
    padding: 11px 36px;
    color: #FFF;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}
.boxbtn > a:hover {
    background-color: #20b658;
}
.boxbtn a > img {
    width: 20px !important;padding-right: 5px;
}

.fontTitle h1 {
    font-family: "Fujiyama", Sans-serif !important;
    font-size: 37px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    text-shadow: 1px 0px 0px rgba(0, 0, 0, 0.7) !important;
    font-style: normal !important;
}

#pcp_wrapper-3760 .sp-pcp-post .pcp-post-thumb-wrapper { overflow: hidden;margin-bottom: 11px;height: 240px !important;display: flex ; }
.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img { max-height: 70px !important;width: auto; }
ul.navUso { margin: 0;padding: 0 20px; }
div#elementor-tab-title-8391, div#elementor-tab-content-8391, div#elementor-tab-title-2451, div#elementor-tab-content-2451 { display: none !important; }
ul#mega-menu-primary li a, ul.mega-sub-menu li a {
    font-family: "Oxygen", sans-serif !important;
}

.footer-adv-overlay h4, .footer-adv-overlay h2.wp-block-heading { color: #ffffff;font-size: 18px;font-weight: 500;margin-bottom: 15px; }
.col-md-4.form-group.spaceForm { padding: 0 10px; }
.page-id-3691 h3.sp-pcp-title { height: 75px; }
ul.navTop { display: flex;margin: 0;margin-left: 0px;justify-content: center; font-family: "Roboto", sans-serif; }
ul.navTop li { display: block;padding: 0; }
ul.navTop li a { color: #FFF !important;padding: 5px 10px 0 10px;font-size: 13px;display: block; }
ul.navTop li a:hover { color: #e3e3e3 !important; }

.form-enexum-slider {float: left;width: 100%;background-color: #FFF;padding: 15px;border-radius: 10px;border: 1px solid #333;position: absolute;z-index: 9;top: -480px; }
.form-enexum-slider input::placeholder, .form-enexum-asesores input::placeholder { color: #333; }
.form-enexum-slider textarea::placeholder, .form-enexum-asesores textarea::placeholder { color: #333; }
.form-enexum-slider input[type="email"], .form-enexum-slider input[type="number"], .form-enexum-slider input[type="password"], .form-enexum-slider input[type="reset"], .form-enexum-slider input[type="search"], .form-enexum-slider input[type="tel"], .form-enexum-slider input[type="text"], .form-enexum-slider input[type="url"], .form-enexum-slider select, .form-enexum-slider textarea { color: #333; height: auto;border-width: 0.5px !important;border-style: solid;border-radius: 2px;background: transparent;border-bottom: px solid #333 !important;background-repeat: no-repeat;border: 0; }
ul.sub-menu:before { content: '';position: absolute;top: -9px;left: 40px;border-top: 20px solid #ffffff;border-left: 20px solid #ffffff;width: 0;transform: rotate(45deg); }
.columnForm { float: left;width: 50%; }
input[type="email"], input[type="number"], input[type="password"], input[type="reset"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
    padding-left: 35px;
    width: 100%;
    margin-bottom: 10px;
    border-color: #0D1624;border-width: 0.5px !important;border-radius: 5px !important;
  }
  button.bot.btnForm {
    float: right;
  }
  .form-enexum-slider #total span, .form-enexum-asesores #total span {
    font-size: 10px;
    margin-top: -5px;
    display: block;
    font-style: italic;
    color: #333;
  }

  button.btnLateral {
    background: red;
    width: 140px;
    position: fixed;
    top: 40%;
    right: -47px;
    z-index: 99;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 10px 0 10px 0;
    border: 0;
    transition: .3s;
    transform: rotate(-90deg);
    font-size: 18px;
  }
  button.btnLateral:hover {
    background: #334257;
    transition: .3s;
  }

/*FORM FLOTANTE*/

/* Estilos para el fondo opaco */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Color de fondo opaco */
  display: none; /* Inicialmente oculto */
  z-index: 9998; /* Z-index inferior al del popup */
}

/* Estilos para los popups */
.popup-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: none; /* Inicialmente oculto */
  z-index: 9999; /* Z-index superior */
  border-radius: 1em;
  padding:1.5em;
}

.popup-content {
  padding: 20px;
}

.popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

/* Estilos para los botones que activan los popups */
.popup-tab {
  position: fixed;
  right: -63px;
  transform: rotate(-90deg);
  z-index: 999;
  margin: 0;
  top: 70%;
  background-color: #005E99;
  color: #fff;
  padding: 5px 24px;
  border-radius: 7px 7px 0 0;
  cursor: pointer;
  transition: .3s;font-family: "Roboto", sans-serif;

}


.popup-tab:hover {
  background-color: #fff !important; color: #0056b3;border: 1px solid #0056b3;
}

.popup-tab .icon-contact{margin-top: 5px;}

.fieldenex label{color:#fff}

.formulariocontactoflotante  input, .formulariocontactoflotante  textarea .formulariocontactoflotante  select{background: #fff; width:100%}

.controlenex input{width: 100%;margin: 4px 0;max-height: 35px;background: transparent; color: #808081;}
.controlenex input:focus,.controlenex textarea:focus,.controlenex select:focus{border: 1px solid #084AF3;}
.controlenex textarea{width: 100%;margin: 4px 0;background: transparent; color: #808081;}
.controlenex select{width: 100%;margin: 4px 0;background: transparent; color: #808081; border: 1px solid #ddd;font-family: 'Lato',sans-serif;}
.controlmedios select, .controlenexcoment textarea{background:#ffffff;min-height: 35px;}
.formulariocontacto select,.formulariocontacto .controlenasunto input {background: #ECECEC;border: 1px solid #90999B !important;}
.formulariocontacto .controlenexphone, .formulariocontacto .controlenexempresa {width: 100%;padding: 0;}
.twocolumns {display: flex; align-items: center;justify-content: space-between;}
.buttomsend{background: #69727D;border-radius: 2em;padding: 0.5em 5em;}
.buttomsend:hover{background-color: #084AF3;color: #fff;}
.titulocontacto,h4.titulocontacto{color: #0053FF;font-size: 1rem;margin-bottom: 0.6em;}
.controlenexempresa{width: 70%;padding-right: 5px}
.controlenexphone{width: 30%;padding-left: 5px;}
.controlenexphone2{width: 50%;padding-right: 5px;}
.controlmail{width: 50%;padding-right: 5px}
.controlmail2{width: 50%;padding-right: 0}
.controlmedios{width: 50%;padding-right: 5px}
.buttonhome2 {text-align: center;}
.buttonsend2{border:2em; background-color: #69727d;}

.hidetext {
opacity: 0; /* Establece la opacidad inicial en 0 */
transition: opacity 0.3s ease; /* Agrega una transición suave de 0.3 segundos */
}

.hidetext:hover {
opacity: 1; /* Cambia la opacidad a 1 cuando se hace hover */
}

#popup-tab-2.popup-tab, #popup-tab-3.popup-tab {
    padding: .7em 2em;
    color: #fff;
    text-align: center;
    position: unset;
    writing-mode: unset;
    top: unset;
    right: unset;
    text-align: center;
    display: inline;
    border-radius: 2em;
    font-weight: 600;
    transition: transform .2s;
    transform: none;
    transition: .3s;background-color: #005E99;border: 0 !important;font-size: 15px; font-family: "Roboto", sans-serif !important;
}

#popup-tab-1.popup-tab:hover, #popup-tab-2.popup-tab:hover, #popup-tab-3.popup-tab:hover {
  color: #fff;
  background: 0 0;border: 0 !important;
  fill: #fff;
  background-color: #212121 !important;

}

/* Ajustar estilos para pantallas más pequeñas */
@media screen and (max-width: 768px) {
  .popup-container {
    width: 90%; /* Utilizar un porcentaje mayor en pantallas más pequeñas */
    max-width: none; /* Quitar el ancho máximo en pantallas pequeñas */
    padding: 1em; /* Reducir el padding en pantallas pequeñas */
    font-size: 14px; /* Reducir el tamaño de fuente en pantallas pequeñas */
  }
  .twocolumns{flex-direction: column;align-items: flex-start;}
  .controlenexempresa,.controlenexphone,.controlenexphone2,.controlmail,.controlmail2,.controlmedios{width: 100%;padding: 0}
  }
/*FORM FLOTANTE*/

/*Media Queries*/
@media (max-width: 768px) {
.boxMetalclad, .boxBotones { flex-wrap: wrap; }
.boxIMa img { width: 150px; }
.boxbtn { margin: 0 0 25px 0; }
    
  .page-id-3691 h3.sp-pcp-title {
    height: 50px;
}
  .mega-toggle-blocks-right {
    position: absolute;
    right: 0;
    top: -40px;
}

#mega-menu-wrap-primary .mega-menu-toggle {
  height: auto;
}
.mega-toggle-blocks-left, .mega-toggle-blocks-center{
    display: none !important;
}

  .col-md-4.form-group.spaceForm {
    padding: 0 0;
}
.form-enexum-slider { position: relative;top: 0px; }
.columnForm { float: left; }
.boxProduct { width: 50%; }
}