/*
	Autor: Gabriel Rosa

*/
@font-face {
  font-family: "alternate";
  src: url(../fonts/alternate.woff);
}
@font-face {
  font-family: "segoeui";
  src: url(../fonts/segoeui.woff);
}
@font-face {
  font-family: "segoeui-b";
  src: url(../fonts/segoeuib.woff);
}
@font-face {
  font-family: "segoeui-l";
  src: url(../fonts/segoeuil.woff);
}
/* line 29, W:/facturaSimple/sass/style.scss */
* {
  padding: 0;
  margin: 0;
  font-family: "segoeui";
  outline-color: transparent;
}

/* line 36, W:/facturaSimple/sass/style.scss */
body {
  -webkit-overflow-scrolling: touch;
  padding-top: 58px; /* clearance navbar fixed-top */
}
body.has-geo-banner {
  padding-top: 110px; /* 58px navbar + 52px geo-banner */
}

/* ============================================================
   BOOTSTRAP 4 NAVBAR — fs-navbar
   ============================================================ */
.fs-navbar {
    background-color: #003473;
    min-height: 58px;
    padding: 0;
    z-index: 9990;
    box-shadow: 0 2px 16px rgba(0,0,0,0.28);
}
.fs-navbar .container {
    flex-wrap: nowrap;
}
.fs-navbar .navbar-brand img {
    height: 36px;
    width: auto;
}
.fs-navbar .nav-link {
    color: rgba(255,255,255,0.88) !important;
    font-family: 'Plus Jakarta Sans', 'segoeui', sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.2px;
    padding: 0 15px !important;
    height: 58px;
    display: flex;
    align-items: center;
    transition: color 0.2s;
    border-bottom: 2px solid transparent;
}
.fs-navbar .nav-link:hover,
.fs-navbar .nav-item.active .nav-link {
    color: white !important;
    border-bottom-color: #17B6E2;
}
/* Botón Registro */
.btn-nav-register {
    background: #FE8A21;
    color: white !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.1px;
    padding: 9px 18px;
    border-radius: 7px;
    text-decoration: none !important;
    transition: all 0.22s;
    white-space: nowrap;
    margin-right: 10px;
}
.btn-nav-register:hover {
    background: #e07818;
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(254,138,33,0.4);
    color: white !important;
}
/* Botón Login */
.btn-nav-login {
    background: #17B6E2;
    color: white !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.1px;
    padding: 9px 18px;
    border-radius: 7px;
    text-decoration: none !important;
    transition: all 0.22s;
    white-space: nowrap;
    margin-right: 10px;
}
.btn-nav-login:hover {
    background: #0d99c0;
    color: white !important;
    transform: translateY(-1px);
}
/* Hamburger icon blanco */
.fs-navbar .navbar-toggler {
    border-color: rgba(255,255,255,0.3);
    padding: 6px 10px;
}
.fs-navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* Collapse en móvil — solo muestra nav links */
@media (max-width: 991px) {
    .fs-navbar .navbar-collapse {
        background: #002f6c;
        padding: 8px 15px 14px;
        border-top: 1px solid rgba(255,255,255,0.1);
        border-radius: 0 0 10px 10px;
        margin-top: 2px;
        /* Posicionado debajo del navbar completo */
        position: absolute;
        top: 58px;
        left: 0;
        right: 0;
        z-index: 9989;
    }
    .fs-navbar .nav-link {
        height: auto;
        padding: 12px 15px !important;
        border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    }
    .fs-navbar .nav-item.active .nav-link {
        border-bottom-color: rgba(255,255,255,0.07) !important;
        color: #17B6E2 !important;
    }
    /* Botones MÁS PEQUEÑOS en tablet (siempre visibles) */
    .btn-nav-register,
    .btn-nav-login {
        font-size: 13px;
        padding: 8px 12px;
        margin-right: 6px;
    }
}
/* Ocultar bandera en mobile/tablet — aparece dentro del hamburger */
@media (max-width: 991px) {
    .fs-flag-selector {
        display: none !important;
    }
}

/* Grilla de banderas dentro del menú hamburger */
.fs-collapse-flags {
    border-top: 1px solid rgba(255,255,255,0.12);
    padding: 12px 8px 4px;
    margin-top: 8px;
}
.fs-collapse-flags-label {
    font-family: 'segoeui-l', sans-serif;
    font-size: 12px;
    color: rgba(255,255,255,0.55);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.fs-collapse-flags-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.fs-collapse-flags-grid a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 5px;
    transition: background 0.15s;
    text-decoration: none !important;
}
.fs-collapse-flags-grid a:hover {
    background: rgba(255,255,255,0.15);
}
.fs-collapse-flags-grid a .fi {
    font-size: 22px;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
.fs-collapse-flags-grid a svg {
    width: 22px;
    height: 22px;
    fill: rgba(255,255,255,0.75);
}



/* Country selector dropdown */
.header-country-selector {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    padding: 2px 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}
.header-country-selector:hover { background: rgba(255,255,255,0.15); border-color: rgba(255,255,255,0.3); }
.header-trigger { display: flex; align-items: center; gap: 8px; height: 35px; }
.header-trigger .fi { font-size: 20px; border-radius: 3px; box-shadow: 0 1px 4px rgba(0,0,0,0.3); }
.header-trigger svg { width: 22px; height: 22px; }
.header-trigger::after { content: "\f107"; font-family: "FontAwesome"; font-size: 14px; color: #fff !important; margin-left: 2px; }
.fs-menu-flag-selector .header-trigger::after { display: none; }

.header-options {
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    background: #ffffff !important;
    border-radius: 12px;
    box-shadow: 0 15px 45px rgba(0,0,0,0.35);
    border: 1px solid #ddd;
    min-width: 250px;
    z-index: 100000 !important;
    max-height: 480px;
    overflow-y: auto;
    padding: 12px 0;
}
.header-country-selector.open .header-options { display: block !important; animation: headerSlideDown 0.2s ease-out; }
@keyframes headerSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.header-options a { display: flex !important; align-items: center !important; gap: 15px !important; padding: 12px 20px !important; text-decoration: none !important; transition: background 0.15s; border-bottom: 1px solid #f2f2f2 !important; }
.header-options a:last-child { border-bottom: none !important; }
.header-options a:hover { background: #f0f4ff !important; }
.header-options a .fi { font-size: 20px; border-radius: 2px; flex-shrink: 0; }
.header-options a svg { width: 20px; height: 20px; fill: #007bff; flex-shrink: 0; }
.header-options a span { color: #333333 !important; font-size: 15px !important; font-weight: 500 !important; display: inline-block !important; visibility: visible !important; white-space: nowrap !important; }
.header-options a:hover span { color: #007bff !important; }

/* Dropdown de banderas dentro del hamburger — fluye dentro del menú (sin position absolute) */
.fs-menu-flag-selector .header-options {
    position: static !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    background: rgba(0,0,0,0.25) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    margin-top: 6px;
    max-height: 260px;
    overflow-y: auto;
    animation: none !important;
}
.fs-menu-flag-selector .header-options a {
    border-bottom-color: rgba(255,255,255,0.07) !important;
}
.fs-menu-flag-selector .header-options a:hover {
    background: rgba(255,255,255,0.1) !important;
}
.fs-menu-flag-selector .header-options a span {
    color: rgba(255,255,255,0.88) !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px !important;
}
.fs-menu-flag-selector .header-options a svg {
    fill: rgba(255,255,255,0.7) !important;
}




/* line 40, W:/facturaSimple/sass/style.scss */
a {
  text-decoration: none;
}

/* line 43, W:/facturaSimple/sass/style.scss */
#st-container {
  /***************************************************************************
  					SECCIONES DISTINTAS A HOME
  ***************************************************************************/
  /**********************NOSOTROS************************************/
  /***************************FIN DE NOSOTROS************************/
  /**********************FUNCIONES***********************************/
  /************************FIN DE FUNCIONES***************************/
  /****************************MODULOS********************************/
  /************************FIN DE FUNCIONES***************************/
  /************************REGISTRAR*********************************/
  /************************FIN DE REGISTRAR***************************/
  /************************PREGUNTAS FRECUENTES************************/
  /********************FIN DE PREGUNTAS FRECUENTES************************/
  /******************************CONTACTO********************************/
}
/* line 44, W:/facturaSimple/sass/style.scss */
#st-container #menu-1 {
  background: #003473;
  margin-top: 70px;
  position: fixed;
}
/* line 50, W:/facturaSimple/sass/style.scss */
#st-container #menu-1 ul li.divider {
  display: none;
}
/* line 53, W:/facturaSimple/sass/style.scss */
#st-container #menu-1 ul li a {
  font-family: "alternate";
}
/* line 59, W:/facturaSimple/sass/style.scss */
#st-container #menu-nav {
  background: #003473;
  background: rgba(0, 52, 115, 0.88);
  width: 100%;
  height: 70px;
  position: fixed;
  z-index: 200;
}
/* line 67, W:/facturaSimple/sass/style.scss */
#st-container #menu-nav #logo {
  padding-top: 5px;
}
#st-container #menu-nav #logo img {
  filter: brightness(1.08) contrast(1.05);
}
/* line 71, W:/facturaSimple/sass/style.scss */
#st-container #menu-nav #menu #navigation {
  text-align: right;
  padding: 0px;
  margin: 0px;
  height: 70px;
  cursor: default;
}
/* line 77, W:/facturaSimple/sass/style.scss */
#st-container #menu-nav #menu #navigation > li {
  display: inline-block;
  margin: 18px 1px;
}
/* line 80, W:/facturaSimple/sass/style.scss */
#st-container #menu-nav #menu #navigation > li.divider {
  color: white;
  font-size: 22px;
  font-weight: lighter;
  font-family: "segoeui-l";
}
/* line 86, W:/facturaSimple/sass/style.scss */
#st-container #menu-nav #menu #navigation > li a {
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  padding: 35px 10px;
  font-family: "alternate";
  font-size: 21px;
}
/* line 93, W:/facturaSimple/sass/style.scss */
#st-container #menu-nav #menu #navigation > li a:hover {
  color: #FE8A21;
}
/* line 96, W:/facturaSimple/sass/style.scss */
#st-container #menu-nav #menu #navigation > li a.active {
  color: #FE8A21;
}
/* line 99, W:/facturaSimple/sass/style.scss */
#st-container #menu-nav #menu #navigation > li a.boton-menu {
  border-radius: 5px;
  padding: 5px 10px;
}
/* line 102, W:/facturaSimple/sass/style.scss */
#st-container #menu-nav #menu #navigation > li a.boton-menu:hover {
  color: white;
  opacity: 0.96;
}
/* line 107, W:/facturaSimple/sass/style.scss */
#st-container #menu-nav #menu #navigation > li a#accesar-gratis {
  background: #FE8A21;
}
/* line 110, W:/facturaSimple/sass/style.scss */
#st-container #menu-nav #menu #navigation > li a#iniciar {
  background: #17B6E2;
}
/* line 118, W:/facturaSimple/sass/style.scss */
#st-container header.banner h1 {
  font-family: "alternate";
  font-size: 55px;
  font-weight: bold;
  margin-top: 40px;
}
/* line 124, W:/facturaSimple/sass/style.scss */
#st-container header.banner p {
  font-family: "segoeui-l";
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
}
/* Hamburger: oculto en desktop, visible en tablet/mobile via media query */
#st-container #menu-nav #st-trigger-effects {
  display: none;
}
/* line 120, W:/facturaSimple/sass/style.scss */
#st-container #menu-nav #st-trigger-effects #reset {
  display: none;
}
/* line 127, W:/facturaSimple/sass/style.scss */
#st-container .cs-selector {
  border: none;
  color: white;
  cursor: pointer;
}
/* line 131, W:/facturaSimple/sass/style.scss */
#st-container .cs-selector .cs-name-selected {
  font-size: 11px;
}
/* line 134, W:/facturaSimple/sass/style.scss */
#st-container .cs-selector .cs-arrow {
  background-image: url(../images/arrow.svg);
  background-repeat: no-repeat;
  vertical-align: middle;
  position: absolute;
  margin: 10px 5px;
}
/* line 144, W:/facturaSimple/sass/style.scss */
#st-container ul.cs-list {
  max-height: 160px;
  width: 180px;
  margin-bottom: 100px;
}
/* line 148, W:/facturaSimple/sass/style.scss */
#st-container ul.cs-list li {
  list-style: none;
  cursor: pointer;
  padding: 4px 5px;
  font-size: 15px;
}
/* ============================================================
   HERO PRINCIPAL — Premium responsive redesign
   ============================================================ */
#st-container #header-home {
    width: 100%;
    background-color: #002f6c;
    background-image: url(../images/background-header.jpg);
    background-repeat: repeat-x;
    background-size: auto 100%;
    color: white;
    position: relative;
    overflow: hidden;
}

/* Overlay de gradiente premium sutil */
#st-container #header-home::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0,28,72,0.55) 0%, rgba(0,52,115,0.25) 55%, transparent 100%);
    pointer-events: none;
    z-index: 0;
}

#st-container #header-home .container {
    position: relative;
    z-index: 1;
}

/* ── Columna de texto ── */
#st-container #header-home #texto-header {
    padding: clamp(4px, 1.5vw, 28px) 0 clamp(20px, 2.5vw, 42px) clamp(0px, 2vw, 24px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Titular principal */
#st-container #header-home #texto-header #titulo-header {
    font-family: "segoeui-b";
    font-size: clamp(22px, 3.2vw, 44px);
    color: white;
    font-weight: bold;
    line-height: 1.18;
    margin-bottom: 14px;
    letter-spacing: -0.3px;
}

/* Sub-texto — solo una idea, breve */
#st-container #header-home #texto-header .hero-sub {
    font-family: "segoeui-l";
    font-size: clamp(14px, 1.5vw, 18px);
    color: rgba(255,255,255,0.82);
    font-weight: 300;
    line-height: 1.65;
    margin: 0 0 20px 0;
    max-width: 460px;
}

/* ── Trust chips ── */
.hero-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 26px;
}
.hero-chip {
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.22);
    color: rgba(255,255,255,0.88);
    font-family: "segoeui-l";
    font-size: 12px;
    padding: 5px 13px;
    border-radius: 20px;
    white-space: nowrap;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.hero-chip .fa { color: #17B6E2; margin-right: 4px; }

/* ── CTAs ── */
.hero-ctas {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

/* Botón primario */
.hero-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #FE8A21;
    color: white !important;
    font-family: "alternate";
    padding: clamp(10px, 1.1vw, 14px) clamp(18px, 2vw, 28px);
    font-size: clamp(14px, 1.3vw, 18px);
    text-transform: uppercase;
    border-radius: 8px;
    text-decoration: none !important;
    box-shadow: 0 5px 18px rgba(254,138,33,0.40);
    transition: all 0.25s ease;
    letter-spacing: 0.3px;
}
.hero-btn-primary:hover {
    background: #e07818;
    transform: translateY(-2px);
    box-shadow: 0 9px 22px rgba(254,138,33,0.52);
    color: white !important;
    text-decoration: none !important;
}

/* Botón secundario (texto + subrayado) */
.hero-btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: rgba(255,255,255,0.88) !important;
    font-family: "segoeui";
    font-size: clamp(13px, 1.1vw, 15px);
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.38);
    padding-bottom: 2px;
    transition: all 0.22s ease;
}
.hero-btn-secondary:hover {
    color: #17B6E2 !important;
    border-bottom-color: #17B6E2;
    text-decoration: none !important;
}

/* ── Columna imagen ── */
#st-container #header-home .imagen-header {
    display: flex;
    align-items: flex-end;
    padding: 0;
}
#st-container #header-home .imagen-header img {
    width: 100%;
    height: auto;
    display: block;
    filter: drop-shadow(0 -8px 36px rgba(0,0,0,0.28));
    transform: translateY(4px);
}

/* ── Responsive tablet ── */
@media (max-width: 991px) {
    #st-container #header-home #texto-header {
        padding: 4px 15px 16px;
        text-align: center;
        align-items: center;
    }
    #st-container #header-home #texto-header .hero-sub {
        max-width: 100%;
        text-align: center;
    }
    .hero-chips  { justify-content: center; }
    .hero-ctas   { justify-content: center; }
    #st-container #header-home .imagen-header {
        justify-content: center;
        padding: 0 10px;
    }
}

/* ── Responsive mobile ── */
@media (max-width: 767px) {
    #st-container #header-home #texto-header #titulo-header {
        font-size: clamp(20px, 6vw, 28px);
    }
    .hero-btn-primary {
        width: 100%;
        justify-content: center;
        font-size: 15px;
        padding: 13px 20px;
    }
    .hero-ctas {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
    .hero-btn-secondary { justify-content: center; }
}

/* line 212, W:/facturaSimple/sass/style.scss */
#st-container .header-landing #boton-header {
  margin-top: 15px;
}
/* line 214, W:/facturaSimple/sass/style.scss */
#st-container .header-landing #boton-header a {
  background: #FE8A21;
  color: white;
  font-family: "alternate";
  padding: 5px 25px !important;
  font-size: 25px !important;
  text-transform: uppercase;
  border-radius: 3px;
  -webkit-box-shadow: 0px 3px 0px 0px chocolate;
  box-shadow: 0px 3px 0px 0px chocolate;
  text-decoration: none;
}
/* line 224, W:/facturaSimple/sass/style.scss */
#st-container .header-landing #boton-header a img {
  margin-left: 10px;
  margin-bottom: 5px;
  width: 3%;
}
/* line 229, W:/facturaSimple/sass/style.scss */
#st-container .header-landing #boton-header a:hover {
  background-color: #d2691e;
}
/* line 233, W:/facturaSimple/sass/style.scss */
#st-container .header-landing #boton-header a:last-child {
  background: #17B6E2 !important;
  -webkit-box-shadow: 0px 3px 0px 0px #1d8cb9 !important;
  box-shadow: 0px 3px 0px 0px #1d8cb9 !important;
  margin-left: 10px;
}
/* line 237, W:/facturaSimple/sass/style.scss */
#st-container .header-landing #boton-header a:last-child:hover {
  background: #1d8cb9 !important;
}
/* line 247, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home {
  text-align: center;
  font-family: "segoeui-l";
}
/* line 250, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .texto {
  margin-top: 40px;
}
/* line 252, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .texto h1 {
  font-size: 40px;
  margin-bottom: 10px;
}
/* line 257, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .carousel {
  margin-top: 50px;
}
/* line 259, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .carousel ul {
  margin-bottom: 40px;
}
/* line 261, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .carousel ul li {
  cursor: pointer;
  display: inline-block;
  list-style: none;
  text-align: center;
  width: 13%;
  border-bottom: 2px solid white;
  height: 120px;
  -webkit-transition: 0.1s border-bottom ease-in-out;
  -o-transition: 0.1s border-bottom ease-in-out;
  transition: 0.1s border-bottom ease-in-out;
  vertical-align: top;
  outline-color: transparent;
}
/* line 273, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .carousel ul li img {
  width: 51px;
  display: block;
  margin: auto auto;
  margin-bottom: 10px;
}
/* line 279, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .carousel ul li:hover {
  border-bottom: 2px solid #FE8A21;
}
/* line 283, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .carousel ul li.slick-center {
  border-bottom: 2px solid #FE8A21;
}
/* line 292, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .carousel .carousel-slick .texto-carousel {
  padding-left: 10px;
  text-align: left;
}
/* line 295, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .carousel .carousel-slick .texto-carousel h1 {
  text-align: left;
  font-family: "segoeui";
  margin-bottom: 0px;
  margin-top: 60px;
  font-size: 40px;
}
/* line 302, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .carousel .carousel-slick .texto-carousel p {
  font-family: "segoeui-l";
  text-align: left;
  font-size: 27px;
}
/* line 308, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .carousel .carousel-slick .texto-carousel a {
  color: white;
  font-family: "alternate";
  background: #FE8A21;
  text-transform: uppercase;
  padding: 10px 15px;
  font-size: 25px;
  border-radius: 5px;
  text-decoration: none;
}
/* line 318, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .carousel .carousel-slick .texto-carousel a:hover {
  background: #17B6E2;
}
/* line 325, W:/facturaSimple/sass/style.scss */
#st-container #funciones-home .carousel .carousel-slick .imagen img {
  width: 100%;
}
/* line 333, W:/facturaSimple/sass/style.scss */
#st-container #beneficios {
  background-image: url(../images/beneficios-bg.png);
  background: #FE8A21;
  position: relative;
  background-repeat: repeat-x;
  padding-top: 45px;
  padding-bottom: 0px;
  margin-top: 50px;
}
/* line 342, W:/facturaSimple/sass/style.scss */
#st-container #beneficios .texto-beneficios {
  color: white;
  font-family: "segoeui-l";
  z-index: 1;
}
/* line 346, W:/facturaSimple/sass/style.scss */
#st-container #beneficios .texto-beneficios ul {
  list-style: none;
}
/* line 348, W:/facturaSimple/sass/style.scss */
#st-container #beneficios .texto-beneficios ul li {
  font-family: "segoeui-l";
  margin-bottom: 20px;
  margin-top: 10px;
  font-size: 16px;
}
/* line 353, W:/facturaSimple/sass/style.scss */
#st-container #beneficios .texto-beneficios ul li img {
  margin-right: 10px;
}
/* line 358, W:/facturaSimple/sass/style.scss */
#st-container #beneficios .texto-beneficios div {
  margin-top: 40px;
}
/* line 360, W:/facturaSimple/sass/style.scss */
#st-container #beneficios .texto-beneficios div a {
  color: white;
  text-decoration: none;
  border: 1px solid white;
  padding: 10px 20px;
  font-family: "alternate";
  text-transform: uppercase;
  font-size: 21px;
  border-radius: 5px;
  margin: 5px;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
/* line 371, W:/facturaSimple/sass/style.scss */
#st-container #beneficios .texto-beneficios div a:hover {
  color: #FE8A21;
  background: white;
}
/* line 380, W:/facturaSimple/sass/style.scss */
#st-container #beneficios .imagen-beneficios img {
  width: 100%;
}
/* line 384, W:/facturaSimple/sass/style.scss */
#st-container #beneficios #design {
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: 0;
}
/* line 392, W:/facturaSimple/sass/style.scss */
#st-container #beneficios-clientes {
  padding-top: 50px;
}
/* line 395, W:/facturaSimple/sass/style.scss */
#st-container #beneficios-clientes .texto-beneficios {
  color: black;
  font-family: "segoeui-l";
  z-index: 1;
  margin-top: 50px;
}
/* line 400, W:/facturaSimple/sass/style.scss */
#st-container #beneficios-clientes .texto-beneficios ul {
  list-style: none;
}
/* line 404, W:/facturaSimple/sass/style.scss */
#st-container #beneficios-clientes .texto-beneficios ul li {
  font-family: "segoeui-l";
  margin-bottom: 20px;
  margin-top: 10px;
  font-size: 16px;
}
/* line 410, W:/facturaSimple/sass/style.scss */
#st-container #beneficios-clientes .texto-beneficios ul li span.icon-icon-check:before {
  color: #FE8A21;
}
/* line 421, W:/facturaSimple/sass/style.scss */
#st-container #beneficios-clientes .imagen-beneficios img {
  width: 100%;
}
/* line 427, W:/facturaSimple/sass/style.scss */
#st-container #contactar {
  background: white;
  border-top: solid 1px #DDDDDD;
}
/* line 432, W:/facturaSimple/sass/style.scss */
#st-container #contactar .redes-contactar ul {
  color: #FE8A21;
  margin: 0px;
  padding: 0px;
}
/* line 436, W:/facturaSimple/sass/style.scss */
#st-container #contactar .redes-contactar ul li {
  display: inline-block;
  padding: 15px 15px;
}
/* line 439, W:/facturaSimple/sass/style.scss */
#st-container #contactar .redes-contactar ul li a {
  color: #FE8A21;
  text-decoration: none;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
/* line 445, W:/facturaSimple/sass/style.scss */
#st-container #contactar .redes-contactar ul li i {
  font-size: 25px;
}
/* line 448, W:/facturaSimple/sass/style.scss */
#st-container #contactar .redes-contactar ul li:first-child {
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  padding: 24px 16px 22px;
}
/* line 452, W:/facturaSimple/sass/style.scss */
#st-container #contactar .redes-contactar ul li:first-child span:before {
  font-size: 26px;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
/* line 458, W:/facturaSimple/sass/style.scss */
#st-container #contactar .redes-contactar ul li:nth-child(2) {
  border-right: 1px solid #DDDDDD;
  padding: 17px 20px 22px 16px;
}
/* line 461, W:/facturaSimple/sass/style.scss */
#st-container #contactar .redes-contactar ul li:nth-child(2) span:before {
  font-size: 32px;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
/* line 468, W:/facturaSimple/sass/style.scss */
#st-container #contactar .redes-contactar ul li:last-child {
  border-right: 1px solid #DDDDDD;
  padding: 27px 18px 22px 5px;
}
/* line 474, W:/facturaSimple/sass/style.scss */
#st-container #contactar .redes-contactar ul li:hover a {
  color: #17b6e2;
}
/* line 477, W:/facturaSimple/sass/style.scss */
#st-container #contactar .redes-contactar ul li:hover a span:before {
  color: #17b6e2;
}
/* line 487, W:/facturaSimple/sass/style.scss */
#st-container #contactar .form-contactar {
  text-align: right;
}
/* line 489, W:/facturaSimple/sass/style.scss */
#st-container #contactar .form-contactar form {
  padding-top: 15px;
}
/* line 491, W:/facturaSimple/sass/style.scss */
#st-container #contactar .form-contactar form label {
  font-family: "segoeui";
  color: #666666;
}
/* line 495, W:/facturaSimple/sass/style.scss */
#st-container #contactar .form-contactar form input {
  height: 35px;
  border: 1px solid #DDDDDD;
  padding-left: 5px;
}
/* line 500, W:/facturaSimple/sass/style.scss */
#st-container #contactar .form-contactar form button {
  background: #FE8A21;
  font-family: "alternate";
  text-transform: uppercase;
  color: white;
  border: none;
  padding: 5px 10px;
  font-size: 21px;
}
/* line 513, W:/facturaSimple/sass/style.scss */
#st-container footer {
  background: #17B6E2;
  color: white;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: "segoeui";
}
/* line 521, W:/facturaSimple/sass/style.scss */
#st-container footer .menu-footer .column-footer h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #ffffff;
  opacity: 0.9;
}
#st-container footer .menu-footer .column-footer ul {
  padding: 0;
  margin: 0;
}
#st-container footer .menu-footer .column-footer ul li {
  list-style: none;
  margin-bottom: 8px;
}
#st-container footer .menu-footer .column-footer ul li a {
  color: white;
  font-size: 14px;
  opacity: 0.8;
  transition: opacity 0.2s;
}
#st-container footer .menu-footer .column-footer ul li a:hover {
  opacity: 1;
  text-decoration: none;
}
/* line 531, W:/facturaSimple/sass/style.scss */
#st-container footer .info-footer p {
  text-align: right;
  font-size: 12px;
}
/* line 537, W:/facturaSimple/sass/style.scss */
#st-container footer .banderas {
  text-align: right;
}
/* line 551, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .banner {
  background: #FE8A21;
  background-image: url(../images/nosotrosbg.jpg);
  background-repeat: no-repeat;
  padding-top: 100px;
  color: white;
  font-family: "segoeui";
  position: relative;
  background-position: center;
  background-size: cover;
}
/* line 561, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .banner .texto {
  padding-top: 8px !important;
  z-index: 5;
}
/* line 564, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .banner .texto h1 {
  font-size: 60px;
  font-family: "segoeui";
  font-weight: bold;
  margin-bottom: 5px;
}
/* line 570, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .banner .texto p {
  font-family: "segoeui-l";
  font-size: 43px;
  line-height: 40px;
}
/* line 575, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .banner .texto div {
  padding-top: 5px;
}
/* line 577, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .banner .texto div a {
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-family: "alternate";
  font-size: 21px;
  border: 1px solid white;
  padding: 5px 12px;
  border-radius: 3px;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
/* line 587, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .banner .texto div a:hover {
  background-color: white;
  color: #FE8A21;
}
/* line 591, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .banner .texto div a:last-child {
  margin-left: 10px;
  background: white;
  color: #FE8A21;
}
/* line 595, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .banner .texto div a:last-child:hover {
  color: white;
  background-color: #17B6E2;
  border: 1px solid #17B6E2;
}
/* line 604, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .banner .imagen {
  z-index: 5;
}
/* line 606, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .banner .imagen img {
  width: 100%;
}
/* line 612, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros {
  padding-top: 20px;
  margin-bottom: 50px;
}
/* line 615, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros .titulo-contacto {
  font-family: "segoeui-l";
  font-size: 45px;
}
/* line 620, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros .titulos-iconos {
  margin: 30px 13px;
}
/* line 623, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros .titulos-iconos img {
  float: left;
  margin-right: 23px;
}
/* line 627, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros .titulos-iconos h1 {
  font-size: 36px;
  font-weight: lighter;
  font-family: "segoeui-l";
  margin-bottom: 10px;
}
/* line 635, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros .titulos-iconos .primer-titulo {
  line-height: 47px;
}
/* line 641, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros .intereses h1 {
  font-family: "segoeui-l";
  font-size: 40px;
}
/* line 646, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros .intereses p {
  font-size: 20px;
}
/* line 649, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros .intereses p span:before {
  color: #FE8A21;
}
/* line 657, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros .seguridad h1 {
  font-family: "segoeui-l";
  font-size: 45px;
}
/* line 662, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros .seguridad div h1 {
  font-size: 20px;
  font-family: "segoeui-b";
}
/* line 665, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros .seguridad div h1 span {
  float: left;
  margin: 0px 10px 0px 0px;
}
/* line 668, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros .seguridad div h1 span:before {
  font-size: 50px;
}
/* line 673, W:/facturaSimple/sass/style.scss */
#st-container #nosotros .contenido-nosotros .seguridad div p {
  clear: both;
  padding-top: 10px;
}
/* line 685, W:/facturaSimple/sass/style.scss */
#st-container #funciones .banner {
  background: #17B6E2;
  background-image: url(../images/funcionesbg.jpg);
  background-repeat: no-repeat;
  padding-top: 50px;
  color: white;
  font-family: "segoeui";
  position: relative;
  background-position: center;
  background-size: cover;
}
/* line 695, W:/facturaSimple/sass/style.scss */
#st-container #funciones .banner .texto {
  padding-top: 8px !important;
  z-index: 5;
}
/* line 698, W:/facturaSimple/sass/style.scss */
#st-container #funciones .banner .texto h1 {
  font-size: 60px;
  font-family: "segoeui";
  font-weight: bold;
  margin-bottom: 5px;
}
/* line 704, W:/facturaSimple/sass/style.scss */
#st-container #funciones .banner .texto p {
  font-family: "segoeui-l";
  font-size: 43px;
  line-height: 40px;
}
/* line 709, W:/facturaSimple/sass/style.scss */
#st-container #funciones .banner .texto div {
  padding-top: 5px;
}
/* line 711, W:/facturaSimple/sass/style.scss */
#st-container #funciones .banner .texto div a {
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-family: "alternate";
  font-size: 21px;
  border: 1px solid white;
  padding: 5px 12px;
  border-radius: 3px;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
/* line 721, W:/facturaSimple/sass/style.scss */
#st-container #funciones .banner .texto div a:hover {
  background: white;
  color: #17B6E2;
}
/* line 725, W:/facturaSimple/sass/style.scss */
#st-container #funciones .banner .texto div a:last-child {
  margin-left: 10px;
  background: white;
  color: #FE8A21;
}
/* line 729, W:/facturaSimple/sass/style.scss */
#st-container #funciones .banner .texto div a:last-child:hover {
  color: white;
  background-color: #FE8A21;
  border: 1px solid #FE8A21;
}
/* line 740, W:/facturaSimple/sass/style.scss */
#st-container #funciones .banner .imagen {
  z-index: 5;
}
/* line 742, W:/facturaSimple/sass/style.scss */
#st-container #funciones .banner .imagen img {
  width: 100%;
}
/* line 748, W:/facturaSimple/sass/style.scss */
#st-container #funciones .contenido-funciones {
  padding-top: 30px;
  padding-bottom: 50px;
}
/* line 752, W:/facturaSimple/sass/style.scss */
#st-container #funciones .contenido-funciones div h1 {
  font-family: "segoeui-l";
  font-size: 40px;
  color: #FE8A21;
  margin-bottom: 10px;
}
/* line 758, W:/facturaSimple/sass/style.scss */
#st-container #funciones .contenido-funciones div h1 span :before {
  content: "\e908";
  color: #fe8a21;
  font-size: 50px;
}
#st-container #funciones .contenido-funciones div h1 span::before {
  color: #fe8a21 !important;
}
/* line 773, W:/facturaSimple/sass/style.scss */
#st-container #modulos .banner {
  background: #17B6E2;
  background-image: url(../images/funcionesbg.jpg);
  background-repeat: no-repeat;
  padding-top: 90px;
  color: white;
  font-family: "segoeui";
  position: relative;
  background-position: center;
  background-size: cover;
}
/* line 783, W:/facturaSimple/sass/style.scss */
#st-container #modulos .banner .texto {
  padding-top: 50px;
  z-index: 5;
}
/* line 786, W:/facturaSimple/sass/style.scss */
#st-container #modulos .banner .texto h1 {
  font-size: 60px;
  font-family: "segoeui";
  font-weight: bold;
  margin-bottom: 5px;
}
/* line 792, W:/facturaSimple/sass/style.scss */
#st-container #modulos .banner .texto p {
  font-family: "segoeui-l";
  font-size: 43px;
  line-height: 40px;
}
/* line 797, W:/facturaSimple/sass/style.scss */
#st-container #modulos .banner .texto div {
  padding-top: 5px;
}
/* line 799, W:/facturaSimple/sass/style.scss */
#st-container #modulos .banner .texto div a {
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-family: "alternate";
  font-size: 21px;
  border: 1px solid white;
  padding: 7px 12px;
  border-radius: 3px;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  vertical-align: middle;
}
/* line 810, W:/facturaSimple/sass/style.scss */
#st-container #modulos .banner .texto div a:hover {
  background: white;
  color: #17B6E2;
}
/* line 814, W:/facturaSimple/sass/style.scss */
#st-container #modulos .banner .texto div a:last-child {
  margin-left: 10px;
  background: white;
  color: #FE8A21;
}
/* line 818, W:/facturaSimple/sass/style.scss */
#st-container #modulos .banner .texto div a:last-child:hover {
  color: white;
  background-color: #FE8A21;
  border: 1px solid #FE8A21;
}
/* line 829, W:/facturaSimple/sass/style.scss */
#st-container #modulos .banner .imagen {
  z-index: 5;
}
/* line 831, W:/facturaSimple/sass/style.scss */
#st-container #modulos .banner .imagen img {
  width: 100%;
}
/* line 837, W:/facturaSimple/sass/style.scss */
#st-container #modulos .contenido-modulos {
  padding-top: 50px;
  padding-bottom: 50px;
}
/* line 840, W:/facturaSimple/sass/style.scss */
#st-container #modulos .contenido-modulos .modulo {
  margin-bottom: 30px;
}
/* line 843, W:/facturaSimple/sass/style.scss */
#st-container #modulos .contenido-modulos .modulo .imagen img {
  width: 72%;
  float: right;
}
/* line 849, W:/facturaSimple/sass/style.scss */
#st-container #modulos .contenido-modulos .modulo .texto h1 {
  font-family: "segoeui-l";
  font-size: 28px;
  color: black;
  margin: 0px;
  margin-bottom: 5px;
}
/* line 865, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar {
  padding-top: 80px;
  text-align: center;
  padding-bottom: 30px;
}
/* line 869, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar h1 {
  color: #17B6E2;
  font-family: "segoeui";
  font-weight: bold;
  font-size: 50px;
  margin-bottom: 10px;
}
/* line 876, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar h4 {
  font-family: "segoeui-l";
}
/* line 879, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion {
  margin-top: 50px;
}
/* line 881, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion h2 {
  text-align: right;
  font-size: 45px;
  color: #FE8A21;
  font-family: "segoeui-l";
}
/* line 887, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion form {
  text-align: left;
  margin-bottom: 50px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 12px;
}
/* line 894, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion form > a:first-child {
  margin-right: 5px;
}
/* line 896, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion form > a:first-child img {
  margin-bottom: 5px;
}
/* line 901, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion form > a:nth-child(2) img {
  margin-bottom: 5px;
}
/* line 906, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion form input:-webkit-autofill {
  background-color: white !important;
}
/* line 909, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion form .nombre {
  width: 100%;
  border: none;
  border-bottom: 1px solid #DDDDDD;
  font-size: 30px;
  padding: 5px;
  margin-bottom: 15px;
}
/* line 917, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion form .email {
  border: none;
  background: transparent;
  width: 48%;
  border-bottom: 1px solid #ddd;
  margin-right: 2%;
  padding: 10px 0px;
}
/* line 925, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion form .password {
  width: 48%;
  border: none;
  border-bottom: 1px solid #ddd;
  margin-left: 1%;
  padding: 10px 0px;
}
/* line 932, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion form .direccion {
  text-align: left;
  display: block;
  margin: 30px 0px 50px;
}
/* line 936, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion form .direccion a {
  color: #17B6E2;
  font-weight: bold;
  font-family: "segoeui-b";
}
/* line 942, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion form input[type="submit"] {
  text-align: left;
  background: #fe8a21;
  border: none;
  color: white;
  font-family: "alternate";
  text-transform: uppercase;
  padding: 7px 50px;
  font-size: 25px;
  border-radius: 3px;
  margin-right: 20px;
}
/* line 954, W:/facturaSimple/sass/style.scss */
#st-container #registrar .contenido-registrar .informacion form .terminos {
  font-family: "segoeui-b";
  color: #666;
}
/* line 966, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .banner {
  background: #003473 !important;
  padding-top: 20px !important;
  color: #fff;
}
/* line 976 */
#st-container #preguntas-frecuentes .banner .texto {
  padding-top: 8px !important;
  z-index: 5;
}
/* line 979, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .banner .texto h1 {
  font-size: 80px;
  font-family: "segoeui";
  font-weight: bold;
  color: #fff !important;
  margin: 0px;
  margin-bottom: 30px;
}
/* line 987, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .banner .texto h2 {
  font-size: 55px;
  font-family: "segoeui";
  font-weight: bold;
  color: #fff !important;
  margin: 0px;
}
/* line 994, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .banner .texto p {
  font-family: "segoeui-l";
  font-size: 43px;
  line-height: 40px;
}
/* line 999, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .banner .texto div {
  padding-top: 5px;
}
/* line 1001, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .banner .texto div a {
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-family: "alternate";
  font-size: 21px;
  border: 1px solid white;
  padding: 5px 12px;
  border-radius: 3px;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
/* line 1011, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .banner .texto div a:last-child {
  margin-left: 10px;
  background: white;
  color: #FE8A21;
}
/* line 1016, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .banner .texto div a:hover {
  background-color: #0B4A75;
  color: white;
  border: 1px solid  #0B4A75;
}
/* line 1024, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .banner .imagen {
  z-index: 5;
}
/* line 1026, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .banner .imagen img {
  width: 100%;
}
/* line 1032, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .contenido-preguntas {
  padding-top: 30px;
  padding-bottom: 50px;
}
/* line 1036, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .contenido-preguntas #acordeon-preguntas .panel-default {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 15px;
}
/* line 1039, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .contenido-preguntas #acordeon-preguntas .panel-default .panel-heading {
  background: white;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 1042, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .contenido-preguntas #acordeon-preguntas .panel-default .panel-heading a {
  text-decoration: none;
}
/* line 1044, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .contenido-preguntas #acordeon-preguntas .panel-default .panel-heading a h4 {
  border-bottom: 1px solid #ddd;
  padding: 1px 30px 10px 0px;
  margin-bottom: 25px;
  color: #fe8a21;
  font-family: "segoeui-l";
  position: relative;
}
/* line 1051, W:/facturaSimple/sass/style.scss */
#st-container #preguntas-frecuentes .contenido-preguntas #acordeon-preguntas .panel-default .panel-heading a h4 .icon-arrow {
  background: url(../images/arrow-bottom.png) no-repeat;
  /* float: right; */
  padding: 10px;
  position: absolute;
  right: 5px;
}
/* line 1070, W:/facturaSimple/sass/style.scss */
#st-container #contacto .banner {
  padding-top: 20px !important;
}
/* line 1080 */
#st-container #contacto .banner .texto {
  padding-top: 8px !important;
}
/* line 1083, W:/facturaSimple/sass/style.scss */
#st-container #contacto .banner .texto h1 {
  font-size: 80px;
  font-family: "segoeui";
  font-weight: bold;
  color: white;
  margin: 0px;
  margin-bottom: 30px;
}
/* line 1092, W:/facturaSimple/sass/style.scss */
#st-container #contacto .banner .imagen {
  z-index: 5;
}
/* line 1094, W:/facturaSimple/sass/style.scss */
#st-container #contacto .banner .imagen img {
  width: 100%;
}
/* line 1100, W:/facturaSimple/sass/style.scss */
#st-container #contacto .contenido-contacto {
  margin-top: 0;
  margin-bottom: 0;
}
/* line 1103, W:/facturaSimple/sass/style.scss */
#st-container #contacto .contenido-contacto h2 {
  font-family: "segoeui-l";
  font-size: 26px;
}
/* line 1107, W:/facturaSimple/sass/style.scss */
#st-container #contacto .contenido-contacto a {
  font-size: 27px;
  font-family: "segoeui-b";
  color: #17B6E1;
}
/* line 1111, W:/facturaSimple/sass/style.scss */
#st-container #contacto .contenido-contacto a:hover {
  color: #fe8a21;
}
/* line 1116, W:/facturaSimple/sass/style.scss */
#st-container #contacto .contenido-contacto form h4 {
  font-family: "segoeui";
}
/* line 1119, W:/facturaSimple/sass/style.scss */
#st-container #contacto .contenido-contacto form .form-control {
  width: 49%;
  display: inline-block;
  margin-bottom: 13px;
  border-radius: 0px;
}
/* line 1125, W:/facturaSimple/sass/style.scss */
#st-container #contacto .contenido-contacto form textarea.form-control {
  width: 99%;
  height: 150px;
}
/* line 1129, W:/facturaSimple/sass/style.scss */
#st-container #contacto .contenido-contacto form button.boton-contacto {
  background: white;
  border: none;
  text-decoration: underline;
  font-family: "segoeui-b";
  color: #fe8a21;
  font-size: 20px;
  text-transform: uppercase;
}
/* line 1137, W:/facturaSimple/sass/style.scss */
#st-container #contacto .contenido-contacto form button.boton-contacto:hover {
  color: #17B6E1;
}

/***********************************************************************************

----------------------------Responsive de la Pagina--------------------------------

************************************************************************************/
@media screen and (max-width: 1200px) {
  /* line 1155, W:/facturaSimple/sass/style.scss */
  #st-container {
    /**************************CONTACTO*************************/
  }
  /* line 1160, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #menu #navigation > li {
    margin: 20px 4px;
  }
  /* line 1162, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #menu #navigation > li.divider {
    font-size: 17px;
    font-weight: lighter;
    font-family: "segoeui-l";
  }
  /* line 1167, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #menu #navigation > li a {
    padding: 35px 0px;
    font-size: 15px;
  }
  /* line 1172, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #menu #navigation > li .form-item #country_selector {
    width: 120px;
  }
  /* line 1183, W:/facturaSimple/sass/style.scss */
  #st-container #header-home #texto-header #titulo-header {
    font-size: 28px;
  }
  /* line 1186, W:/facturaSimple/sass/style.scss */
  #st-container #header-home #texto-header #lema-header {
    font-size: 21px;
  }
  /* line 1190, W:/facturaSimple/sass/style.scss */
  #st-container #header-home #texto-header #boton-header a {
    font-size: 22px;
  }
  /* line 1199, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .texto h1 {
    font-size: 35px;
  }
  /* line 1202, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .texto span {
    font-size: 14px;
  }
  /* line 1210, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel h1 {
    margin-top: 0px;
    font-size: 40px;
  }
  /* line 1214, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel p {
    font-size: 18px;
  }
  /* line 1217, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel a {
    font-size: 21px;
    padding: 10px;
  }
  /* line 1229, W:/facturaSimple/sass/style.scss */
  #st-container #beneficios .texto-beneficios ul li {
    margin-bottom: 5px;
    margin-top: 5px;
  }
  /* line 1235, W:/facturaSimple/sass/style.scss */
  #st-container #beneficios #design {
    display: none;
  }
  /* line 1243, W:/facturaSimple/sass/style.scss */
  #st-container #contacto .contenido-contacto a {
    font-size: 100%;
  }
  /* line 1253, W:/facturaSimple/sass/style.scss */
  #st-container footer .menu-footer ul li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1264, W:/facturaSimple/sass/style.scss */
  #st-container {
    /**************************FUNCIONES*************************/
    /**************************MODULOS*************************/
    /**************************CONTACTO*************************/
  }
  /* line 1265, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav {
    background: rgba(0, 52, 115, 0.94);
    width: 100%;
    height: 70px;
    position: fixed;
    z-index: 200;
  }
  /* line 1271, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav .container {
    max-width: 100%;
  }
  /* line 1275, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #logo {
    padding: 5px;
  }
  /* line 1277, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #logo img {
    width: 150px;
  }
  /* line 1283, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #menu #navigation {
    text-align: right;
  }
  /* line 1309, W:/facturaSimple/sass/style.scss */
  #st-container #menu-1 ul {
    margin-bottom: 50px;
  }
  /* line 1312, W:/facturaSimple/sass/style.scss */
  #st-container #menu-1 ul li:last-child {
    padding: 15px 10px;
    border-bottom: 1px solid #002a5c;
  }
  /* line 1321, W:/facturaSimple/sass/style.scss */
  #st-container #header-home {
    /* padding-top removed — navbar clearance handled by body { padding-top: 58px } */
  }
  /* line 1324, W:/facturaSimple/sass/style.scss */
  #st-container #header-home #texto-header #titulo-header {
    font-size: 18px;
  }
  /* line 1327, W:/facturaSimple/sass/style.scss */
  #st-container #header-home #texto-header #lema-header {
    font-size: 12px;
  }
  /* line 1331, W:/facturaSimple/sass/style.scss */
  #st-container #header-home #texto-header #boton-header a {
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 2px;
  }
  /* line 1335, W:/facturaSimple/sass/style.scss */
  #st-container #header-home #texto-header #boton-header a img {
    margin-left: 10px;
    margin-bottom: 5px;
    width: 1%;
  }
  /* line 1348, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel ul li {
    height: 100px;
    line-height: 10px;
  }
  /* line 1351, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel ul li span {
    font-size: 10px;
  }
  /* line 1362, W:/facturaSimple/sass/style.scss */
  #st-container #beneficios .texto-beneficios h1 {
    font-size: 25px;
  }
  /* line 1366, W:/facturaSimple/sass/style.scss */
  #st-container #beneficios .texto-beneficios ul li {
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 12px;
  }
  /* line 1370, W:/facturaSimple/sass/style.scss */
  #st-container #beneficios .texto-beneficios ul li img {
    width: 15px;
  }
  /* line 1375, W:/facturaSimple/sass/style.scss */
  #st-container #beneficios .texto-beneficios div {
    margin-top: 2px;
  }
  /* line 1377, W:/facturaSimple/sass/style.scss */
  #st-container #beneficios .texto-beneficios div a {
    padding: 8px 10px;
    font-size: 15px;
    margin: 2px;
  }
  /* line 1387, W:/facturaSimple/sass/style.scss */
  #st-container #beneficios-clientes .texto-beneficios {
    margin-top: 10px;
  }
  /* line 1389, W:/facturaSimple/sass/style.scss */
  #st-container #beneficios-clientes .texto-beneficios h1 {
    font-size: 25px;
  }
  /* line 1393, W:/facturaSimple/sass/style.scss */
  #st-container #beneficios-clientes .texto-beneficios ul li {
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 12px;
  }
  /* line 1406, W:/facturaSimple/sass/style.scss */
  #st-container #funciones .banner .texto h1 {
    font-size: 42px;
  }
  /* line 1409, W:/facturaSimple/sass/style.scss */
  #st-container #funciones .banner .texto p {
    font-size: 30px;
    line-height: 30px;
  }
  /* line 1414, W:/facturaSimple/sass/style.scss */
  #st-container #funciones .banner .texto div a {
    font-size: 17px;
  }
  /* line 1425, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .banner .texto {
    padding-top: 0px;
  }
  /* line 1427, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .banner .texto h1 {
    font-size: 42px;
  }
  /* line 1430, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .banner .texto p {
    font-size: 30px;
    line-height: 30px;
  }
  /* line 1435, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .banner .texto div a {
    font-size: 17px;
  }
  /* line 1445, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .contenido-modulos .modulo .imagen img {
    width: 100%;
    float: inherit;
  }
  /* line 1461, W:/facturaSimple/sass/style.scss */
  #st-container #contacto .banner .texto {
    padding-top: 70px;
  }
  /* line 1470, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .banner .texto h1 {
    font-size: 42px;
  }
  /* line 1473, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .banner .texto p {
    font-size: 30px;
    line-height: 30px;
  }
  /* line 1478, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .banner .texto div a {
    font-size: 17px;
  }
  /* line 1486, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .contenido-nosotros .titulo-contacto {
    font-size: 35px;
  }
  /* line 1490, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .contenido-nosotros .titulos-iconos img {
    width: 10%;
  }
  /* line 1493, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .contenido-nosotros .titulos-iconos h1 {
    font-size: 26px;
  }
  /* line 1496, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .contenido-nosotros .titulos-iconos .primer-titulo {
    line-height: 30px;
  }
  /* line 1505, W:/facturaSimple/sass/style.scss */
  #st-container #preguntas-frecuentes .banner .texto {
    padding-top: 50px;
  }
  /* line 1507, W:/facturaSimple/sass/style.scss */
  #st-container #preguntas-frecuentes .banner .texto h2 {
    font-size: 45px;
  }
  /* line 1510, W:/facturaSimple/sass/style.scss */
  #st-container #preguntas-frecuentes .banner .texto h1 {
    font-size: 50px;
    margin-bottom: 10px;
  }
  /* line 1514, W:/facturaSimple/sass/style.scss */
  #st-container #preguntas-frecuentes .banner .texto div {
    padding-top: 0px;
  }
  /* line 1516, W:/facturaSimple/sass/style.scss */
  #st-container #preguntas-frecuentes .banner .texto div a {
    margin-left: 0px;
  }
  /* line 1525, W:/facturaSimple/sass/style.scss */
  #st-container #contactar {
    height: auto;
  }
  /* line 1528, W:/facturaSimple/sass/style.scss */
  #st-container #contactar .redes-contactar ul {
    text-align: center;
  }
  /* line 1530, W:/facturaSimple/sass/style.scss */
  #st-container #contactar .redes-contactar ul li {
    margin: 0px;
    padding-top: 28px;
  }
  /* line 1533, W:/facturaSimple/sass/style.scss */
  #st-container #contactar .redes-contactar ul li:first-child {
    padding: 0px;
    margin: 0px;
    border: none;
    margin-right: 10px;
  }
  /* line 1539, W:/facturaSimple/sass/style.scss */
  #st-container #contactar .redes-contactar ul li:nth-child(2) {
    border-right: none;
    padding: 0px;
    margin: 0px;
  }
  /* line 1545, W:/facturaSimple/sass/style.scss */
  #st-container #contactar .redes-contactar ul li:last-child {
    margin: 0px;
    border: none;
    padding: 0;
  }
  /* line 1557, W:/facturaSimple/sass/style.scss */
  #st-container #contactar .form-contactar form {
    text-align: center;
    padding-bottom: 5px;
  }
  /* line 1560, W:/facturaSimple/sass/style.scss */
  #st-container #contactar .form-contactar form input {
    width: 225px;
  }
  /* line 1569, W:/facturaSimple/sass/style.scss */
  #st-container footer .banderas {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  /* line 1577, W:/facturaSimple/sass/style.scss */
  #st-container {
    /*****************HEADER HOME*********************/
    /********************MODULOS*****************/
    /**************FUNCIONES HOME*********************/
    /**************BENEFICIOS HOME********************/
    /**************************FUNCIONES**********************/
    /**************************MODULOS**********************/
    /***************************REGISTRAR*********************/
    /***************************NOSOTROS**********************/
    /***************************CONTACTO**********************/
    /***************************CONTACTAR**********************/
    /*****************REGISTRAR******************/
    /****************FOOTER********************/
  }
  /* line 1578, W:/facturaSimple/sass/style.scss */
  #st-container #menu-1 {
    margin-top: 51px;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
  }
  /* line 1583, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav {
    background: rgba(0, 52, 115, 0.94);
    width: 100%;
    height: 52px;
    position: fixed;
    z-index: 200;
  }
  /* line 1589, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #logo {
    padding-top: 12px;
  }
  /* line 1591, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #logo img {
    width: 150px;
  }
  /* line 1597, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #menu #navigation {
    text-align: right;
  }
  /* line 1600, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #menu #navigation > li.ocultoMovil {
    display: none;
  }
  /* line 1624, W:/facturaSimple/sass/style.scss */
  #st-container #header-home #texto-header {
    padding: 10px 30px 0px 30px;
  }
  /* line 1628, W:/facturaSimple/sass/style.scss */
  #st-container #header-home #texto-header #boton-header a img {
    margin-left: 10px;
    margin-bottom: 5px;
    width: 1%;
  }
  /* line 1641, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .banner .texto {
    padding-top: 0px;
    z-index: 5;
    padding-bottom: 30px;
  }
  /* line 1649, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .contenido-modulos .modulo .imagen {
    text-align: center;
  }
  /* line 1651, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .contenido-modulos .modulo .imagen img {
    width: 30%;
    padding-bottom: 10px;
  }
  /* line 1667, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel h1 {
    margin-top: 0px;
    font-size: 24px;
  }
  /* line 1671, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel p {
    font-size: 11px;
  }
  /* line 1674, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel a {
    font-size: 14px;
    padding: 6px;
    border-radius: 3px;
  }
  /* line 1687, W:/facturaSimple/sass/style.scss */
  #st-container #beneficios .texto-beneficios div {
    margin-bottom: 20px;
  }
  /* line 1698, W:/facturaSimple/sass/style.scss */
  #st-container #funciones .banner .texto {
    text-align: center;
  }
  /* line 1700, W:/facturaSimple/sass/style.scss */
  #st-container #funciones .banner .texto h1 {
    font-size: 40px;
  }
  /* line 1703, W:/facturaSimple/sass/style.scss */
  #st-container #funciones .banner .texto p {
    font-size: 25px;
    line-height: 25px;
  }
  /* line 1708, W:/facturaSimple/sass/style.scss */
  #st-container #funciones .banner .texto div a {
    font-size: 14px;
  }
  /* line 1717, W:/facturaSimple/sass/style.scss */
  #st-container #funciones .contenido-funciones div h1 {
    font-size: 27px;
  }
  /* line 1720, W:/facturaSimple/sass/style.scss */
  #st-container #funciones .contenido-funciones div p {
    font-size: 13px;
  }
  /* line 1730, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .banner .texto {
    text-align: center;
  }
  /* line 1732, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .banner .texto h1 {
    font-size: 40px;
  }
  /* line 1735, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .banner .texto p {
    font-size: 25px;
    line-height: 25px;
  }
  /* line 1740, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .banner .texto div a {
    font-size: 14px;
  }
  /* line 1750, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .contenido-modulos .modulos .texto h1 {
    font-size: 27px;
  }
  /* line 1753, W:/facturaSimple/sass/style.scss */
  #st-container #modulos .contenido-modulos .modulos .texto p {
    font-size: 13px;
  }
  /* line 1762, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar {
    padding-top: 50px;
  }
  /* line 1765, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion h2 {
    text-align: center;
  }
  /* line 1768, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion form input[type="submit"] {
    padding: 7px 40px;
    margin-right: 1px;
  }
  /* line 1780, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .contenido-nosotros .titulos-iconos h1 {
    font-size: 20px;
  }
  /* line 1783, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .contenido-nosotros .titulos-iconos .primer-titulo {
    line-height: 30px;
  }
  /* line 1788, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .contenido-nosotros .intereses h1 {
    font-size: 30px;
  }
  /* line 1791, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .contenido-nosotros .intereses p {
    font-size: 15px;
  }
  /* line 1796, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .contenido-nosotros .seguridad h1 {
    font-size: 30px;
  }
  /* line 1799, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .contenido-nosotros .seguridad p {
    font-size: 15px;
  }
  /* line 1803, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .contenido-nosotros .seguridad div h1 {
    font-size: 18px;
  }
  /* line 1806, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .contenido-nosotros .seguridad div h1 span :before {
    font-size: 30px;
  }
  /* line 1821, W:/facturaSimple/sass/style.scss */
  #st-container #contacto .banner .texto h1 {
    font-size: 60px;
  }
  /* line 1834, W:/facturaSimple/sass/style.scss */
  #st-container #preguntas-frecuentes .contenido-preguntas #acordeon-preguntas .panel-default .panel-heading a h4 {
    font-size: 20px;
  }
  /* line 1848, W:/facturaSimple/sass/style.scss */
  #st-container #contactar .redes-contactar ul li {
    margin: 7px;
    padding: 15px 0px;
  }
  /* line 1858, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar {
    padding-top: 65px;
  }
  /* line 1860, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar h1 {
    font-size: 40px;
  }
  /* line 1864, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion h2 {
    text-align: center;
  }
  /* line 1867, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion form {
    text-align: center;
    border-bottom: none;
  }
  /* line 1870, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion form .nombre {
    font-size: 20px;
    padding: 0px;
    padding-bottom: 5px;
  }
  /* line 1875, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion form .email {
    width: 100%;
  }
  /* line 1879, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion form .password {
    margin-left: 0px;
    width: 100%;
    margin-top: 15px;
  }
  /* line 1885, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion form .direccion {
    text-align: center;
  }
  /* line 1889, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion form input[type="submit"] {
    text-align: center;
    margin-right: 5px;
  }
  /* line 1900, W:/facturaSimple/sass/style.scss */
  #st-container footer .menu-footer {
    text-align: center;
  }
  /* line 1903, W:/facturaSimple/sass/style.scss */
  #st-container footer .menu-footer ul li {
    margin-bottom: 10px;
  }
  /* line 1909, W:/facturaSimple/sass/style.scss */
  #st-container footer .info-footer p {
    text-align: center;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1919, W:/facturaSimple/sass/style.scss */
  #st-container {
    /**************FUNCIONES HOME*********************/
    /*****************REGISTRAR******************/
    /*******************NOSOTROS***********************/
    /********************CONTACTO********************/
    /***************PREGUNTAS FRECUENTES**************/
  }
  /* line 1924, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel {
    text-align: center;
    padding-bottom: 15px;
  }
  /* line 1927, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel h1 {
    margin-top: 0px;
    font-size: 24px;
    text-align: center;
  }
  /* line 1932, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel p {
    font-size: 11px;
    text-align: center;
  }
  /* line 1936, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel a {
    font-size: 14px;
    padding: 6px;
    border-radius: 3px;
  }
  /* line 1948, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar {
    padding-top: 65px;
  }
  /* line 1950, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar h1 {
    font-size: 40px;
  }
  /* line 1954, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion h2 {
    text-align: center;
  }
  /* line 1957, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion form {
    text-align: center;
  }
  /* line 1960, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion form .nombre {
    font-size: 20px;
    padding: 0px;
    padding-bottom: 5px;
  }
  /* line 1965, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion form .email {
    width: 100%;
  }
  /* line 1969, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion form .password {
    margin-left: 0px;
    width: 100%;
    margin-top: 15px;
  }
  /* line 1975, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion form .direccion {
    text-align: center;
  }
  /* line 1979, W:/facturaSimple/sass/style.scss */
  #st-container #registrar .contenido-registrar .informacion form input[type="submit"] {
    text-align: center;
  }
  /* line 1989, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .banner {
    text-align: center;
  }
  /* line 1991, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .banner .texto {
    padding-top: 0px;
    padding-bottom: 30px;
  }
  /* line 1994, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .banner .texto h1 {
    font-size: 42px;
  }
  /* line 1997, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .banner .texto p {
    font-size: 30px;
    line-height: 30px;
  }
  /* line 2002, W:/facturaSimple/sass/style.scss */
  #st-container #nosotros .banner .texto div a {
    font-size: 17px;
  }
  /* line 2011, W:/facturaSimple/sass/style.scss */
  #st-container #contacto {
    text-align: center;
  }
  /* line 2014, W:/facturaSimple/sass/style.scss */
  #st-container #contacto .banner .texto {
    padding-top: 30px;
    text-align: center;
  }
  /* line 2020, W:/facturaSimple/sass/style.scss */
  #st-container #contacto .contenido-contacto a {
    font-size: 100%;
  }
  /* line 2024, W:/facturaSimple/sass/style.scss */
  #st-container #contacto .contenido-contacto form h4 {
    font-size: 17px;
  }
  /* line 2034, W:/facturaSimple/sass/style.scss */
  #st-container #preguntas-frecuentes .banner .texto {
    padding-top: 0px;
    padding-bottom: 30px;
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  /* line 2049, W:/facturaSimple/sass/style.scss */
  #st-container {
    /*****************HEADER HOME*********************/
  }
  /* line 2051, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #menu {
    position: absolute;
  }
  /* line 2060, W:/facturaSimple/sass/style.scss */
  #st-container #header-home #texto-header #boton-header a img {
    width: 2%;
  }
  /* line 2070, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .texto h1 {
    font-size: 30px;
  }
  /* line 2073, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .texto span {
    font-size: 13px;
  }
  /* line 2079, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel ul li {
    height: 100px;
    margin-bottom: 0px;
  }
  /* line 2088, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel ul li.slick-center {
    border-bottom: 2px solid #FE8A21;
  }
  /* line 2094, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel {
    padding-left: 10px;
    text-align: center;
    margin-bottom: 15px;
  }
  /* line 2098, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel h1 {
    margin-top: 0px;
    font-size: 25px;
    text-align: center;
  }
  /* line 2103, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel p {
    font-size: 13px;
    text-align: center;
  }
  /* line 2107, W:/facturaSimple/sass/style.scss */
  #st-container #funciones-home .carousel .carousel-slick .texto-carousel a {
    font-size: 15px;
    padding: 5px 10px;
    border-radius: 3px;
  }
  /* line 2123, W:/facturaSimple/sass/style.scss */
  #st-container #contacto .contenido-contacto form .form-control {
    width: 100%;
  }
  /* line 2127, W:/facturaSimple/sass/style.scss */
  #st-container #contacto .contenido-contacto form button.boton-contacto {
    font-size: 25px;
  }
}
@media screen and (max-width: 480px) {
  /* line 2140, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #logo img {
    width: 125px;
  }
  /* line 2149, W:/facturaSimple/sass/style.scss */
  #st-container #contactar .form-contactar form button {
    margin: 10px;
  }
}
@media screen and (max-width: 374px) {
  /* line 2164, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #menu #navigation > li {
    margin: 10px 4px;
  }
  /* line 2166, W:/facturaSimple/sass/style.scss */
  #st-container #menu-nav #menu #navigation > li a {
    font-size: 10px;
  }
}

label.is-invalid {

  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 90%;
  color: #C71C22;
}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
  border-color: #80bdff !important;
}

/* Funciones Grid Redesign */
#st-container #funciones-home .funciones-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 50px;
    padding: 0 15px 50px 15px;
}

#st-container #funciones-home .card-funcion {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
}

#st-container #funciones-home .card-funcion:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    border-color: #FE8A21;
}

#st-container #funciones-home .card-funcion .card-icon {
    width: 88px;
    height: 88px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 18px;
    border: 3px solid transparent;
    transition: border-color 0.3s ease, transform 0.3s ease;
}

#st-container #funciones-home .card-funcion:hover .card-icon {
    border-color: #FE8A21;
    transform: scale(1.06);
}

#st-container #funciones-home .card-funcion .card-icon .fa-icon-card {
    font-size: 38px;
    color: #17B6E2;
    transition: color 0.3s ease, transform 0.3s ease;
    line-height: 1;
}

#st-container #funciones-home .card-funcion:hover .card-icon .fa-icon-card {
    color: #FE8A21;
    transform: scale(1.1);
}

#st-container #funciones-home .card-funcion h3 {
    font-size: 22px;
    color: #003473;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.3;
}

#st-container #funciones-home .card-funcion p {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Header Navigation Links Redesign */
#st-container #menu-nav #menu #navigation > li.nav-seccion {
    margin: 15px 5px;
}

#st-container #menu-nav #menu #navigation > li.nav-seccion > a {
    color: #ffffff;
    font-size: clamp(13px, 1.2vw, 17px);
    font-weight: 500;
    text-transform: none;
    padding: clamp(4px, 0.8vw, 8px) clamp(6px, 1vw, 12px);
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

#st-container #menu-nav #menu #navigation > li.nav-seccion > a:hover {
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    text-decoration: none;
}

/* Ensure mobile menu item styles match original for the hidden canvas menu */
#st-container .st-menu ul li.nav-seccion a {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    transition: all 0.3s;
    font-family: "segoeui"; 
}

/* ============================================================
   HEADER RESPONSIVO — Bootstrap 4 beta
   ≥1200px  → Nav 21px + bandera
   768–1199px → Nav compacto + botones, sin bandera, sin hamburger
   <768px   → Hamburger + botones
   ============================================================ */

/* Bandera/divisor: ocultos por debajo de xl */
@media screen and (max-width: 1199px) {
    #st-container #menu-nav #menu #navigation > li.ocultoMovil,
    #st-container #menu-nav #menu #navigation > li.divider {
        display: none !important;
    }
}

/* Nav compacto 768–1199px: links 14px, botones 13px  */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    #st-container #menu-nav #menu #navigation > li.nav-seccion > a {
        font-size: 14px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    #st-container #menu-nav #menu #navigation > li a#accesar-gratis,
    #st-container #menu-nav #menu #navigation > li a#iniciar {
        font-size: 13px !important;
        padding: 5px 10px !important;
    }
    #st-container #menu-nav #menu { padding-right: 0 !important; }
}

/* Nav más compacto 768–991px: links 12px, botones 12px */
@media screen and (min-width: 768px) and (max-width: 991px) {
    #st-container #menu-nav #menu #navigation > li.nav-seccion > a {
        font-size: 12px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    #st-container #menu-nav #menu #navigation > li a#accesar-gratis,
    #st-container #menu-nav #menu #navigation > li a#iniciar {
        font-size: 12px !important;
        padding: 5px 8px !important;
    }
    #st-container #menu-nav #menu { padding-right: 0 !important; }
}

/* Hamburger solo debajo de 768px */
@media screen and (max-width: 767px) {
    #st-container #menu-nav #menu #navigation > li.nav-seccion {
        display: none !important;
    }
    #st-container #menu-nav #st-trigger-effects {
        display: flex !important;
        position: fixed;
        right: 12px;
        top: 0;
        height: 70px;
        align-items: center;
        z-index: 202;
    }
    #st-container #menu-nav #st-trigger-effects #exit {
        display: flex;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 10px;
        align-items: center;
        justify-content: center;
    }
    #st-container #menu-nav #st-trigger-effects #exit img {
        width: 28px;
        height: 28px;
    }
    #st-container #menu-nav #menu { padding-right: 54px; }
    #st-container #menu-nav #menu #navigation > li a#accesar-gratis,
    #st-container #menu-nav #menu #navigation > li a#iniciar {
        font-size: 14px !important;
        padding: 5px 12px !important;
    }
}

@media screen and (max-width: 575px) {
    #st-container #menu-nav #menu #navigation > li a#accesar-gratis,
    #st-container #menu-nav #menu #navigation > li a#iniciar {
        font-size: clamp(10px, 3.2vw, 13px) !important;
        padding: 5px clamp(5px, 2vw, 10px) !important;
    }
}


/* ══════════════════════════════════════════════════════
   PÁGINA /FUNCIONES — REDISEÑO PREMIUM
══════════════════════════════════════════════════════ */

/* ── HERO ── */
.fs-funciones-hero {
    background: linear-gradient(135deg, #0047A8 0%, #0068C8 50%, #0080D8 100%);
    padding: 56px 0 40px;
    overflow: hidden;
}
.fs-funciones-hero .texto {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 10px;
}
.fs-funciones-hero .imagen img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.fs-page-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 14px;
    border-radius: 50px;
    margin-bottom: 18px;
    width: fit-content;
    letter-spacing: 0.2px;
}
.fs-funciones-hero h1 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(26px, 3.5vw, 40px);
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    margin: 0 0 16px;
    letter-spacing: -0.5px;
}
.fs-funciones-hero-sub {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 17px;
    color: rgba(255,255,255,0.85);
    line-height: 1.6;
    margin-bottom: 32px;
}
.fs-funciones-ctas {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}
.fs-btn-primary-funcion {
    display: inline-block;
    background: #FE8A21;
    color: #fff !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    padding: 13px 28px;
    border-radius: 10px;
    text-decoration: none !important;
    transition: all 0.22s;
    white-space: nowrap;
    letter-spacing: -0.1px;
}
.fs-btn-primary-funcion:hover {
    background: #e07818;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(254,138,33,0.45);
    color: #fff !important;
}
.fs-btn-primary-funcion.fs-btn-lg {
    font-size: 17px;
    padding: 16px 36px;
    border-radius: 12px;
}
.fs-btn-secondary-funcion {
    display: inline-block;
    background: rgba(255,255,255,0.12);
    border: 1.5px solid rgba(255,255,255,0.4);
    color: #fff !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 10px;
    text-decoration: none !important;
    transition: all 0.22s;
}
.fs-btn-secondary-funcion:hover {
    background: rgba(255,255,255,0.22);
    color: #fff !important;
}
.fs-btn-ghost-funcion {
    display: inline-block;
    background: transparent;
    border: 1.5px solid rgba(255,255,255,0.35);
    color: rgba(255,255,255,0.9) !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 28px;
    border-radius: 10px;
    text-decoration: none !important;
    transition: all 0.22s;
}
.fs-btn-ghost-funcion:hover {
    background: rgba(255,255,255,0.1);
    color: #fff !important;
}
/* ── INTRO ── */
.fs-funciones-intro-section {
    background: #f8f9fb;
    padding: 40px 0 36px;
    border-bottom: 1px solid #e8edf5;
}
.fs-funciones-section-title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(22px, 2.5vw, 30px);
    font-weight: 700;
    color: #0A2540;
    margin: 0 0 10px;
}
.fs-funciones-section-sub {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15px;
    color: #6B7A99;
    margin: 0;
}
/* ── GRID ── */
.fs-funciones-grid-section {
    background: #f8f9fb;
    padding: 40px 0 48px;
}
.fs-funciones-grid-section--alt {
    background: #ffffff;
    border-top: 1px solid #e8edf5;
}
.fs-funcion-col { padding: 12px; }
.fs-funcion-card {
    background: #fff;
    border: 1px solid #e4eaf5;
    border-radius: 14px;
    padding: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.22s;
    position: relative;
    overflow: hidden;
}
.fs-funciones-grid-section--alt .fs-funcion-card { background: #f8f9fb; }
.fs-funcion-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 28px rgba(0,71,168,0.12);
    border-color: #b3c8f0;
}
.fs-funcion-card--highlight {
    border-color: #17B6E2;
    background: linear-gradient(135deg, #f0fbff 0%, #e8f7fd 100%) !important;
}
.fs-funcion-card--highlight::before {
    content: 'Nuevo';
    position: absolute;
    top: 12px;
    right: 12px;
    background: #17B6E2;
    color: #fff;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 50px;
    letter-spacing: 0.3px;
}
.fs-funcion-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    flex-shrink: 0;
}
.fs-funcion-icon span, .fs-funcion-icon i { font-size: 22px; color: #0047A8; line-height: 1; }
.fs-funcion-body h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #0A2540;
    margin: 8px 0 8px;
    line-height: 1.3;
}
.fs-funcion-body p {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    color: #4A5568;
    line-height: 1.6;
    margin: 0;
}
/* Badges */
.fs-funcion-badge {
    display: inline-block;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.badge-clientes    { background: #e8f4ff; color: #0068C8; }
.badge-facturacion { background: #fff3e6; color: #C06000; }
.badge-inventario  { background: #e8f8ee; color: #1A7D3A; }
.badge-finanzas    { background: #f3e8ff; color: #6B21A8; }
.badge-reportes    { background: #fff0f0; color: #991B1B; }
/* ── CTA INTERMEDIO ── */
.fs-mid-cta {
    background: linear-gradient(135deg, #FE8A21 0%, #f07010 100%);
    padding: 36px 0;
}
.fs-mid-cta h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(18px, 2.5vw, 24px);
    font-weight: 700;
    color: #fff;
    margin: 0 0 6px;
}
.fs-mid-cta p { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; color: rgba(255,255,255,0.85); margin: 0; }
.fs-mid-cta .fs-btn-primary-funcion { background: #fff; color: #FE8A21 !important; }
.fs-mid-cta .fs-btn-primary-funcion:hover { background: #fff8f0; box-shadow: 0 6px 18px rgba(0,0,0,0.15); }
/* ── CTA FINAL ── */
.fs-funciones-final-cta {
    background: linear-gradient(135deg, #003380 0%, #0047A8 50%, #0060C8 100%);
    padding: 72px 0;
}
.fs-final-cta-icon { font-size: 44px; margin-bottom: 16px; line-height: 1; }
.fs-funciones-final-cta h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 700;
    color: #fff;
    margin: 0 0 12px;
    letter-spacing: -0.5px;
}
.fs-funciones-final-cta > .container > p {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 17px;
    color: rgba(255,255,255,0.8);
    margin: 0 0 36px;
}
.fs-final-cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-bottom: 28px; }
.fs-final-trust { display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; }
.fs-final-trust span { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 13px; color: rgba(255,255,255,0.7); font-weight: 500; }
/* ── RESPONSIVE ── */
@media (max-width: 991px) {
    .fs-funciones-hero { padding: 24px 0 22px; }
    .fs-funciones-hero .imagen { margin-top: 16px; }
    .text-md-right { text-align: center !important; }
    .fs-mid-cta .fs-btn-primary-funcion { margin-top: 16px; }
}
@media (max-width: 767px) {
    .fs-funciones-hero { text-align: center; padding: 20px 0 18px; }
    .fs-funciones-ctas { justify-content: center; }
    .fs-page-badge { margin-left: auto; margin-right: auto; }
    .fs-funcion-col { padding: 8px; }
    .fs-funcion-card { padding: 20px; }
    .fs-funciones-final-cta { padding: 52px 0; }
    .fs-final-cta-btns { flex-direction: column; align-items: center; }
    .fs-final-trust { gap: 12px; }
}

/* ══════ PREMIUM CARDS UPGRADE ══════ */
/* Override the basic card styles with premium version */
.fs-funcion-card {
    background: #ffffff;
    border: none;
    border-radius: 18px;
    padding: 28px 24px 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.06);
}
.fs-funciones-grid-section--alt .fs-funcion-card {
    background: #f9fafc;
}
.fs-funcion-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 18px 18px 0 0;
    opacity: 0.85;
}
.fs-funcion-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.04), 0 16px 48px rgba(0,0,0,0.12);
}
/* Category top accent + icon gradient */
.fs-cat-clientes::before      { background: linear-gradient(90deg, #0047A8, #17B6E2); }
.fs-cat-facturacion::before   { background: linear-gradient(90deg, #FE8A21, #FFB347); }
.fs-cat-inventario::before    { background: linear-gradient(90deg, #1A7D3A, #2DCE6A); }
.fs-cat-finanzas::before      { background: linear-gradient(90deg, #6B21A8, #A855F7); }
.fs-cat-reportes::before      { background: linear-gradient(90deg, #991B1B, #EF4444); }

.fs-cat-clientes   .fs-funcion-icon { background: linear-gradient(135deg, #e8f4ff, #bfdbfe); }
.fs-cat-facturacion .fs-funcion-icon { background: linear-gradient(135deg, #fff3e6, #fed7aa); }
.fs-cat-inventario .fs-funcion-icon  { background: linear-gradient(135deg, #e8f8ee, #bbf7d0); }
.fs-cat-finanzas   .fs-funcion-icon  { background: linear-gradient(135deg, #f3e8ff, #e9d5ff); }
.fs-cat-reportes   .fs-funcion-icon  { background: linear-gradient(135deg, #fff0f0, #fecaca); }

.fs-cat-clientes   .fs-funcion-icon span,
.fs-cat-clientes   .fs-funcion-icon i { color: #0047A8; }
.fs-cat-facturacion .fs-funcion-icon span,
.fs-cat-facturacion .fs-funcion-icon i { color: #C06000; }
.fs-cat-inventario  .fs-funcion-icon span,
.fs-cat-inventario  .fs-funcion-icon i { color: #1A7D3A; }
.fs-cat-finanzas    .fs-funcion-icon span,
.fs-cat-finanzas    .fs-funcion-icon i { color: #6B21A8; }
.fs-cat-reportes    .fs-funcion-icon span,
.fs-cat-reportes    .fs-funcion-icon i { color: #991B1B; }

/* Bigger premium icon box */
.fs-funcion-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    flex-shrink: 0;
}
.fs-funcion-icon span, .fs-funcion-icon i { font-size: 24px; line-height: 1; }

/* Hover with category glow */
.fs-cat-clientes:hover    { box-shadow: 0 12px 40px rgba(0,71,168,0.18); }
.fs-cat-facturacion:hover { box-shadow: 0 12px 40px rgba(254,138,33,0.18); }
.fs-cat-inventario:hover  { box-shadow: 0 12px 40px rgba(26,125,58,0.18); }
.fs-cat-finanzas:hover    { box-shadow: 0 12px 40px rgba(107,33,168,0.18); }
.fs-cat-reportes:hover    { box-shadow: 0 12px 40px rgba(153,27,27,0.18); }

/* Highlight card stronger */
.fs-funcion-card--highlight {
    background: linear-gradient(145deg, #f0f9ff 0%, #e0f2fe 100%) !important;
}
.fs-funciones-grid-section--alt .fs-funcion-card--highlight {
    background: linear-gradient(145deg, #f0f9ff 0%, #e0f2fe 100%) !important;
}

/* ══════ OVERRIDES: CORPORATIVO MINIMALISTA ══════ */

/* Hero: fondo teal original + tipografia premium */
.fs-funciones-hero {
    background: #17B6E2 url('images/funcionesbg.jpg') center center / cover no-repeat !important;
    position: relative;
}
.fs-funciones-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0,60,120,0.55) 0%, rgba(0,100,180,0.20) 100%);
    z-index: 0;
}
.fs-funciones-hero .container { position: relative; z-index: 1; }
.fs-funciones-hero h1 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(28px, 3.8vw, 46px) !important;
    font-weight: 800 !important;
    letter-spacing: -1px !important;
    line-height: 1.1 !important;
}
.fs-funciones-hero-sub {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 400;
    font-size: 16px !important;
    color: rgba(255,255,255,0.9) !important;
}
.fs-page-badge {
    background: rgba(255,255,255,0.18) !important;
    border-color: rgba(255,255,255,0.35) !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* Cards: eliminar colores de categoria, solo azul corporativo */
.fs-funcion-card {
    background: #ffffff !important;
    border: 1px solid #e8edf5 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 4px rgba(15,23,42,0.04), 0 4px 12px rgba(15,23,42,0.05) !important;
}
.fs-funciones-grid-section--alt .fs-funcion-card { background: #f9fafb !important; }
.fs-funcion-card::before { display: none !important; }

/* Icon: un solo color corporativo azul */
.fs-funcion-icon {
    background: #EFF6FF !important;
    border-radius: 10px !important;
    width: 48px !important;
    height: 48px !important;
}
.fs-cat-clientes    .fs-funcion-icon { background: #EFF6FF !important; }
.fs-cat-facturacion .fs-funcion-icon { background: #EFF6FF !important; }
.fs-cat-inventario  .fs-funcion-icon { background: #EFF6FF !important; }
.fs-cat-finanzas    .fs-funcion-icon { background: #EFF6FF !important; }
.fs-cat-reportes    .fs-funcion-icon { background: #EFF6FF !important; }
.fs-funcion-icon span, .fs-funcion-icon i,
.fs-cat-clientes    .fs-funcion-icon span, .fs-cat-clientes    .fs-funcion-icon i,
.fs-cat-facturacion .fs-funcion-icon span, .fs-cat-facturacion .fs-funcion-icon i,
.fs-cat-inventario  .fs-funcion-icon span, .fs-cat-inventario  .fs-funcion-icon i,
.fs-cat-finanzas    .fs-funcion-icon span, .fs-cat-finanzas    .fs-funcion-icon i,
.fs-cat-reportes    .fs-funcion-icon span, .fs-cat-reportes    .fs-funcion-icon i { color: #0047A8 !important; }

/* Hover: sutil - solo sombra y borde azul, sin glow colorido */
.fs-funcion-card:hover {
    transform: translateY(-3px) !important;
    border-color: #93c5fd !important;
    box-shadow: 0 4px 8px rgba(15,23,42,0.06), 0 12px 28px rgba(0,71,168,0.10) !important;
}
.fs-cat-clientes:hover, .fs-cat-facturacion:hover,
.fs-cat-inventario:hover, .fs-cat-finanzas:hover,
.fs-cat-reportes:hover {
    box-shadow: 0 4px 8px rgba(15,23,42,0.06), 0 12px 28px rgba(0,71,168,0.10) !important;
}

/* Badges: monocromo gris discreto, sin colores */
.fs-funcion-badge,
.badge-clientes, .badge-facturacion, .badge-inventario,
.badge-finanzas, .badge-reportes {
    background: #f1f5f9 !important;
    color: #475569 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
}

/* Highlight card: sutil azul claro, sin llamadas de atención exageradas */
.fs-funcion-card--highlight {
    background: #f0f9ff !important;
    border-color: #bae6fd !important;
}
.fs-funciones-grid-section--alt .fs-funcion-card--highlight {
    background: #f0f9ff !important;
}

/* Texto positivo en CTA final */

/* ══ BRICOLAGE GROTESQUE — Tipografía premium para headings de marketing ══ */
.fs-funciones-hero h1 {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif !important;
    font-size: clamp(30px, 4vw, 48px) !important;
    font-weight: 700 !important;
    letter-spacing: -1.5px !important;
    line-height: 1.08 !important;
}
.fs-funciones-section-title {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.8px !important;
}
.fs-mid-cta h3,
.fs-funciones-final-cta h2 {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif !important;
    letter-spacing: -0.8px !important;
}
.fs-funcion-body h3 {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif !important;
    letter-spacing: -0.3px !important;
}

/* Fix: path correcto de funcionesbg.jpg relativo al CSS */
.fs-funciones-hero {
    background: #17B6E2 url('../images/funcionesbg.jpg') center center / cover no-repeat !important;
}

/* ══ BRICOLAGE GROTESQUE — Homepage ══ */
#titulo-header {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    line-height: 1.1 !important;
}
#funciones-home .texto h1 {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.8px !important;
    line-height: 1.15 !important;
}
.card-funcion h3 {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif !important;
    letter-spacing: -0.3px !important;
}

/* ══════════════════════════════════════════════════════
   PÁGINA /MODULOS — REDISEÑO
══════════════════════════════════════════════════════ */

/* ── HERO ── */
.fs-modulos-hero {
    background: #17B6E2;
    padding: 56px 0 48px;
    overflow: hidden;
}
.fs-modulos-hero .texto { position: relative; z-index: 1; }
.fs-modulos-hero h1 {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(28px, 3.8vw, 46px);
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
    letter-spacing: -1px;
    margin: 0 0 14px;
}
.fs-modulos-hero-sub {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    color: rgba(255,255,255,0.88);
    line-height: 1.65;
    margin-bottom: 28px;
}

/* ── SECCIÓN MODELO EXPLICADO ── */
.fs-modulos-modelo {
    background: #fff;
    padding: 40px 0;
    border-bottom: 1px solid #e8edf5;
}
.fs-modelo-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #f8f9fb;
    border: 1px solid #e4eaf5;
    border-radius: 14px;
    padding: 24px;
    height: 100%;
    transition: box-shadow 0.2s;
}
.fs-modelo-card:hover {
    box-shadow: 0 4px 20px rgba(0,71,168,0.10);
}
.fs-modelo-default { border-left: 4px solid #17B6E2; }
.fs-modelo-premium { border-left: 4px solid #FE8A21; }
.fs-modelo-icon {
    font-size: 28px;
    min-width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-shrink: 0;
}
.fs-modelo-default .fs-modelo-icon { background: #e8f9fd; color: #17B6E2; }
.fs-modelo-premium .fs-modelo-icon { background: #fff3e6; color: #FE8A21; }
.fs-modelo-card h3 {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #0A2540;
    margin: 0 0 8px;
    letter-spacing: -0.3px;
}
.fs-modelo-card p {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    color: #4A5568;
    line-height: 1.6;
    margin: 0 0 10px;
}
.fs-modelo-link {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #0047A8;
    text-decoration: none;
    transition: opacity 0.2s;
}
.fs-modelo-link:hover { opacity: 0.75; text-decoration: none; }

/* ── GRID SECTION ── */
.fs-modulos-grid-section {
    background: #f8f9fb;
    padding: 48px 0;
}
.fs-modulos-grid-section--alt {
    background: #ffffff;
    border-top: 1px solid #e8edf5;
}

/* ── MÓDULO DESTACADO ── */
.fs-modulo-featured {
    display: flex;
    align-items: center;
    gap: 24px;
    background: linear-gradient(135deg, #003380 0%, #0047A8 60%, #0068C8 100%);
    border-radius: 18px;
    padding: 32px;
    margin-bottom: 48px;
    color: #fff;
}
.fs-modulo-featured-icon {
    width: 64px;
    height: 64px;
    background: rgba(255,255,255,0.15);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #fff;
    flex-shrink: 0;
}
.fs-modulo-featured-badge {
    display: inline-block;
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 50px;
    margin-bottom: 10px;
    letter-spacing: 0.3px;
}
.fs-modulo-featured h2 {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif;
    font-size: clamp(20px, 2.5vw, 28px);
    font-weight: 700;
    color: #fff;
    margin: 0 0 8px;
    letter-spacing: -0.5px;
}
.fs-modulo-featured p {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15px;
    color: rgba(255,255,255,0.85);
    line-height: 1.6;
    margin: 0;
}

/* ── CATEGORÍAS ── */
.fs-modulos-category { margin-bottom: 44px; }
.fs-modulos-cat-title {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #0A2540;
    letter-spacing: -0.3px;
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e8edf5;
    display: flex;
    align-items: center;
    gap: 8px;
}
.fs-cat-icon { font-size: 18px; }
.fs-modulos-row { margin: 0 -10px; }
.fs-modulo-col { padding: 10px; }
.fs-modulo-card {
    background: #ffffff;
    border: 1px solid #e4eaf5;
    border-radius: 14px;
    padding: 22px;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: all 0.22s;
    box-shadow: 0 1px 3px rgba(15,23,42,0.04), 0 2px 10px rgba(15,23,42,0.05);
}
.fs-modulos-grid-section--alt .fs-modulo-card { background: #f9fafb; }
.fs-modulo-card:hover {
    transform: translateY(-3px);
    border-color: #93c5fd;
    box-shadow: 0 4px 8px rgba(15,23,42,0.06), 0 12px 28px rgba(0,71,168,0.10);
}
.fs-modulo-icon-box {
    width: 44px;
    height: 44px;
    background: #EFF6FF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    flex-shrink: 0;
}
.fs-modulo-icon-box i { font-size: 20px; color: #0047A8; }
.fs-modulo-card h4 {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #0A2540;
    margin: 0 0 8px;
    letter-spacing: -0.2px;
    line-height: 1.3;
}
.fs-modulo-card p {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13.5px;
    color: #4A5568;
    line-height: 1.6;
    margin: 0;
    flex: 1;
}

/* ── RESPONSIVE ── */
@media (max-width: 991px) {
    .fs-modulos-hero { padding: 24px 0 22px; background-image: none !important; }
    .fs-modulo-featured { flex-direction: column; text-align: center; }
}
@media (max-width: 767px) {
    .fs-modulos-hero { text-align: center; padding: 20px 0 18px; }
    .fs-funciones-ctas { justify-content: center; }
    .fs-modelo-card { margin-bottom: 16px; }
}

/* ══════════════════════════════════════════════════════
   SISTEMA TIPOGRÁFICO GLOBAL — OVERRIDE LEGACY SEGOEUI
   Unifica todo el sitio a Bricolage Grotesque + Plus Jakarta Sans
══════════════════════════════════════════════════════ */

/* 1. Homepage cards funciones (inline style segoeui-b/l) */
#funciones-home h1 {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif !important;
    letter-spacing: -0.5px;
}
#funciones-home .card-funcion h3 {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif !important;
    letter-spacing: -0.2px;
}
#funciones-home .card-funcion p,
#funciones-home .texto > span {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* 2. Heroes legacy .banner - nosotros, contacto, FAQ, etc */
.banner h1, .banner h2 {
    font-family: 'Bricolage Grotesque', 'Plus Jakarta Sans', sans-serif !important;
    letter-spacing: -0.5px;
}
.banner p, .banner span.subtitle {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* 3. FAQ body answer text (usa segoeui-l inline) */
.panel-body,
.panel-heading h4 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* 4. Padding hero legacy corregido */
#nosotros .banner,
#preguntas-frecuentes .banner,
#contacto .banner {
    padding: 56px 0 48px;
}
@media (max-width: 991px) {
    #nosotros .banner,
    #preguntas-frecuentes .banner,
    #contacto .banner { padding: 24px 0 22px; }
}
@media (max-width: 767px) {
    #nosotros .banner,
    #preguntas-frecuentes .banner,
    #contacto .banner { padding: 20px 16px 18px; }
}

/* ══════════════════════════════════════════════════════
   MÓDULOS — INTRO BAR (reemplaza las 2 cards)
══════════════════════════════════════════════════════ */
.fs-modulos-intro-bar {
    background: #f8f9fb;
    border-bottom: 1px solid #e8ecf0;
    padding: 18px 0;
}
.fs-modulos-intro-row {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}
.fs-modulos-intro-item {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 260px;
    font-size: 0.95rem;
    color: #3a4a5c;
    line-height: 1.5;
}
.fs-modulos-intro-item strong {
    color: #0a2540;
}
.fs-modulos-intro-item a {
    color: #0047A8;
    font-weight: 600;
    white-space: nowrap;
}
.fs-intro-icon {
    font-size: 1.2rem;
    flex-shrink: 0;
    width: 28px;
    text-align: center;
    color: #17B6E2;
}
.fs-modulos-intro-divider {
    width: 1px;
    height: 36px;
    background: #d0d8e4;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .fs-modulos-intro-row { flex-direction: column; gap: 12px; }
    .fs-modulos-intro-divider { width: 100%; height: 1px; }
}

/* Fix: botón fs-btn-primary-funcion dentro del .banner legacy (preguntas-frecuentes, nosotros) */
#preguntas-frecuentes .banner .fs-btn-primary-funcion,
#nosotros .banner .fs-btn-primary-funcion {
    background: #FE8A21 !important;
    color: #fff !important;
    border: none !important;
}
#preguntas-frecuentes .banner .fs-btn-primary-funcion:hover,
#nosotros .banner .fs-btn-primary-funcion:hover {
    background: #e07818 !important;
    box-shadow: 0 8px 20px rgba(254,138,33,0.45);
}