/**
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=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

ul.navTop { display: flex;margin: 0;margin-left: 0px;justify-content: center;align-items: center; }
ul.navTop li { display: block;padding: 0 10px; }
ul.navTop li a { color: #FFF !important;padding: 5px 10px 0 10px;font-size: 13px;display: block; }
ul.navContacto { margin: 0;display: flex;justify-content: space-between; }
ul.navContacto li { display: block; }
ul.navContacto li a, ul.navContacto li { font-size: 14px;color: #1B365D; }
a.btnClientes { border: 1px solid #FFF;padding: 0 19px 0 35px !important;border-radius: 50px;line-height: 30px;background-image: url(/wp-content/uploads/2025/03/iconClientes.svg);background-repeat: no-repeat;background-position: 15px center; }
a.btnClientes:hover { background-color: #48A23F;color: #FFF !important;border: 1px solid #48A23F; }
h3.titleQuotes { background-image: url(/wp-content/uploads/2025/03/Vector.svg); background-repeat: no-repeat;padding-left: 60px;margin-bottom: 20px;font-size: 32px;color: #1B365D;line-height: 30px;background-position: left center; }
span.breadcrumb_last { color: #48A23F;font-family: "Roboto", sans-serif; }
.iconHome span a { color: #1B365D;font-family: "Roboto", sans-serif; }
a.whatsappIcon { padding: .9rem 1.1rem;position: fixed !important;z-index: 9;bottom: -22px;right: -15px;display: inline-flex;margin: 1rem;transform: scale(.9);transition: .3s; }
div#popup-container-1 {
  width: 560px;
}
div#nav_menu-5 { padding-left: 70px; }
a.whatsappIcon:hover { transform: scale(1);transition: .3s; }
.main-header-bar { padding: 10px 0px; }
ul.navFooter img { width: 15px;margin-right: 3px; }
ul.navFooter li, ul#menu-servicio-al-cliente li { padding: 3px 0; }
div#block-4 p { font-weight: 700;margin-top: 7px; }
div#nav_menu-5 h2 { font-size: 25px;font-weight: 700;margin: 55px 0px 20px 0; }
ul.navFooterRRSS { display: flex; }
ul.navFooterRRSS li { padding-right: 10px; }
div#block-4 { margin: 0 0 27px 0; }
.ast-footer-overlay { padding-top: 1em !important;padding-bottom: 1em !important; }
.iconcslidem-home { width: auto;position: absolute;margin: 11px 12px; }
.iconcslidem2-home { width: auto;position: absolute;margin: 11px 6px; }
.iconcslideu-home, .iconcslidet-home, .iconcslidec-home { width: auto;position: absolute;margin: 12px 6px; }
.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu { border-radius: 10px;padding: 20px 20px;width: 290px; }
.main-header-menu .sub-menu .menu-link { padding: .2em 1em;display: block;word-wrap: break-word; }
ul.sub-menu li a:before {
  content: "\f105";
  display: inline;
  font-family: "FontAwesome";
  position: absolute;
  left: 0px;
  top: 6px;
  -webkit-transition: left 0.3s ease, right 0.3s ease;
  -moz-transition: left 0.3s ease, right 0.3s ease;
  -o-transition: left 0.3s ease, right 0.3s ease;
  transition: left 0.3s ease, right 0.3s ease;
  font-size: 11px !important;
}

h3.titleLeftForm { color: #1B365D;font-size: 25px;font-weight: 700 !important;margin: 0 0 10px 0; }
button#buttonFormEnviar { background-color: #48A23F;border: none;border-radius: 3px;transition: .3s;float: right;padding: 8px 30px;font-weight: 700;font-family: "Roboto", sans-serif;color: #FFF; }
button#buttonFormEnviar:hover { background-color: #1B365D;transition: .3s; }
.form-enexum { padding: 40px 30px;background-color: #FFF;border: 1px solid #1B365D;border-radius: 8px;width: 100%;float: left; }
.form-enexum-slider {float: left;width: 330px;background-color: #FFF;padding: 40px 30px;border-radius: 10px;border: 1px solid #1B365D;position: absolute;z-index: 9;top: -470px; }
.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: 1px;border-style: solid;border-radius: 3px;background: transparent;border: 1px 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%;height: 50px; }
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: 5px;
    border-color: #1B365D;
  }
  button.bot.btnForm {
    float: right;
  }
  .form-enexum-slider #total span, .form-enexum #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;font-family: "Roboto", sans-serif;
  }
  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);display: none;z-index: 9998; }

/* Estilos para los popups */
.popup-container { position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 600px;background-color: #fff;border: 1px solid #ccc;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);display: none;z-index: 9999;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: -56px;transform: rotate(-90deg);z-index: 999;margin: 0;top: 50%;background-color: #48A23F;color: #fff;padding: 10px 25px;border-radius: 5px 5px 0 0;cursor: pointer;transition: .3s;font-family: "Roboto", sans-serif;font-weight: 700;border: 1px solid #48A23F; }

.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;transition: opacity 0.3s ease; }
.hidetext:hover { opacity: 1; }
#popup-tab-2.popup-tab, #popup-tab-3.popup-tab { padding: .7em 2em;color: #FFF;text-align: center;position: unset;writing-mode: unset;font-family: "Roboto", sans-serif;top: unset;right: unset;text-align: center;display: inline;border-radius: 2em;font-weight: 400;transition: transform .2s;font-size: 14px;transform: none;transition: .3s;background-color: #48A23F;border: 0 !important;font-size: 15px;border: 1px solid #48A23F !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: 1px solid #1B365D !important;fill: #fff;background-color: #1B365D !important; }

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



@media (max-width: 768px) {
#ast-fixed-header .main-header-menu { padding: 20px 0; }
ul.sub-menu li a:before { left: 20px;top: 5px; }
ul.sub-menu:before { border-top: 0px solid #ffffff;border-left: 0px solid #ffffff; }
button#buttonFormEnviar { float: left; }
div#nav_menu-5 { padding-left: 0px; }
div#popup-container-1 { width: 90%; }
.ast-above-header-section.ast-above-header-section-1.ast-flex.ast-justify-content-flex-start.text-html-above-header { display: none; }
.form-enexum-slider { position: relative;top: 0px; }
.columnForm { float: left;width: 100%; }
.popup-tab { position: fixed;right: 20px;transform: rotate(00deg);z-index: 999;margin: 0;top: auto;color: #fff;padding: 15px 0 0 10px;border-radius: 50%;cursor: pointer;transition: .3s;bottom: 19px;font-size: 0px;width: 54px;height: 53px; }
div#popup-tab-1 img { width: 31px !important;padding-right: 0 !important; }
div#nav_menu-5 h2 { margin: 20px 0px 20px 0; }
.footer-adv-layout-3 .footer-adv-widget-2 .widget:last-child { margin: 0 0 0; }
div#block-4 p { margin-top: 50px !important; }

.contenidoWrapper { display: flex; }
.contenidoR { order:1 !important }
.contenidoL { order:2 !important }

ul.navContacto { flex-wrap: wrap; justify-content: center; }
ul.navContacto li a, ul.navContacto li { text-align: center;padding: 5px 10px; }

}