@font-face {
    font-family: Archivo;
    src: url('../fonts/Archivo.ttf') format('truetype');
}

/* Intrusion: marca principal destacada */
.newsletter-modern {
    min-height: 600px;
    padding: 78px 0;
    background: #eef5ff url('../images/newsletter-fondo-escritorio.png') left center / cover no-repeat;
}
.newsletter-modern > .container-fluid { display: none !important; }
.newsletter-modern-inner { min-height: 444px; position: relative; }
.newsletter-modern-copy { display: grid; width: auto; max-width: none; margin-right: 3%; margin-left: 39%; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); column-gap: 20px; color: #102451; }
.newsletter-modern-eyebrow { display: inline-block; margin-bottom: 12px; color: #087bf0; font-size: 12px; font-weight: 700; letter-spacing: 3px; }
.newsletter-modern-eyebrow,.newsletter-modern-copy h2,.newsletter-modern-copy > p { grid-column: 1 / -1; }
.newsletter-modern-copy h2 { margin: 0 0 14px; color: #102451; font-size: 43px; font-weight: 700; line-height: 1.08; }
.newsletter-modern-copy > p { max-width: 720px; margin: 0 0 28px; color: #5b6e89; font-size: 16px; line-height: 1.55; }
.newsletter-modern-actions { display: grid; grid-template-columns: 1fr; gap: 14px; }
.newsletter-channel { position: relative; display: grid; min-height: 185px; grid-template-columns: 48px 1fr; align-content: start; gap: 12px; padding: 22px; overflow: hidden; border: 1px solid #d9e5f4; border-radius: 16px; color: #102451 !important; background: rgba(255,255,255,.9); box-shadow: 0 12px 28px rgba(35,81,139,.1); text-decoration: none !important; }
.newsletter-channel > i { display: flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 50%; color: #087bf0; background: #e8f3ff; font-size: 24px; }
.newsletter-channel-whatsapp > i { color: #16a85b; background: #e8f8ef; }
.newsletter-channel strong,.newsletter-channel small { display: block; }
.newsletter-channel strong { margin: 3px 0 7px; font-size: 15px; }
.newsletter-channel small { color: #687b94; font-size: 11px; line-height: 1.45; }
.newsletter-channel b { display: inline-block; margin-top: 18px; padding: 9px 13px; border-radius: 18px; color: #fff; background: #20b965; font-size: 10px; letter-spacing: .4px; }
.newsletter-channel-email { display: flex; flex-direction: column; gap: 14px; }
.newsletter-channel-head { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 12px; }
.newsletter-channel-head > i { display: flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 50%; color: #087bf0; background: #e8f3ff; font-size: 24px; }
.newsletter-optin { position: static !important; display: block !important; width: 100% !important; margin-top: auto !important; border-radius: 18px !important; background: transparent !important; font-size: 12px !important; }
.newsletter-channel-email > .p-open,
.newsletter-channel-email > button,
.newsletter-channel-email .newsletter-optin > .p-open,
.newsletter-channel-email .newsletter-optin > button {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 36px !important;
    padding: 9px 14px !important;
    border: 0 !important;
    border-radius: 18px !important;
    color: #fff !important;
    background: #087bf0 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
    text-align: center !important;
}
.newsletter-latest { margin-top: 0; padding: 18px 20px 20px; border: 1px solid #d9e5f4; border-radius: 18px; background: rgba(255,255,255,.88); box-shadow: 0 12px 28px rgba(35,81,139,.1); }
.newsletter-latest-title { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.newsletter-latest-title strong { color: #102451; font-size: 17px; }
.newsletter-latest-title span { color: #687b94; font-size: 11px; }
.newsletter-latest .carousel-inner { width: calc(100% - 42px); margin: 0 auto; }
.newsletter-latest-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.newsletter-latest-grid-last { grid-template-columns: minmax(0,1fr); max-width: 32%; margin: 0 auto; }
.newsletter-latest a { text-decoration: none; }
.newsletter-latest-grid img,.newsletter-latest-mobile img { display: block; width: 100%; height: 190px; object-fit: contain; border-radius: 10px; background: #f4f7fb; box-shadow: 0 5px 14px rgba(24,64,112,.14); }
.newsletter-latest .carousel-control { width: 24px; color: #087bf0; background: none !important; text-shadow: none; opacity: .9; }
.newsletter-latest .carousel-control span { position: absolute; top: 50%; transform: translateY(-50%); }
.newsletter-latest .carousel-control.left span { left: 0; }
.newsletter-latest .carousel-control.right span { right: 0; }
.newsletter-latest-desktop { display: none !important; }
.newsletter-latest-mobile { display: block !important; }
.newsletter-latest-mobile img { width: auto; max-width: 100%; height: 330px; margin: 0 auto; object-fit: contain; }
@media(max-width:991px){.newsletter-modern{min-height:0;padding:300px 20px 65px;background-color:#f4f8fe;background-image:url('../images/newsletter-fondo-celular.jpg');background-position:center top;background-size:100% auto;background-repeat:no-repeat}.newsletter-modern-inner{min-height:0}.newsletter-modern-copy{display:block;width:auto;max-width:620px;margin:0 auto}.newsletter-modern-copy h2{font-size:38px}.newsletter-latest{margin-top:24px}.newsletter-latest-desktop{display:none!important}.newsletter-latest-mobile{display:block!important}.newsletter-latest-mobile .carousel-inner{width:calc(100% - 40px)}.newsletter-latest-mobile img{width:auto;max-width:100%;height:auto;max-height:520px;margin:0 auto;object-fit:contain}.newsletter-latest-mobile .item>a{display:block}}
@media(max-width:600px){.newsletter-modern{min-height:0;padding:clamp(250px,78vw,310px) 14px 50px;background-position:center top}.newsletter-modern-copy{text-align:center}.newsletter-modern-eyebrow{margin-bottom:9px;font-size:10px;letter-spacing:2.5px}.newsletter-modern-copy h2{margin-bottom:11px;font-size:clamp(29px,8.5vw,34px);line-height:1.06}.newsletter-modern-copy>p{max-width:340px;margin:0 auto 20px;font-size:13px;line-height:1.5}.newsletter-modern-actions{grid-template-columns:1fr;gap:11px;text-align:left}.newsletter-channel{min-height:0;padding:16px;border-radius:14px}.newsletter-channel-email{gap:10px}.newsletter-channel-head{grid-template-columns:42px minmax(0,1fr);gap:10px}.newsletter-channel-head>i,.newsletter-channel>i{width:40px;height:40px;font-size:20px}.newsletter-channel strong{margin-top:1px;font-size:13px}.newsletter-channel small{font-size:10px}.newsletter-channel b{margin-top:12px}.newsletter-latest{padding:17px 12px 18px}.newsletter-latest-title{display:block;text-align:left}.newsletter-latest-title span{display:block;margin-top:4px}.newsletter-latest-mobile .carousel-inner{width:calc(100% - 34px)}.newsletter-latest-mobile img{max-height:480px}.botonWhatsapp{right:12px;bottom:18px;width:52px;height:52px;opacity:.92}.botonWhatsapp .my-whtapp{top:6px;font-size:36px}}
.legacy-home-promos,
.legacy-product-carousel { display: none !important; }
.home-benefits-light {
    background-color: #eef5fc;
    background-image:
        radial-gradient(ellipse at 18% 48%, rgba(255,255,255,.92) 0%, rgba(255,255,255,.48) 24%, transparent 52%),
        radial-gradient(ellipse at 82% 52%, rgba(104,190,255,.16) 0%, transparent 43%),
        linear-gradient(180deg, #eef5fc 0%, #f8fbff 32%, #f5faff 68%, #eef5fc 100%);
}
@media (max-width: 600px) {
    .home-benefits-light {
        background-image:
            radial-gradient(ellipse at 25% 42%, rgba(255,255,255,.94) 0%, rgba(255,255,255,.42) 28%, transparent 58%),
            radial-gradient(ellipse at 85% 60%, rgba(104,190,255,.15) 0%, transparent 48%),
            linear-gradient(180deg, #eef5fc 0%, #f8fbff 35%, #f5faff 68%, #eef5fc 100%);
    }
}
.brand-logo-grid-intrusion .brand-logo-featured {
    grid-column: span 2;
    height: 74px !important;
    border-color: #9cc9f2;
    background: linear-gradient(135deg,#fff,#edf6ff);
    box-shadow: 0 9px 20px rgba(28,104,180,.18), inset 0 1px 0 #fff;
}
.brand-logo-grid-intrusion .brand-logo-featured img { max-width: 82%; max-height: 46px !important; }
.brand-logo-grid-intrusion .brand-logo-static { cursor: default; }
.brand-logo-button.brand-logo-garrett {
    padding: 4px !important;
}
.brand-logo-garrett img {
    width: 96% !important;
    max-width: 96% !important;
    max-height: 66px !important;
    filter: drop-shadow(0 1px 0 rgba(18, 31, 48, .95)) drop-shadow(0 0 2px rgba(18, 31, 48, .72));
}
.brand-logo-button.brand-logo-mircom {
    padding: 4px !important;
}
.brand-logo-mircom img {
    width: 96% !important;
    max-width: 96% !important;
    max-height: 66px !important;
}
@media (min-width:1200px) {
    .why-dialer-section > .container { width: calc(100% - 48px) !important; max-width: 1600px !important; }
    .why-dialer-section .why-dialer-grid { gap: 24px !important; }
    .why-dialer-section .why-card-horizontal .why-card-copy { width: 56%; padding-left: 28px; }
    .why-dialer-section .why-dialer-proof { margin-top: 36px; margin-bottom: 36px; }
    .why-dialer-section .why-dialer-cta { padding-right: 42px; padding-left: 42px; }
}
@media (min-width:992px) {
    .brand-logo-grid-video { grid-template-columns: repeat(6,minmax(0,1fr)) !important; margin-top: 22px !important; }
    .brand-logo-grid-video .brand-logo-button { grid-column: span 2; height: 72px !important; padding: 7px !important; }
    .brand-logo-grid-video .brand-logo-button img { width: auto; max-width: 96% !important; max-height: 54px !important; }
    .brand-logo-grid-video .brand-logo-video-featured { grid-column: span 3; height: 88px !important; border-color: #9cc9f2; background: linear-gradient(135deg,#fff,#edf6ff); box-shadow: 0 9px 20px rgba(28,104,180,.18), inset 0 1px 0 #fff; }
    .brand-logo-grid-video .brand-logo-video-featured img { max-width: 96% !important; max-height: 68px !important; }
    .brand-logo-grid-video .brand-logo-digifort { padding: 0 !important; overflow: visible; }
    .brand-logo-grid-video .brand-logo-digifort img { width: 112% !important; height: auto !important; max-width: none !important; max-height: 80px !important; object-fit: contain; }
}
@media (max-width:991px) {
    .brand-logo-grid-video { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    .brand-logo-grid-video .brand-logo-button,
    .brand-logo-grid-video .brand-logo-video-featured { grid-column: span 1; }
}
@media (min-width:1200px) {
    .brand-solutions .brand-solutions-inner { width: calc(100% - 64px); max-width: 1500px; }
    .brand-category-grid-top { grid-template-columns: .9fr 1.4fr .9fr !important; gap: 24px !important; }
    .brand-category-grid-bottom { grid-template-columns: .9fr 1.1fr !important; max-width: 1240px !important; gap: 24px !important; }
    .brand-category { padding-right: 24px !important; padding-left: 24px !important; }
    .brand-category-grid-top .brand-category { min-height: 345px !important; }
    .brand-category-grid-bottom .brand-category { min-height: 235px !important; }
    .brand-logo-button { height: 82px !important; padding: 13px !important; }
    .brand-logo-button img { max-height: 52px !important; }
    .brand-category-intrusion .brand-logo-button,
    .brand-category-connectivity .brand-logo-button { height: 76px !important; }
    .brand-category-intrusion .brand-logo-button img,
    .brand-category-connectivity .brand-logo-button img { max-height: 48px !important; }
    .brand-logo-grid-intrusion .brand-logo-featured { height: 88px !important; }
    .brand-logo-grid-intrusion .brand-logo-featured img { max-height: 58px !important; }

    /* Ancho unificado de las secciones principales en escritorio */
    .newsletter-modern .newsletter-modern-inner,
    #soporte > .container,
    .red-bg.pattern-bg-colored > .container,
    #contacto > .container {
        width: calc(100% - 64px) !important;
        max-width: 1400px !important;
    }
}

/* Menu comercial desplegable en celulares y tablets */
@media (max-width: 1023px) {
    nav.navbar.bootsnav .navbar-header img.logo-display,
    nav.navbar.bootsnav .navbar-header img.logo-scrolled {
        content: url('../images/logo-white.png') !important;
    }
    nav.navbar.bootsnav .navbar-header img.logo-display { display: block !important; }
    nav.navbar.bootsnav .navbar-header img.logo-scrolled { display: none !important; }
    nav.navbar.bootsnav .navbar-collapse,
    nav.navbar.bootsnav.navbar-transparent .navbar-collapse,
    nav.navbar.bootsnav.navbar-fixed .navbar-collapse {
        background: #0a1b30 !important;
        border-color: rgba(255,255,255,.14) !important;
    }
    nav.navbar.bootsnav .navbar-collapse ul.dialer-main-nav > li > a {
        color: #fff !important;
        border-color: rgba(255,255,255,.14) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    nav.navbar.bootsnav .navbar-collapse ul.dialer-main-nav > li > a:hover,
    nav.navbar.bootsnav .navbar-collapse ul.dialer-main-nav > li > a:focus {
        color: #fff !important;
        background: rgba(255,255,255,.07) !important;
    }
    nav.navbar.bootsnav .navbar-collapse .nav-new-client {
        background: #e51d2a !important;
    }
    nav.navbar.bootsnav .navbar-collapse .nav-client-access {
        border: 1px solid rgba(255,255,255,.82) !important;
        background: rgba(255,255,255,.06) !important;
    }
}

@font-face {
    font-family: Allerta;
    src: url("../fonts/Allerta.ttf") format("truetype");
}

@font-face {
    font-family: Saira;
    src: url('../fonts/SairaExtraCondensed-Regular.ttf') format('truetype');
}

@font-face {
    font-family: SairaBold;
    src: url('../fonts/SairaExtraCondensed-Bold.ttf') format('truetype');
}

@keyframes rotacion {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

@-webkit-keyframes rotacion {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes suAtencion {
	0% {
		box-shadow: 0 0 rgba(#61EF61, 1);
	}

	100% {
		box-shadow: 0 0 8px 15px transparent;
		border-width: 2px;
	}
}

/* CHROME AUTOFILL */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: Gray;
  box-shadow: DimGray;
  -webkit-box-shadow: DimGray; /* 0 0 0px 1000px #000 inset;
  transition: background-color 5s ease-in-out 3s; */
}

.thumb {
    display: block;
    min-height: 80px;
    max-height: 80px;
    width: auto;
    height: auto;
}

.social-top {
    height: unset;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(90deg);
    left: 5px;
    position: absolute;
    top: 1em;
}

.dropdown-submenu .dropdown-menu {
    top: 20px;
    margin-left: -90px;
}

.ui-datepicker-trigger {
    border: none;
    background: none;
}

.popover {
    box-shadow: 0 2px 5px rgba(0,0,0,.5);
    border-radius: 3px;
    border-width: 1.2px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    color: #444;
}

/* <!-- Estilos Personalizados PERFIT - Inicio --> */
div.p-body {
    /* Color de fondo del formulario */
    background-color: #FFFFFF;
}

.p-optin div.p-header,
.p-optin .p-body button,
button.p-open {
    /* Color de fondo de encabezado y botón */
    background: #00AEE8;

    /* Color de texto de encabezado y botón */
    color: #FFFFFF;
}

.p-optin .p-body button:hover,
button.p-open:hover {
    /* Color hover de botón */
    background: #00AEE8;
    opacity: 0.8;
}

.p-optin div.p-body p,
.p-optin div.p-field label span,
.p-optin .p-body .p-success {
    /* Color de texto del formulario */
    color: #696969;
}

div.p-field input {
    font-family: 'Poppins', sans-serif;
    color: #696969;
}
/*
.p-optin div.p-header {
    /* Imagen encabezado * /
    background-image: url(https://...);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 160px;
    background-color: #ffffff;
}
*/
/* <!-- Estilos Personalizados PERFIT- Fin--> */
/* FORM CONTACTO */
.contact-form-style-03 input,
.contact-form-style-03 textarea {
    border: 1px solid #ddd;
    font-size: 14px;
    padding: 8px 15px;
    width: 100%;
    margin: 0 0 10px 0;
    max-width: 100%;
    resize: none;
    border-radius: 12px;
    font-family: "Allerta";
}

/* Formatea las solapas */
/* Solapas principales */
.nav-main > .nav-tabs > li > a.show {
    border-bottom: 1px solid red;
    color: blue;
}

.nav-main > .nav-tabs .nav-link.active:focus {
    border-bottom: 1px solid red;
    color: blue;
}

.nav-main .nav-item:hover {
    background-color: #ddd;
}

/* Barra consulta */
.nav-consulta > .nav-tabs > li > a.show {
    border-bottom: 1px solid red;
    color: blue;
    background-color: rgba(129, 184, 255, 0.16);
}

.nav-consulta > .nav-tabs .nav-link.active:focus {
    border-bottom: 1px solid red;
    color: blue;
}

.nav-consulta .nav-item:hover {
    background-color: #ddd;
}

/* Barra modificaciones */
.nav-modif > .nav-tabs > li > a.show {
    border-bottom: 1px solid red;
    color: blue;
    background-color: rgba(53, 197, 0, 0.16);
}

.nav-modif > .nav-tabs .nav-link.active:focus {
    border-bottom: 1px solid red;
    color: blue;
}

.nav-modif .nav-item:hover {
    background-color: #ddd;
}

@media all and (min-width: 1024px) {
    #otros a {
        display: block;
        width: 200px;
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: bold;
    }
}

@media all and (min-width: 1360px) {
    #otros {
        width: 600px;
        display: inline-flex;
        flex-direction: row;
        margin-right: -165px;
    }

    #otros a {
        display: block;
        width: auto;
        margin-right: 20px;
        word-break: keep-all;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 16px !important;
    }
}

@media all and (min-width: 1360px) {
    #otros {
        display: inline-flex;
        flex-direction: row;
    }
}

/* CAROUSEL NEWS*/
.carousel {
    height: 380px !important;
    width: 320px !important;
    display: block !important;
    overflow: hidden !important;
}

.carousel-inner {
    overflow: visible !important;
}

.carousel-inner > .item > img {
    height: 355px !important;
    margin: auto !important;
    position: relative !important;
    box-shadow: 6px 7px 5px #000000 !important;
}

/* BARRA GENERAL DE NAVEGACION */
/* Cambia el color al switch del filtro */
.filtrosw > .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #03bb15;
    background-color: #2dcc19;
}

.cont-result {
    border-color: rgba(127, 127, 127, 0.25);
    border-bottom: 1px solid rgba(127, 127, 127, 0.25);
    border-left: none;
    border-right: none;
    border-top-style: none;
}

/* CONTENEDOR DE MINIFICHAS */
.catalogo-modern-bg {
    display: flow-root;
    position: relative;
    z-index: 1;
    min-height: 100vh;
    padding-bottom: 48px;
    background-color: #eaf4ff;
    background-image: url('../images/catalogo/fondo-productos.jpg');
    /* repeat-y: el fondo se repite en vertical hasta cubrir todo el alto del
       contenido, por largo que sea el listado. Antes era no-repeat y el degradado
       se cortaba dejando el resto en el background-color de abajo.
       La variante <=767px solo redefine position y size, asi que hereda esto. */
    background-repeat: repeat-y;
    background-position: center 76px;
    background-size: 100% auto;
}

.catalogo-modern-bg > section {
    background: transparent;
}

.catalogo-modern-bg > section:last-of-type {
    overflow: visible;
}

#mostrarProductos {
    display: flex;
    width: 100%;
    min-height: 1px;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}

#mostrarProductos > .minifi {
    float: none !important;
}

.catalog-view-switch{display:flex;min-height:42px;align-items:center;justify-content:flex-end;gap:5px;padding-right:8px!important}
.catalog-view-switch>span{margin-right:3px;color:#627083;font-size:10px;font-weight:700}
.catalog-view-switch button{display:inline-flex;height:29px;align-items:center;gap:5px;padding:0 9px;border:1px solid #c7d7e6;border-radius:7px;color:#526b83;background:#fff;font-size:10px;font-weight:600;transition:.18s}
.catalog-view-switch button:hover,.catalog-view-switch button:focus{border-color:#69afe5;color:#0875c9;outline:0}
.catalog-view-switch button.is-active{border-color:#1685d4;color:#fff;background:#1685d4;box-shadow:0 4px 10px rgba(22,133,212,.2)}
.catalog-view-switch button i{font-size:14px}

#mostrarProductos.catalog-list{display:block;padding:0 8px}
#mostrarProductos.catalog-list>.minifi{position:relative;display:grid;width:100%;max-width:none;min-width:0;min-height:132px;max-height:none;grid-template-columns:118px minmax(230px,1fr) 235px 130px 46px;grid-template-rows:auto 1fr;align-items:center;margin:0 0 10px;padding:10px 12px;border-radius:12px;animation-name:fadeIn}
#mostrarProductos.catalog-list .imgppal{grid-column:1;grid-row:1/3}
#mostrarProductos.catalog-list .imgppal img{width:105px!important;height:105px!important;object-fit:contain}
#mostrarProductos.catalog-list .prodID{grid-column:2;grid-row:1;width:auto;margin:0;padding:3px 14px 2px;font-size:16px}
#mostrarProductos.catalog-list .descripcion{grid-column:2;grid-row:2;width:auto;height:auto;max-height:48px;margin:0;padding:2px 14px;color:#526274;font-size:13px;line-height:1.45}
#mostrarProductos.catalog-list>[id^="infoReg-"]{grid-column:3;grid-row:1/3;width:100%!important;padding:0 12px;border-right:1px solid #e3eaf1;border-left:1px solid #e3eaf1}
#mostrarProductos.catalog-list .logoMarca{grid-column:4;grid-row:1/3;width:100%;height:75px;padding:8px}
#mostrarProductos.catalog-list .logoMarca img{max-width:110px;max-height:58px}
#mostrarProductos.catalog-list .carrito{position:static;z-index:2;grid-column:5;grid-row:1/3;margin:0;text-align:center}
#mostrarProductos.catalog-list .carrito .btn{margin:0;background:#edf9f1}
#mostrarProductos.catalog-list .zona-bullets{top:5px;left:5px;max-width:110px}
#mostrarProductos.catalog-list:not(.catalog-has-prices)>.minifi{grid-template-columns:118px minmax(230px,1fr) 130px 46px}
#mostrarProductos.catalog-list:not(.catalog-has-prices) .logoMarca{grid-column:3}
#mostrarProductos.catalog-list:not(.catalog-has-prices) .carrito{grid-column:4}
@media(max-width:991px){#mostrarProductos.catalog-list>.minifi{grid-template-columns:100px minmax(180px,1fr) 215px 45px}#mostrarProductos.catalog-list .logoMarca{display:none}#mostrarProductos.catalog-list .imgppal img{width:90px!important;height:90px!important}}
@media(min-width:768px) and (max-width:991px){#mostrarProductos.catalog-list:not(.catalog-has-prices)>.minifi{grid-template-columns:100px minmax(180px,1fr) 45px}#mostrarProductos.catalog-list:not(.catalog-has-prices) .carrito{grid-column:3}}
@media(max-width:767px){.catalog-view-switch{justify-content:center;padding:6px!important}.catalog-view-switch button{height:32px}.catalog-view-switch button b{display:none}#mostrarProductos.catalog-list{padding:0 5px}#mostrarProductos.catalog-list>.minifi{grid-template-columns:78px minmax(0,1fr) 40px;grid-template-rows:auto auto auto;min-height:112px;padding:9px}#mostrarProductos.catalog-list .imgppal{grid-column:1;grid-row:1/3}#mostrarProductos.catalog-list .imgppal img{width:70px!important;height:70px!important}#mostrarProductos.catalog-list .prodID{grid-column:2;grid-row:1;padding:2px 8px;font-size:14px}#mostrarProductos.catalog-list .descripcion{grid-column:2;grid-row:2;max-height:40px;padding:0 8px;font-size:11px}#mostrarProductos.catalog-list>[id^="infoReg-"]{grid-column:1/4;grid-row:3;margin-top:7px;padding:6px 3px 0;border-top:1px solid #e3eaf1;border-right:0;border-left:0}#mostrarProductos.catalog-list .carrito{grid-column:3;grid-row:1/3}#mostrarProductos.catalog-list .zona-bullets,#mostrarProductos.catalog-list .logoMarca{display:none}}

.list-ver-mas,.list-cart-label{display:none}
#mostrarProductos.catalog-list>.minifi{grid-template-columns:130px minmax(230px,1fr) 235px 116px;grid-template-rows:1fr 1fr;min-height:132px;padding:10px 14px;border:1px solid #dce5ee;border-radius:16px;background:#fff}
#mostrarProductos.catalog-list .imgppal img{width:112px!important;height:100px!important;object-fit:contain}
#mostrarProductos.catalog-list .imgppal{grid-column:1;grid-row:1;align-self:end}
#mostrarProductos.catalog-list .logoMarca{position:static!important;display:flex;grid-column:1;grid-row:2;width:100%!important;height:24px!important;align-self:start;align-items:center;justify-content:center;padding:2px;border:0;background:transparent;opacity:.72}
#mostrarProductos.catalog-list .logoMarca img{max-width:68px;max-height:20px;filter:grayscale(18%)}
#mostrarProductos.catalog-list .list-ver-mas{display:flex;grid-column:4;grid-row:1;align-self:end;width:100px;height:38px;align-items:center;justify-content:center;gap:6px;margin:0 auto 4px;border:0;border-radius:9px;color:#fff;background:#0875c9;font-size:12px;font-weight:700;text-transform:uppercase}
#mostrarProductos.catalog-list .list-ver-mas:hover,#mostrarProductos.catalog-list .list-ver-mas:focus{background:#075fa2;outline:0}
#mostrarProductos.catalog-list .carrito{grid-column:4;grid-row:2;align-self:start;margin:4px 0 0}
#mostrarProductos.catalog-list .carrito .btn{display:inline-flex;width:100px;height:38px;align-items:center;justify-content:center;gap:7px;margin:0;border:0;border-radius:9px;color:#fff;background:#00a82d;font-size:12px;font-weight:700;text-transform:uppercase}
#mostrarProductos.catalog-list .carrito .btn i{color:#fff!important;font-size:17px}
#mostrarProductos.catalog-list .list-cart-label{display:inline}
#mostrarProductos.catalog-list:not(.catalog-has-prices)>.minifi{grid-template-columns:130px minmax(230px,1fr) 116px}
#mostrarProductos.catalog-list:not(.catalog-has-prices) .list-ver-mas,#mostrarProductos.catalog-list:not(.catalog-has-prices) .carrito{grid-column:3}
@media(max-width:991px){#mostrarProductos.catalog-list>.minifi{grid-template-columns:100px minmax(180px,1fr) 190px 104px}#mostrarProductos.catalog-list .imgppal img{width:90px!important;height:90px!important}#mostrarProductos.catalog-list .list-ver-mas,#mostrarProductos.catalog-list .carrito .btn{width:90px}}
@media(min-width:768px) and (max-width:991px){#mostrarProductos.catalog-list:not(.catalog-has-prices)>.minifi{grid-template-columns:100px minmax(180px,1fr) 104px}#mostrarProductos.catalog-list:not(.catalog-has-prices) .list-ver-mas,#mostrarProductos.catalog-list:not(.catalog-has-prices) .carrito{grid-column:3}}
@media(max-width:767px){#mostrarProductos.catalog-list>.minifi,#mostrarProductos.catalog-list:not(.catalog-has-prices)>.minifi{grid-template-columns:78px minmax(0,1fr) 40px;grid-template-rows:auto auto auto;padding:9px}#mostrarProductos.catalog-list .list-ver-mas{display:none}#mostrarProductos.catalog-list .carrito,#mostrarProductos.catalog-list:not(.catalog-has-prices) .carrito{grid-column:3;grid-row:1/3;align-self:center;margin:0}#mostrarProductos.catalog-list .carrito .btn{width:34px;height:34px;padding:0}#mostrarProductos.catalog-list .list-cart-label,#mostrarProductos.catalog-list .logoMarca{display:none}}

.catalogo-modern-bg + section,
.catalogo-modern-bg + footer {
    clear: both;
}

@media (max-width: 767px) {
    .catalogo-modern-bg {
        padding-bottom: 30px;
        background-position: center 66px;
        background-size: auto 640px;
    }
}

/* MINIFICHA */
.minifi {
    max-height: 500px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 15px;
    margin-bottom: 20px;
    padding: 12px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    font-family: Archivo;
    color: #525252;
    max-width: 250px;
    min-width: 230px;

    @keyframes bulletsIn {
        0% {
            opacity: 0;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: .6;
        }
    }
}

.zona-bullets {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 20;
    display: none;
    opacity: 0.6;
    max-width: 33%;
    flex-direction: column;
    animation: bulletsIn 2s forwards;
    animation-delay: 1s;
    -moz-animation: bulletsIn 2s forwards;
    -moz-animation-delay: 1s;
    -webkit-animation: bulletsIn 2s forwards;
    -webkit-animation-delay: 1s;
}

.zona-bullets span {
    text-transform: uppercase;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    font-size: 10px;
    font-weight: bold;
    max-width: 150px;
    display: block;
    flex-direction: column;
}

/*  labels productos  */
.zona-bullets  span.stock-label {
    color: #a9feff;
    background-color: #3883ff;
}

.zona-bullets  span.stock-label-sin-stock {
    background: #ff0303;
    color: #fff4b6;
}

.zona-bullets  span.outlet-label {
    background-color: #404040;
    color: #fff3cf;
}

.zona-bullets span.oferta-label {
    background-color: #f918ff;
    color: #cff9ff;
}

.zona-bullets span.top-label {
    background-color: #63e25c;
    color: #20431f;
}

.zona-bullets span.destac-label {
    color: #f2de38;
}

.zona-bullets span.destac-label i {
    position: fixed;
    z-index: 50;
    top: 0px;
    text-shadow: 0.1px 0.1px 3px #52490b;
    right: 5%;
}

.carrito {
    text-align: right;
    position: fixed;
    z-index: 90;
    display: block;
    right: 0px;
    margin-top: 185px;
}

.carrito .btn i {
    font-size: 31px;
    color: #363636;
}

.carrito .btn {
    font-family: inherit;
    margin-right: 10px;
    background-color: #ffffff40;
}

.minifi .imgppal {
    text-align: center;
    cursor: pointer;
}

.minifi .prodID {
    color: #0092d3;
    margin-top: 10px;
    font-family: inherit;
    font-weight: bold;
    width: 100%;
    font-size: 17px;
    display: flex;
    object-fit: scale-down;
    overflow: hidden;
    float: left;
}

.minifi .prodID a {
    color: #007b9e;
    transition: color 1s;
}

.minifi .prodID a:hover {
    color: #e30202;
    text-decoration: none;
    transition: color 1s;
}

.minifi .logoMarca {
    position: relative;
    z-index: 20;
    width: 100%;
    height: 81px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
    cursor: pointer;
}

.minifi .logoMarca img {
    max-height: 70px;
    position: relative;
    z-index: 20;
    display: flex;
}

.minifi .descripcion {
    font-size: 16px;
    font-family: inherit;
    margin-top: 10px;
    height: 68px;
    text-align: left;
    width: 100%;
    overflow: hidden;
}

.minifi .preciosBtn {
    border-radius: 8px;
    font-size: 13px;
    width: 40px;
    height: 15px;
    margin-top: 5px;
    line-height: 12px;
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    border: 1px solid #bbbbbb;
}

.minifi .preciosVal {
    display: flex;
    justify-content: center;
    font-family: Saira;
    font-size: 26px;
    text-align: center;
    line-height: 20px;
}

.minifi .stockTit {
    font-family: Allerta;
    font-size: 14px;
    color: #0095d4;
}

.minifi .stockCant {
    color: #0095d4;
    font-family: SairaBold;
    font-size: 20px;
    line-height: 18px;
}

.monedaBtns {
    display: inline-flex;
    flex-direction: column;
    float: right;
    justify-content: center;
    color: #959595;
}

/* */
textarea {
    resize: none;
}

/* LAZYLOAD carga solo imagenes que estan por aparecer en el viewport */
img.lazyload:not([src]) {
    visibility: hidden;
}

/* JQUERY-UI controles */
.ui-widget {
    font-size: .6em;
}

.ui-button {
    padding-top: 4px;
}

/* JQUERY-UI tooltips */
.ui-tooltip {
    background: #FBF08E;
    opacity: .8;
    font-family: 'Archivo' !important;
    font-size: 12px;
    box-shadow: 3px 3px 10px rgba(0,0,0,.6);
}

/* 
#btnFiltro {
}
 */
.ui-selectmenu-button.ui-button {
    height: 2em;
}

/* BARRA RESULTADOS */

#barraResultados .btn.btn-lg {
    font-size: 12px;
    color: #989898;
    padding: 0;
    margin-left: 5px;
    margin-right: 10px;
}

@media all and (max-width: 420px) {
    #barraResultados > div {
        flex-direction: column;
        justify-content: center;
    }
}

#datosResultados {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    position: relative;
    top: 0px;
    z-index: 10;
    transition: top 1s;
    background-color: #ebebeb;
}

/* JQUERY-UI limita el largo de las listas desplegables */
.overflow {
    max-height: 400px;
}

/* FICHA DEL PRODUCTO COMPLETA */
.frame-ficha {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(8, 46, 84, 0.9);
    text-align: center;
    z-index: 1000;
    transition: opacity 1s;
    display: block; 
    overflow: auto;
}

#infoProd input {
    color: #555;
    font-family: 'Archivo', sans-serif;
}


.frame-ficha .row {
    max-width: 100%;
    margin: 0px;
    padding: 0px;
}

.frame-ficha .frame-ficha-show {
    visibility: visible;
    opacity: 1;
}

.ficha-container {
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    max-width: 1000px;
    min-width: 320px;
    border-radius: 16px;
    background-color: #ffffff;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.63);
}

.frame-ficha .container-fluid {
    display: flex;
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
}

.ficha-titulo {
    height: 32px;
    background-color: #005d85;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.ficha-titulo p {
    font-size: 23px;
    color: #ffffff;
    font-weight: bold;
    font-family: Sans;
    float: left;
    margin-left: 14px;
    margin-top: 3px;
}

.frame-ficha-close {
    position: relative;
    color: #cccccc;
    z-index: 210;
    float: right;
    font-size: 21px;
    background-color: #c30000;
    padding-right: 7px;
    padding-left: 7px;
    border-top-right-radius: 16px;
    padding-top: 1px;
}

.tab-contenido {
    height: 100%;
}

.datoEtiqueta {
    margin-top: 10px;
}

.datoEtiqueta .input-group-addon {
    background-color: #f0f0f0;
    width: 80px;
    border: 0px solid;
    color: #298bff;
    font-weight: bold;
    text-align: right;
}

.datoEtiqueta .form-control {
    width: 90%;
    border: 0px solid;
    background-color: #ffffff;
}

#moneda {
    z-index: 15;
    position: absolute;
    bottom: 10px;
    display: inline-flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    left: 190px;
    width: 100px;
}

#moneda .btn {
    font-size: 16px;
    padding: 0px;
    margin: 0px 5px;
}

#fichaLogo {
    position: absolute;
    z-index: 15;
    margin-top: 17px;
    margin-left: 230px;
}

#fichaLogo img {
    max-width: 200px;
    max-height: 85px;
}
/*.carrito .btn {
    font-family: inherit;
    margin-right: 2px;
    border: 0 solid;
    i {
        font-size: 31px;
        color: #363636;
    }
}*/




/* La descripcion se estila por clase en el bloque consolidado del final. */

.botonWhatsapp {
    position: fixed;
    width: 60px;
    height: 60px;
    background-color: #25d366;
    color: #FFF !important;
    border-radius: 50px;
    opacity: 0.75;
    text-decoration: none;
    z-index: 100;
    bottom: 33%;
    right: 16px;
    text-align: center;
}

.my-whtapp {
    font-size: 40px;
    position: relative;
    top: 8px;
    left: 1px;
}

/* CAPTCHA */
#formContacto {
    padding-right: 0;
    padding-left: 0;
}

#contacto .container {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.enviaConsulta {
    display: flex;
    justify-content: center;
    opacity: 0.2; /* ACTIVA/DESACTIVA */
}

/*
.captchaCont #captchaSize {
}
*/
.captchaTit {
    text-align: center;
}

.captchaImg {
    cursor: pointer;
    padding-left: 0; /* Movible */
}

.captchaImg #captchaTick {
    color: #008f1c;
    display: none; /* block; para activar */
    position: absolute;
    z-index: 100;
    margin-top: -30px;
    margin-left: 5px;
    font-size: 25px;
}

#contactResult {
    font-weight: bold;
    text-align: center;
    display: block;
    background-color: #e5ecf9;
    color: #007141;
}

/* ==============================================
*/
/* START REVOLUTION LAYERS STYLES */
.tiny_bullet_slider .tp-bullet:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 25px;
    top: -12px;
    left: 0px;
    background: transparent;
}

.prod_slider_wrapper {
    width: 100%;
    max-height: 400px;
}

#rev_slider_26_1 .uranus.tparrows {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255,255,255,.48);
    border-radius: 50%;
    background: rgba(9,65,119,.42);
    box-shadow: 0 7px 20px rgba(0,26,58,.2);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

#rev_slider_26_1 .uranus.tparrows:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0,20,48,.55);
}

#rev_slider_26_1 .uranus.tparrows:hover,
#rev_slider_26_1 .uranus.tparrows:focus {
    background: rgba(7,85,157,.72);
    box-shadow: 0 9px 24px rgba(0,32,70,.3);
    transform: scale(1.05);
}

#rev_slider_26_1 .uranus.tparrows:hover:before,
#rev_slider_26_1 .uranus.tparrows:focus:before {
    opacity: 1;
}

/* 
.bullet-bar.tp-bullets {
} 
*/

.bullet-bar.tp-bullets:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box;
}

.bullet-bar .tp-bullet {
    width: 60px;
    height: 3px;
    position: absolute;
    background: #aaa;
    background: rgba(204, 204, 204, 0.5);
    cursor: pointer;
    box-sizing: content-box;
}

.bullet-bar .tp-bullet:hover,
.bullet-bar .tp-bullet.selected {
    background: rgba(204, 204, 204, 1);
}

/* END REVOLUTION LAYERS STYLES */
/* Reescribe estilos bootsnav.css */
nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
nav.navbar.bootsnav.no-background.white ul.nav > li > a,
nav.navbar.bootsnav.no-background.dark .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a,
nav.navbar.bootsnav.no-background.dark ul.nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
}

nav.navbar.bootsnav.navbar-transparent .attr-nav {
    height: 60px;
}

nav.navbar.bootsnav.navbar-transparent.white,
nav.navbar.bootsnav.navbar-transparent.dark {
    height: 60px;
}

@media (max-width: 1023px) {
    nav.navbar.bootsnav .navbar-header {
        padding-right: 6px;
    }

    div.attr-nav {
        display: table;

        /*padding-right: 1px;
        margin-right: 6px; */
    }

    nav.navbar.bootsnav .navbar-collapse {
        background-color: #0a1b30 !important;
    }
}
@media (min-width:1200px){
    .lg-float-left {
        float: left!important;
    }
}

/* Menu moderno de rubros */
.legacy-rubros-menu{display:none!important}
.rubros-modern{position:relative;z-index:3;padding:48px 32px 54px;overflow:hidden;background:#eef5fc url('../images/marcas/fondo-marcas-escritorio.png') center/cover no-repeat}
.rubros-modern-inner{width:100%;max-width:1400px;margin:0 auto}.rubros-modern-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 24px}.rubros-modern-header span{color:#0875c9;font-size:11px;font-weight:700;letter-spacing:3.2px}.rubros-modern-header h2{margin:0;color:#09254a;font-family:'Work Sans',sans-serif;font-size:clamp(30px,3vw,43px);font-weight:700;line-height:1;letter-spacing:-1.5px}
.rubros-modern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.rubros-modern-grid li{min-width:0;margin:0;padding:0}.rubros-modern-grid a{position:relative;display:block;height:186px;overflow:hidden;border:1px solid rgba(105,176,239,.42);border-radius:22px;color:#fff!important;background:linear-gradient(145deg,#061e3b 0%,#074e8c 58%,#0d83d4 100%);box-shadow:0 15px 30px rgba(22,72,121,.18),inset 0 1px 0 rgba(255,255,255,.2);isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.rubros-modern-grid a:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 18%,rgba(61,192,255,.38),transparent 42%),linear-gradient(115deg,rgba(255,255,255,.04),transparent 45%)}.rubros-modern-grid a:hover,.rubros-modern-grid a:focus{border-color:rgba(126,211,255,.88);box-shadow:0 21px 38px rgba(15,67,119,.29),inset 0 1px 0 rgba(255,255,255,.28);transform:translateY(-5px);outline:0}
.rubros-modern-grid a>span{position:absolute;inset:22px auto 18px 20px;z-index:3;display:flex;width:47%;align-items:flex-start;flex-direction:column;text-align:left}.rubros-modern-grid small{display:block;margin-bottom:7px;color:#91d9ff;font-size:8px;font-weight:700;letter-spacing:2.1px;line-height:1}.rubros-modern-grid strong{display:block;color:#fff;font-family:'Work Sans',sans-serif;font-size:17px;font-weight:700;line-height:1.08;letter-spacing:.15px}.rubros-modern-grid b{display:block;margin-top:auto;color:#fff;font-size:9px;font-weight:600;letter-spacing:.45px;text-transform:uppercase}.rubros-modern-grid b i{margin-left:3px;font-size:11px;transition:transform .2s ease}.rubros-modern-grid a:hover b i,.rubros-modern-grid a:focus b i{display:inline-block;transform:translateX(3px)}
.rubros-modern-grid img{position:absolute;right:-6%;bottom:-17%;z-index:2;width:67%;height:88%;max-width:none;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 13px 10px rgba(0,15,36,.34));transition:transform .35s ease}.rubros-modern-grid a:hover img,.rubros-modern-grid a:focus img{transform:translate(-3px,-3px) scale(1.045)}.rubros-modern-grid li:nth-child(1) img{right:-14%;bottom:-15%;width:78%;height:96%}.rubros-modern-grid li:nth-child(2) img{right:-8%;bottom:-18%;width:70%;height:91%}.rubros-modern-grid li:nth-child(3) img{right:-4%;bottom:-17%;width:57%;height:94%}.rubros-modern-grid li:nth-child(4) img{right:-1%;bottom:-18%;width:54%;height:96%}.rubros-modern-grid li:nth-child(5) img{right:-1%;bottom:-13%;width:57%;height:94%}.rubros-modern-grid li:nth-child(6) img{right:-8%;bottom:-17%;width:66%;height:96%}.rubros-modern-grid li:nth-child(7) a{background:linear-gradient(145deg,#35101a 0%,#821c29 56%,#dc2632 100%);border-color:rgba(255,139,139,.44)}.rubros-modern-grid li:nth-child(7) a:before{background:radial-gradient(circle at 85% 18%,rgba(255,119,119,.4),transparent 42%)}.rubros-modern-grid li:nth-child(7) small{color:#ffc1c1}.rubros-modern-grid li:nth-child(7) img{right:0;bottom:-17%;width:55%;height:94%}.rubros-modern-grid li:nth-child(8) img{right:-9%;bottom:-15%;width:68%;height:94%}
@media(max-width:1050px){.rubros-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rubros-modern-grid a{height:190px}}@media(max-width:600px){.rubros-modern{padding:36px 14px 40px;background-image:url('../images/marcas/fondo-marcas-celular.jpg')}.rubros-modern-header{display:block;margin-bottom:20px;text-align:center}.rubros-modern-header span{font-size:9px;letter-spacing:2.5px}.rubros-modern-header h2{margin-top:8px;font-size:32px;line-height:1.05}.rubros-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rubros-modern-grid a{height:154px;border-radius:17px}.rubros-modern-grid a>span{inset:16px auto 13px 13px;width:58%}.rubros-modern-grid small{margin-bottom:5px;font-size:7px;letter-spacing:1.5px}.rubros-modern-grid strong{font-size:13px}.rubros-modern-grid b{font-size:7px}.rubros-modern-grid img{right:-13%;bottom:-16%;width:77%;height:78%;opacity:.92}.rubros-modern-grid li:nth-child(1) img{right:-22%;width:88%}.rubros-modern-grid li:nth-child(3) img,.rubros-modern-grid li:nth-child(4) img,.rubros-modern-grid li:nth-child(5) img,.rubros-modern-grid li:nth-child(7) img{right:-8%;width:65%}}

/* Banner condicional de Ofertas Relampago */
.rubros-modern-header{display:block;max-width:760px;margin:0 auto 28px;text-align:center}
.rubros-modern-header span{display:block;margin-bottom:9px}
.rubros-modern-header h2{font-size:clamp(30px,2.7vw,40px);line-height:1.08}
.rubros-modern{background-color:#eef5fc;background-image:radial-gradient(ellipse at 18% 48%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.48) 24%,transparent 52%),radial-gradient(ellipse at 82% 52%,rgba(104,190,255,.16) 0%,transparent 43%),linear-gradient(180deg,#eef5fc 0%,#f8fbff 32%,#f5faff 68%,#eef5fc 100%)}
.rubros-modern-grid li:nth-child(7) a{background:radial-gradient(circle at 85% 18%,rgba(61,192,255,.38),transparent 42%),linear-gradient(145deg,#061e3b 0%,#074e8c 58%,#0d83d4 100%);border-color:rgba(105,176,239,.42)}
.rubros-modern-grid li:nth-child(7) a:before{background:radial-gradient(circle at 85% 18%,rgba(61,192,255,.38),transparent 42%),linear-gradient(115deg,rgba(255,255,255,.04),transparent 45%)}
.rubros-modern-grid li:nth-child(7) small{color:#91d9ff}
.rubros-modern-grid img{right:2%;bottom:2%;width:55%;height:78%;object-position:center bottom}
.rubros-modern-grid li:nth-child(1) img{right:-7%;bottom:0;width:67%;height:84%}
.rubros-modern-grid li:nth-child(2) img{right:0;bottom:0;width:57%;height:76%}
.rubros-modern-grid li:nth-child(3) img{right:3%;bottom:0;width:46%;height:78%}
.rubros-modern-grid li:nth-child(4) img{right:5%;bottom:0;width:43%;height:78%}
.rubros-modern-grid li:nth-child(5) img{right:3%;bottom:-2%;width:48%;height:80%}
.rubros-modern-grid li:nth-child(6) img{right:0;bottom:0;width:54%;height:78%}
.rubros-modern-grid li:nth-child(7) img{right:5%;bottom:0;width:43%;height:78%}
.rubros-modern-grid li:nth-child(8) img{right:0;bottom:1%;width:56%;height:77%}
@media(max-width:600px){.rubros-modern{background-image:radial-gradient(ellipse at 25% 42%,rgba(255,255,255,.94) 0%,rgba(255,255,255,.42) 28%,transparent 58%),radial-gradient(ellipse at 85% 60%,rgba(104,190,255,.15) 0%,transparent 48%),linear-gradient(180deg,#eef5fc 0%,#f8fbff 35%,#f5faff 68%,#eef5fc 100%)}.rubros-modern-header{margin-bottom:21px}.rubros-modern-grid img{right:-2%;bottom:0;width:61%;height:70%}.rubros-modern-grid li:nth-child(1) img{right:-12%;bottom:0;width:76%;height:76%}.rubros-modern-grid li:nth-child(2) img{right:-3%;width:63%}.rubros-modern-grid li:nth-child(3) img,.rubros-modern-grid li:nth-child(4) img,.rubros-modern-grid li:nth-child(5) img,.rubros-modern-grid li:nth-child(7) img{right:1%;bottom:0;width:54%;height:70%}.rubros-modern-grid li:nth-child(6) img,.rubros-modern-grid li:nth-child(8) img{right:-3%;bottom:0;width:62%;height:70%}}


/* Resguardo del encabezado responsive: el contenido del menu cerrado no debe
   ocupar el encabezado ni superponerse con el logo. */
@media (max-width:1023px){
    body nav.navbar.bootsnav #navbar-menu.navbar-collapse.collapse:not(.in){
        display:none!important;
        visibility:hidden!important;
        height:0!important;
        overflow:hidden!important;
    }
    body nav.navbar.bootsnav #navbar-menu.navbar-collapse.collapse.in{
        display:block!important;
        visibility:visible!important;
        height:auto!important;
    }
    body nav.navbar.bootsnav .navbar-header{float:none!important;width:auto!important}
}

/* Secciones inferiores alineadas y con fondo iluminado */
.support-modern,.youtube-modern,#contacto.contact-modern{
    background-color:#f3f7fc;
    background-image:radial-gradient(circle at 9% 18%,rgba(255,255,255,.98) 0,rgba(255,255,255,.76) 18%,rgba(255,255,255,0) 42%),radial-gradient(circle at 88% 30%,rgba(211,231,252,.72) 0,rgba(224,238,252,.32) 24%,rgba(255,255,255,0) 48%),linear-gradient(180deg,#f6f9fd 0%,#edf4fb 100%);
}
.support-modern{min-height:0;padding:82px 0}
.support-modern::after{display:none}
.support-modern-inner{position:relative;z-index:0;min-height:610px;overflow:hidden;border:1px solid #dbe6f2;border-radius:30px;background:#edf5ff;box-shadow:0 25px 60px rgba(25,66,111,.16)}
.support-modern-inner::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.68) 0%,rgba(255,255,255,.30) 43%,rgba(255,255,255,0) 67%);pointer-events:none}
.support-modern-copy{position:relative;z-index:2;padding-left:48px}
.support-modern-visual{z-index:0;object-fit:cover;object-position:center}
@media(max-width:991px){.support-modern{padding:65px 0}.support-modern-inner{min-height:0;padding-top:0;border-radius:24px}.support-modern-inner::after{background:linear-gradient(180deg,#f7fbff 0%,rgba(247,251,255,.95) 52%,rgba(247,251,255,.2) 77%,transparent)}.support-modern-copy{padding-left:0}}
@media(max-width:640px){.support-modern{padding:48px 0}.support-modern-inner{width:calc(100% - 30px)!important;border-radius:22px}.support-modern-copy{padding-right:18px;padding-left:18px}}

/* Fondos luminosos reutilizados en las secciones inferiores */
.support-modern{background:#f3f7fc url('../images/marcas/fondo-marcas-escritorio.png') center/cover no-repeat}
.youtube-modern{background:#f3f7fc url('../images/newsletter-fondo-escritorio.png') center/100% 100% no-repeat}
#contacto.contact-modern{background:#f3f7fc url('../images/marcas/fondo-marcas-escritorio.png') center bottom/cover no-repeat}
@media(max-width:991px){.support-modern,#contacto.contact-modern{background-image:url('../images/marcas/fondo-marcas-celular.jpg');background-position:center top;background-size:cover}.youtube-modern{background-image:url('../images/newsletter-fondo-celular.jpg');background-position:center top;background-size:cover}}




@media (max-width: 350px) {
    .attr-nav > ul > li > a {
        padding: 0px;
    }

    div.attr-nav {
        margin-right: 12px !important;
    }
}

div.attr-nav {
    padding-right: 1px;
    margin-right: 8px;
    height: 60px !important;
    z-index: 111;
    width: auto !important;
}

/* FIN de reescribe bootsnav.css */

/* Menu superior comercial */
.hero-primary-title{margin:0;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit}
.timeline-year{margin:10px 0;padding-left:10px;color:#0094d3;font-size:48px;text-align:left;text-shadow:#000 1px 1px 2px}
.hero-slider-section{position:relative}
.hero-mobile-actions{display:none!important}

/* El alto visible del hero sigue el viewport real, incluso cuando la barra del
   navegador movil aparece o desaparece. Las placas usan contain para que nunca
   se recorte texto, mapa ni iconografia. */
.hero-slider-section,
#rev_slider_26_1_wrapper,
#rev_slider_26_1 {
    height: calc(100vh - 60px) !important;
    min-height: 480px !important;
}
@supports (height: 100svh) {
    .hero-slider-section,
    #rev_slider_26_1_wrapper,
    #rev_slider_26_1 {
        height: calc(100svh - 60px) !important;
    }
}
#rev_slider_26_1 li[data-index="rs-72"] .rev-slidebg {
    object-fit: contain !important;
    object-position: center !important;
}

nav.navbar.bootsnav.navbar-transparent,
nav.navbar.bootsnav.no-background {
    background: rgba(10, 27, 48, .92) !important;
    box-shadow: 0 5px 22px rgba(0, 0, 0, .16);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
nav.navbar.bootsnav.navbar-fixed:not(.navbar-transparent) {
    background: rgba(10, 27, 48, .97) !important;
    box-shadow: 0 5px 22px rgba(0, 0, 0, .18);
}
nav.navbar.bootsnav.navbar-fixed:not(.navbar-transparent) ul.dialer-main-nav > li > a {
    color: #fff !important;
    visibility: visible !important;
    opacity: 1 !important;
}
nav.navbar.bootsnav.navbar-fixed:not(.navbar-transparent) ul.dialer-main-nav > li > a:hover,
nav.navbar.bootsnav.navbar-fixed:not(.navbar-transparent) ul.dialer-main-nav > li > a:focus {
    color: #fff !important;
}
nav.navbar.bootsnav.navbar-fixed:not(.navbar-transparent) .nav-knowledge i {
    color: #34b9d1 !important;
}
nav.navbar.bootsnav.navbar-fixed:not(.navbar-transparent) ul.dialer-main-nav > li.nav-action {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
nav.navbar.bootsnav.navbar-fixed:not(.navbar-transparent) ul.dialer-main-nav > li.nav-action > a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
nav.navbar.bootsnav.navbar-fixed:not(.navbar-transparent) .nav-new-client {
    color: #fff !important;
    background: #e51d2a !important;
}
nav.navbar.bootsnav.navbar-fixed:not(.navbar-transparent) .nav-client-access {
    color: #fff !important;
    border-color: rgba(255,255,255,.9) !important;
    background: rgba(255,255,255,.08) !important;
}
nav.navbar.bootsnav.navbar-transparent ul.nav > li > a,
nav.navbar.bootsnav.no-background ul.nav > li > a { color: #fff !important; }
nav.navbar.bootsnav .logo-display {
    content: url('../images/logo-white.png') !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
nav.navbar.bootsnav .logo-scrolled { display: none !important; visibility: hidden !important; opacity: 0 !important; }
nav.navbar.bootsnav .navbar-header > .logo,
nav.navbar.bootsnav .navbar-header > .logo > a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
nav.navbar.bootsnav .navbar-header > .logo > a {
    display: flex !important;
    width: 180px;
    height: 60px;
    align-items: center;
    background: none !important;
}
nav.navbar.bootsnav .navbar-header > .logo > a > img {
    display: block !important;
    width: auto !important;
    max-width: 180px;
    height: auto !important;
    max-height: 53px;
    margin: 0 !important;
    object-fit: contain;
}
.dialer-main-nav {
    display: flex;
    align-items: center;
    float: right;
    margin: 0 58px 0 0;
    padding: 0;
}
.dialer-main-nav > li > a { padding-left: 10px !important; padding-right: 10px !important; white-space: nowrap; }
.dialer-main-nav .nav-knowledge i { color: #34b9d1; font-size: 17px; margin-right: 3px; }
.dialer-main-nav > li.nav-action > a { margin: 11px 4px; padding: 9px 13px !important; border-radius: 6px; line-height: 20px; font-weight: 700; }
.dialer-main-nav .nav-new-client { color: #fff !important; background: #e51d2a; box-shadow: 0 5px 16px rgba(229,29,42,.25); }
.dialer-main-nav .nav-new-client:hover { background: #bf1420 !important; transform: translateY(-1px); }
.dialer-main-nav .nav-client-access { color: #fff !important; border: 1px solid rgba(255,255,255,.8); background: rgba(0,0,0,.14); }
nav.navbar.bootsnav .dialer-main-nav .nav-client-access { color: #fff !important; border-color: rgba(255,255,255,.85); background: rgba(255,255,255,.06); }
nav.navbar.bootsnav .dialer-main-nav .nav-client-logged { position:relative;color:#fff!important;border-color:#4fce8a!important;background:rgba(35,173,99,.2)!important;box-shadow:0 0 0 1px rgba(79,206,138,.14),0 5px 16px rgba(0,0,0,.14) }
nav.navbar.bootsnav .dialer-main-nav .nav-client-logged:hover,nav.navbar.bootsnav .dialer-main-nav .nav-client-logged:focus { background:rgba(35,173,99,.34)!important }
.nav-session-dot { display:inline-block;width:7px;height:7px;margin:0 4px 0 2px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#47df8c;box-shadow:0 0 7px rgba(71,223,140,.9);vertical-align:1px }
.wrap-sticky nav.navbar.bootsnav.sticked {
    z-index: 1040;
    background: rgba(10, 27, 48, .97) !important;
    box-shadow: 0 5px 22px rgba(0, 0, 0, .18);
}
.wrap-sticky nav.navbar.bootsnav.sticked .dialer-main-nav > li.nav-action,
.wrap-sticky nav.navbar.bootsnav.sticked .dialer-main-nav > li.nav-action > a {
    visibility: visible !important;
    opacity: 1 !important;
}
.wrap-sticky nav.navbar.bootsnav.sticked .dialer-main-nav .nav-new-client {
    color: #fff !important;
    background: #e51d2a !important;
}
.wrap-sticky nav.navbar.bootsnav.sticked .dialer-main-nav .nav-client-access {
    color: #fff !important;
    border-color: rgba(255,255,255,.9) !important;
    background: rgba(255,255,255,.08) !important;
}
.header-social {
    display: flex;
    height: 44px;
    align-items: center;
    gap: 0;
    margin: 8px 0 !important;
    padding: 4px 6px 4px 8px !important;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 24px;
    background: linear-gradient(135deg,rgba(255,255,255,.98),rgba(243,248,253,.94));
    box-shadow: 0 8px 22px rgba(4,18,34,.2),inset 0 1px 0 #fff;
    transition: transform .25s ease,box-shadow .25s ease;
}
.header-social:before {
    content: "SEGUINOS";
    margin: 0 4px 0 1px;
    color: #53677e;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.3px;
    white-space: nowrap;
}
.header-social:hover { transform: translateY(-1px); box-shadow: 0 11px 28px rgba(4,18,34,.27),inset 0 1px 0 #fff; }
.header-social > li { display: flex; align-items: center; }
.header-social > li > a {
    display: flex !important;
    width: 28px;
    height: 31px;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 50%;
    font-size: 20px !important;
    line-height: 31px !important;
    transition: color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.header-social > li > a:hover,.header-social > li > a:focus { background: #fff; transform: translateY(-2px) scale(1.08); box-shadow: 0 5px 12px rgba(23,35,56,.16); outline: 0; }
.header-social > li.search { margin-right: 3px; padding-right: 4px; border-right: 1px solid #d8e0e8; }
.header-social > li.search > a { color: #17304d !important; }
.header-social #logged-btn,.header-social #login-btn { display: none !important; }
.header-social .icofont-instagram { color: #e1306c !important; }
.header-social .icofont-facebook { color: #1877f2 !important; }
.header-social .icofont-twitter { color: #1d9bf0 !important; }
.header-social .icofont-youtube { color: #ff0000 !important; }
.header-social .icofont-brand-whatsapp { color: #25d366 !important; }

/* Redes sociales integradas al menu principal */
.header-tools{display:flex;height:38px;align-items:center;margin:11px 0!important;padding:0!important;border:1px solid rgba(255,255,255,.42);border-radius:20px;background:rgba(255,255,255,.08)}
.header-tools>li:not(.search){display:none!important}
.header-tools>li>a{display:flex!important;width:38px;height:38px;align-items:center;justify-content:center;padding:0!important;color:#fff!important;font-size:17px!important}
.nav-social-menu{position:relative}
.nav-social-menu details{position:relative}
.nav-social-menu summary{display:flex;height:38px;align-items:center;gap:5px;margin:11px 4px;padding:0 11px;border:1px solid rgba(90,205,224,.55);border-radius:6px;color:#fff;background:rgba(52,185,209,.1);font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer;list-style:none;transition:.2s}
.nav-social-menu summary::-webkit-details-marker{display:none}
.nav-social-menu summary:hover,.nav-social-menu details[open] summary{border-color:#61d3e6;background:rgba(52,185,209,.2)}
.nav-social-menu summary>i{color:#55c9dc;font-size:15px}
.nav-social-menu summary>b{margin-left:2px;font-size:14px;transition:transform .2s}
.nav-social-menu details[open] summary>b{transform:rotate(180deg)}
.nav-social-panel{position:absolute;z-index:1100;top:52px;right:4px;display:grid;width:215px;padding:9px;border:1px solid #dce6f0;border-radius:15px;background:#fff;box-shadow:0 18px 42px rgba(2,18,36,.27)}
.nav-social-panel:before{content:"";position:absolute;top:-6px;right:25px;width:12px;height:12px;border-top:1px solid #dce6f0;border-left:1px solid #dce6f0;background:#fff;transform:rotate(45deg)}
.nav-social-panel a{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:8px;border-radius:9px;color:#233a55!important;font-size:11px;font-weight:600;text-decoration:none!important;transition:.18s}
.nav-social-panel a:hover,.nav-social-panel a:focus{background:#eef5fb;transform:translateX(2px);outline:0}
.nav-social-panel a i{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:9px;background:#f1f5f9;font-size:19px}
.nav-social-panel a span,.nav-social-panel a strong,.nav-social-panel a small{display:block}
.nav-social-panel a strong{color:#233a55;font-size:11px;line-height:1.2}
.nav-social-panel a small{margin-top:3px;color:#7a8999;font-size:8px;font-weight:500;line-height:1.2}
.nav-social-panel .icofont-instagram{color:#e1306c}.nav-social-panel .icofont-facebook{color:#1877f2}.nav-social-panel .icofont-twitter{color:#1d9bf0}.nav-social-panel .icofont-youtube{color:#f00}.nav-social-panel .icofont-brand-whatsapp{color:#20b85d}
@media(min-width:1024px){.nav-social-menu:hover details:not([open]) .nav-social-panel{display:grid}.nav-social-menu details:not([open]) .nav-social-panel{display:none}}

/* Solicitud de alta de cliente */
.nuevo-cliente-modal .modal-dialog { margin-top: 7vh; }
.nuevo-cliente-modal .modal-content { border: 0; border-radius: 18px; overflow: hidden; box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.nuevo-cliente-layout { display: flex; margin: 0; }
.nuevo-cliente-intro { padding: 42px 38px; color: #fff; background: linear-gradient(145deg,#111b2e,#263b5a); }
.nuevo-cliente-icon { display: inline-flex; width: 62px; height: 62px; align-items: center; justify-content: center; position: relative; border-radius: 50%; color: #e51d2a; background: #fff; font-size: 32px; }
.nuevo-cliente-icon b { position: absolute; right: 9px; bottom: 6px; font-size: 20px; }
.nuevo-cliente-eyebrow { margin: 24px 0 8px; color: #ff6872; font-size: 12px; font-weight: 700; letter-spacing: 3px; }
.nuevo-cliente-intro h2 { margin: 0 0 16px; color: #fff; font-size: 34px; line-height: 1.08; }
.nuevo-cliente-intro > p { color: rgba(255,255,255,.78); line-height: 1.6; }
.nuevo-cliente-intro ul { margin: 24px 0 0; padding: 0; list-style: none; }
.nuevo-cliente-intro li { margin: 11px 0; color: #fff; }
.nuevo-cliente-intro li i { margin-right: 8px; color: #ff4b57; }
.nuevo-cliente-form-wrap { padding: 35px 38px 28px; background: #fff; }
.nuevo-cliente-form-wrap h3 { margin: 0; color: #172338; font-size: 25px; }
.nuevo-cliente-help { margin: 5px 0 20px; color: #6b7280; }
.nuevo-cliente-form-wrap label { margin-bottom: 5px; color: #303a4b; font-size: 12px; font-weight: 600; }
.nuevo-cliente-form-wrap .form-group { margin-bottom: 12px; }
.nuevo-cliente-form-wrap .form-control { position: relative; z-index: 2; height: 39px; border: 1px solid #d9dee7; border-radius: 6px; color: #172338 !important; background: #fff !important; box-shadow: none; opacity: 1 !important; pointer-events: auto !important; user-select: text !important; caret-color: #172338; }
.nuevo-cliente-form-wrap textarea.form-control { height: auto; resize: vertical; }
.nuevo-cliente-form-wrap .form-control:focus { border-color: #e51d2a; box-shadow: 0 0 0 3px rgba(229,29,42,.09); }
.nuevo-cliente-privacy { display:flex;align-items:center;gap:13px;width:100%;margin:3px 0 2px;padding:13px 15px;border:1px solid #bfd5ea;border-radius:10px;color:#263b55;background:#f2f8fd;box-shadow:0 5px 14px rgba(34,87,139,.07);font-weight:400!important;cursor:pointer;transition:.2s }
.nuevo-cliente-privacy:hover { border-color:#75b5e8;background:#eaf5fe;box-shadow:0 7px 18px rgba(34,87,139,.12) }
.nuevo-cliente-privacy input { width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#0875d1;cursor:pointer }
.nuevo-cliente-privacy span,.nuevo-cliente-privacy strong,.nuevo-cliente-privacy small { display:block }
.nuevo-cliente-privacy strong { color:#18334f;font-size:12px;line-height:1.25 }
.nuevo-cliente-privacy small { margin-top:4px;color:#63788e;font-size:9px;line-height:1.35 }
.nuevo-cliente-privacy:has(input:checked) { border-color:#45a878;background:#edf9f3;box-shadow:0 0 0 3px rgba(37,169,100,.09) }
.nuevo-cliente-submit { width: 100%; margin-top: 14px; padding: 12px 20px; color: #fff; border: 0; border-radius: 7px; background: #e51d2a; font-weight: 700; letter-spacing: .5px; }
.nuevo-cliente-submit:hover,.nuevo-cliente-submit:focus { color: #fff; background: #bf1420; }
.nuevo-cliente-submit i { float: right; font-size: 20px; }
.nuevo-cliente-close { position: absolute; z-index: 3; top: 10px; right: 14px; color: #172338; font-size: 30px; opacity: .65; }
.nuevo-cliente-result { display: none; padding: 40px 10px; text-align: center; color: #172338; font-size: 18px; line-height: 1.6; }
.nuevo-cliente-result i { display: block; margin-bottom: 15px; color: #25a65a; font-size: 52px; }
.alta-web { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.acceso-clientes-modal .modal-dialog { margin-top: 9vh; max-width: 880px; }
.acceso-clientes-modal .modal-content { border: 0; border-radius: 18px; overflow: hidden; box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.acceso-clientes-intro { min-height: 520px; display: flex; flex-direction: column; justify-content: center; }
.acceso-clientes-intro h2 { font-size: 36px; }
.acceso-clientes-form { min-height: 520px; display: flex; flex-direction: column; justify-content: center; padding: 45px 48px; }
.acceso-clientes-form h3 { font-size: 28px; }
.access-password { position: relative; }
.access-password input { padding-right: 82px; }
.access-password button { position: absolute; right: 9px; top: 9px; border: 0; background: none; color: #176ba0; font-size: 11px; font-weight: 700; }
.access-submit { margin-top: 8px; background: #172338; }
.access-submit:hover,.access-submit:focus { background: #244b76; }
.access-help { display: flex; justify-content: space-between; margin: 16px 0 28px; }
.access-help button,.access-new-client button { padding: 0; border: 0; background: none; color: #176ba0; font-size: 12px; font-weight: 700; }
.access-new-client { padding-top: 20px; border-top: 1px solid #e1e6ec; text-align: center; color: #687386; font-size: 13px; }
.access-login-error { display: none; margin-bottom: 12px; padding: 9px 12px; border-radius: 5px; color: #a20f1a; background: #fdecee; font-size: 13px; }
@media (max-width:767px){.acceso-clientes-modal .modal-dialog{margin:12px}.acceso-clientes-intro{min-height:0}.acceso-clientes-form{min-height:0;padding:28px 24px}.access-help{display:block}.access-help button{display:block;margin:10px auto}}

/* Por que Dialer */
.why-dialer-section{padding:85px 0;background:#f4f7fa}.why-dialer-section #timeline{display:none}.why-dialer-section .section-heading{max-width:760px;margin-bottom:38px}.why-dialer-eyebrow{margin:0 0 10px;color:#e51d2a;font-size:12px;font-weight:700;letter-spacing:4px}.why-dialer-title{margin:0 0 14px;color:#172338;font-family:'Playfair Display',serif;font-size:47px;font-weight:700;line-height:1.08}.why-dialer-lead{margin:0;color:#627083;font-size:18px;line-height:1.65}.why-dialer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.why-card{min-height:235px;padding:28px;border:1px solid #e2e8ef;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(23,35,56,.05);transition:transform .25s,box-shadow .25s}.why-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(23,35,56,.1)}.why-card-featured{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;border:0;background:linear-gradient(150deg,#0b1e35,#234a72)}.why-card-accent{color:#fff;border:0;background:#e51d2a}.why-icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;margin-bottom:24px;border-radius:12px;color:#e51d2a;background:#fdecee;font-size:25px}.why-card-featured .why-icon,.why-card-accent .why-icon{color:#fff;background:rgba(255,255,255,.14)}.why-card h3{margin:0 0 10px;color:#172338;font-size:20px;font-weight:700}.why-card-accent h3{color:#fff}.why-card p{margin:0;color:#687587;line-height:1.55}.why-card-featured p,.why-card-accent p{color:rgba(255,255,255,.78)}.why-since{margin-bottom:18px}.why-since strong{display:block;color:#fff;font-size:40px;line-height:1}.why-since span{display:block;margin-top:8px;color:#6ad4e5;font-weight:600}.why-dialer-proof{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0;padding:22px 0;border-top:1px solid #dce3eb;border-bottom:1px solid #dce3eb;color:#6b7685;text-align:center}.why-dialer-proof span+span{border-left:1px solid #dce3eb}.why-dialer-proof b{display:block;color:#172338;font-size:17px}.why-dialer-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 34px;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(23,35,56,.06)}.why-dialer-cta h3{margin:0 0 5px;color:#172338;font-size:23px}.why-dialer-cta p{margin:0;color:#718095}.why-btn{display:inline-block;margin-left:8px;padding:12px 17px;border-radius:6px;font-size:12px;font-weight:700;text-decoration:none!important}.why-btn-primary{color:#fff!important;background:#e51d2a}.why-btn-secondary{color:#172338!important;border:1px solid #172338}
@media(max-width:991px){.why-dialer-grid{grid-template-columns:repeat(2,1fr)}.why-card-featured{grid-row:span 1}.why-dialer-cta{display:block}.why-dialer-cta>div:last-child{margin-top:20px}.why-btn{margin:5px 8px 0 0}}
@media(max-width:600px){.why-dialer-section{padding:60px 0}.why-dialer-title{font-size:36px}.why-dialer-grid{grid-template-columns:1fr}.why-card{min-height:0}.why-dialer-proof{grid-template-columns:repeat(2,1fr);gap:18px}.why-dialer-proof span+span{border-left:0}.why-dialer-cta{padding:25px}.why-btn{display:block;text-align:center}}

/* Tarjetas ilustradas Por que Dialer */
.why-card{position:relative;min-height:235px;padding:0;overflow:hidden;background-color:#fff;background-repeat:no-repeat;background-size:cover;background-position:center}.why-card-copy{position:relative;z-index:2}.why-card-horizontal:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 43%,rgba(255,255,255,.96) 51%,rgba(255,255,255,.72) 59%,rgba(255,255,255,0) 72%)}.why-card-horizontal .why-card-copy{display:flex;width:53%;height:100%;min-height:235px;flex-direction:column;justify-content:center;padding:22px 0 22px 22px}.why-card h3{margin:0 0 9px;color:#172338;font-size:18px;font-weight:700;line-height:1.15}.why-card p{margin:0;color:#687587;font-size:12px;line-height:1.42}.why-card-featured{grid-row:span 2;display:block;min-height:488px;color:#172338;border:1px solid #e2e8ef;background-image:linear-gradient(0deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 29%,rgba(255,255,255,.45) 45%,rgba(255,255,255,0) 60%),url('../images/why-dialer/experiencia-desde-1990.webp');background-position:center}.why-card-featured .why-card-copy{position:absolute;right:26px;bottom:25px;left:26px}.why-card-featured p{color:#596a7d}.why-card-project{background-image:url('../images/why-dialer/todo-para-tu-proyecto.webp')}.why-card-multibrand{background-image:url('../images/why-dialer/soluciones-multimarca.webp')}.why-card-advice{background-image:url('../images/why-dialer/asesoramiento-especializado.webp')}.why-card-support{background-image:url('../images/why-dialer/acompanamiento-continuo.webp')}.why-since{margin-bottom:9px}.why-since strong{display:block;color:#096bca;font-size:33px;line-height:1}.why-since span{display:block;margin-top:7px;color:#172338;font-weight:700}
@media(max-width:991px){.why-card-featured{grid-column:1/-1;grid-row:span 1;min-height:320px;background-position:center 20%}.why-card-horizontal,.why-card-horizontal .why-card-copy{min-height:228px}}
@media(max-width:600px){.why-card-featured{min-height:420px;background-position:center}.why-card-horizontal,.why-card-horizontal .why-card-copy{min-height:204px}.why-card-horizontal .why-card-copy{width:60%;padding:18px 0 18px 18px}.why-card-horizontal:before{background:linear-gradient(90deg,#fff 0%,#fff 48%,rgba(255,255,255,.94) 58%,rgba(255,255,255,0) 80%)}.why-card h3{font-size:17px}.why-card p{font-size:11px}}
@media(max-width:600px){.why-card-featured{background-image:linear-gradient(0deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 29%,rgba(255,255,255,.45) 45%,rgba(255,255,255,0) 60%),url('../images/why-dialer/experiencia-desde-1990-mobile.webp')}.why-card-project{background-image:url('../images/why-dialer/todo-para-tu-proyecto-mobile.webp')}.why-card-multibrand{background-image:url('../images/why-dialer/soluciones-multimarca-mobile.webp')}.why-card-advice{background-image:url('../images/why-dialer/asesoramiento-especializado-mobile.webp')}.why-card-support{background-image:url('../images/why-dialer/acompanamiento-continuo-mobile.webp')}}

/* Canal de YouTube */
.youtube-modern{padding:82px 0;background:#f3f7fc}
.youtube-modern-inner{width:calc(100% - 64px)!important;max-width:1400px!important;padding:0!important}
.youtube-modern-card{position:relative;min-height:610px;overflow:hidden;border:1px solid #dbe6f2;border-radius:30px;background:#eef5fc url('../images/youtube-dialer-escritorio.jpg') center center/cover no-repeat;box-shadow:0 25px 60px rgba(25,66,111,.16)}
.youtube-modern-card:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 27%,rgba(255,255,255,.58) 39%,rgba(255,255,255,0) 55%)}
.youtube-modern-copy{position:relative;z-index:3;display:flex;width:43%;min-height:610px;flex-direction:column;justify-content:center;padding:60px 0 60px 64px}
.youtube-modern-eyebrow{display:inline-flex;align-items:center;align-self:flex-start;gap:9px;margin-bottom:18px;color:#d8202d;font-size:11px;font-weight:700;letter-spacing:2.6px}
.youtube-modern-eyebrow i{font-size:24px}
.youtube-modern-copy h2{max-width:470px;margin:0 0 20px;color:#10243e;font-family:'Playfair Display',serif;font-size:46px;font-weight:700;line-height:1.08}
.youtube-modern-copy>p{max-width:430px;margin:0;color:#5e7085;font-size:16px;line-height:1.65}
.youtube-modern-button{display:inline-flex;align-self:flex-start;align-items:center;gap:13px;margin-top:31px;padding:10px 19px 10px 10px;border-radius:30px;color:#fff!important;background:#e51d2a;box-shadow:0 10px 24px rgba(229,29,42,.28);font-size:11px;font-weight:700;letter-spacing:.7px;text-decoration:none!important;transition:transform .2s,background .2s,box-shadow .2s}
.youtube-modern-button:hover,.youtube-modern-button:focus{color:#fff!important;background:#c91622;transform:translateY(-2px);box-shadow:0 13px 28px rgba(229,29,42,.35);outline:0}
.youtube-play{display:flex;width:39px;height:39px;align-items:center;justify-content:center;border-radius:50%;color:#e51d2a;background:#fff;font-size:18px}
.youtube-modern-button small{display:block;margin-top:3px;color:rgba(255,255,255,.76);font-size:8px;font-weight:400;letter-spacing:.15px}
.youtube-modern-image-link{position:absolute;z-index:2;top:0;right:0;bottom:0;width:57%}
@media(max-width:991px){.youtube-modern{padding:65px 0}.youtube-modern-inner{width:calc(100% - 40px)!important}.youtube-modern-card{min-height:530px;background-position:58% center}.youtube-modern-copy{width:51%;min-height:530px;padding:45px 0 45px 38px}.youtube-modern-copy h2{font-size:38px}.youtube-modern-card:before{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.25) 61%,rgba(255,255,255,0) 75%)}}
@media(max-width:600px){.youtube-modern{padding:48px 0}.youtube-modern-inner{width:calc(100% - 30px)!important}.youtube-modern-card{min-height:0;padding-top:125vw;border-radius:22px;background-image:url('../images/youtube-dialer-celular.jpg');background-position:center top;background-size:100% auto;background-repeat:no-repeat}.youtube-modern-card:before{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) calc(125vw - 45px),rgba(255,255,255,.98) 125vw,#fff 100%)}.youtube-modern-copy{width:100%;min-height:0;padding:30px 23px 27px;background:#fff}.youtube-modern-eyebrow{margin-bottom:12px;font-size:9px}.youtube-modern-copy h2{font-size:32px}.youtube-modern-copy>p{font-size:14px}.youtube-modern-button{width:100%;justify-content:center;margin-top:23px}.youtube-modern-image-link{top:0;width:100%;height:125vw;bottom:auto}}

/* Marcas */
.legacy-brand-section{display:none!important}.brand-showcase{padding:90px 0;background:#f7f9fc}.brand-hero{position:relative;display:grid;grid-template-columns:31% 1fr;min-height:470px;overflow:hidden;padding:58px 62px 100px;border-radius:44px;background:radial-gradient(circle at 78% 40%,rgba(166,208,255,.5),transparent 30%),linear-gradient(135deg,#fff 0%,#f4f7fd 52%,#e9f1fc 100%);box-shadow:0 28px 70px rgba(27,62,105,.12)}.brand-hero:before,.brand-hero:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;background:linear-gradient(145deg,#fff,#c9dcf4);box-shadow:inset -9px -12px 20px rgba(75,123,180,.18),0 15px 35px rgba(52,98,154,.18)}.brand-hero:before{top:42px;right:45px}.brand-hero:after{right:-26px;bottom:28px;width:125px;height:125px}.brand-hero-copy{position:relative;z-index:3;align-self:center}.brand-icon{display:flex;width:56px;height:56px;align-items:center;justify-content:center;margin-bottom:24px;border:1px solid #d7e4f5;border-radius:15px;color:#0875d1;background:rgba(255,255,255,.86);box-shadow:0 10px 24px rgba(32,91,155,.12);font-size:29px}.brand-eyebrow{margin:0 0 8px;color:#0875d1;font-size:12px;font-weight:700;letter-spacing:3px}.brand-hero h2{margin:0 0 18px;color:#14243b;font-family:'Playfair Display',serif;font-size:42px;font-weight:700;line-height:1.06}.brand-hero-copy>p:not(.brand-eyebrow){margin:0;color:#66768a;font-size:14px;line-height:1.65}.brand-all-link{display:inline-block;margin-top:25px;color:#086ec3!important;font-size:12px;font-weight:700;letter-spacing:.7px;text-decoration:none!important}.brand-featured{position:relative;z-index:2;min-height:300px}.brand-orbit{position:absolute;top:50%;left:53%;border:1px solid rgba(43,141,232,.3);border-radius:50%;transform:translate(-50%,-50%)}.brand-orbit-one{width:430px;height:240px}.brand-orbit-two{width:335px;height:335px}.brand-cube{position:absolute;top:50%;display:flex;width:215px;height:205px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.92);border-radius:29px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(220,233,249,.78));box-shadow:inset 5px 5px 13px #fff,inset -8px -10px 18px rgba(101,143,190,.16),0 26px 42px rgba(55,104,160,.2);transform:translateY(-50%);transition:transform .25s,box-shadow .25s}.brand-cube-left{left:13%}.brand-cube-right{right:9%;top:55%}.brand-cube img{max-width:76%;max-height:92px}.brand-cube span,.brand-tile span{position:absolute;right:0;bottom:16px;left:0;color:#0875d1;font-size:9px;font-weight:700;letter-spacing:1px;text-align:center;opacity:0;transition:opacity .2s}.brand-cube:hover{z-index:4;transform:translateY(-54%);box-shadow:inset 5px 5px 13px #fff,inset -8px -10px 18px rgba(101,143,190,.16),0 32px 48px rgba(55,104,160,.28)}.brand-cube:hover span,.brand-tile:hover span{opacity:1}.brand-benefits{position:absolute;right:56px;bottom:28px;left:40%;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);padding-top:20px;border-top:1px solid rgba(110,151,196,.22)}.brand-benefits span{display:flex;align-items:center;justify-content:center;gap:9px;color:#62758b;font-size:10px}.brand-benefits i{color:#0875d1;font-size:23px}.brand-heading{display:flex;align-items:end;justify-content:space-between;margin:60px 0 25px}.brand-heading h3{margin:0;color:#172338;font-size:30px}.brand-heading>p{margin:0;color:#718095;font-size:14px}.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.brand-tile{position:relative;display:flex;height:132px;align-items:center;justify-content:center;overflow:hidden;padding:20px;border:1px solid #e1e8f0;border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(23,35,56,.05);transition:transform .2s,border-color .2s,box-shadow .2s}.brand-tile img{max-width:100%;max-height:68px;transition:transform .2s}.brand-tile:hover{border-color:#acd2f4;transform:translateY(-4px);box-shadow:0 15px 30px rgba(23,72,122,.12)}.brand-tile:hover img{transform:translateY(-7px) scale(.96)}
@media(max-width:1199px){.brand-hero{grid-template-columns:36% 1fr;padding-right:35px;padding-left:40px}.brand-cube{width:185px;height:180px}.brand-cube-left{left:8%}.brand-cube-right{right:4%}.brand-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:991px){.brand-showcase{padding:65px 0}.brand-hero{grid-template-columns:1fr;padding:45px 40px 125px}.brand-hero-copy{max-width:560px}.brand-featured{min-height:340px;margin-top:15px}.brand-cube{width:220px;height:205px}.brand-cube-left{left:19%}.brand-cube-right{right:18%}.brand-benefits{right:35px;left:35px}.brand-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.brand-showcase{padding:50px 0}.brand-hero{padding:34px 22px 135px;border-radius:25px}.brand-hero h2{font-size:34px}.brand-featured{min-height:270px}.brand-orbit-one{width:300px;height:175px}.brand-orbit-two{width:250px;height:250px}.brand-cube{width:145px;height:145px;border-radius:22px}.brand-cube-left{left:2%}.brand-cube-right{right:2%}.brand-cube img{max-height:65px}.brand-benefits{right:15px;bottom:24px;left:15px;gap:6px}.brand-benefits span{display:block;text-align:center}.brand-benefits i{display:block;margin-bottom:5px}.brand-benefits b{font-size:8px}.brand-heading{display:block;margin-top:42px}.brand-heading h3{font-size:25px}.brand-heading>p{margin-top:8px}.brand-grid{grid-template-columns:repeat(2,1fr);gap:10px}.brand-tile{height:110px;padding:17px;border-radius:14px}.brand-tile img{max-height:56px}}

.brand-showcase-draft,.legacy-brand-section{display:none!important}

/* Soluciones multimarca */
.brand-solutions{padding:68px 0 82px;background:#f7faff url('../images/marcas/fondo-marcas-escritorio.png') center top/cover no-repeat;color:#10244a;overflow:hidden}.brand-solutions-inner{position:relative}.brand-solutions-header{max-width:720px;margin:0 auto 38px;text-align:center}.brand-solutions-header>span{display:inline-block;padding:9px 24px;border:1px solid #b8d3f4;border-radius:24px;color:#0875e1;background:rgba(255,255,255,.64);font-size:12px;font-weight:700;letter-spacing:4px}.brand-solutions-header h2{margin:13px 0 8px;color:#092250;font-family:Arial,sans-serif;font-size:48px;font-weight:700;letter-spacing:-1.5px;line-height:1}.brand-solutions-header h2 strong{color:#087bf0}.brand-solutions-header p{max-width:590px;margin:17px auto 0;color:#526787;font-size:16px;line-height:1.55}.brand-category-grid{display:grid;gap:18px}.brand-category-grid-top{grid-template-columns:1fr 1.18fr 1fr}.brand-category-grid-bottom{grid-template-columns:.9fr 1.1fr;max-width:980px;margin:72px auto 0}.brand-category{position:relative;min-width:0;padding:64px 18px 22px;border:1px solid rgba(190,211,238,.72);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 17px 34px rgba(42,90,149,.13),inset 0 1px 0 #fff;text-align:center;backdrop-filter:blur(4px)}.brand-category-grid-top .brand-category{min-height:290px}.brand-category-grid-bottom .brand-category{min-height:190px}.brand-category-icon{position:absolute;top:-52px;left:50%;width:108px;height:108px;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 9px 12px rgba(44,94,158,.16))}.brand-category h3{margin:0;color:#102451;font-size:17px;font-weight:700;line-height:1.2}.brand-category-rule{width:34px;height:2px;margin:10px auto 24px;background:#1682f4}.brand-logo-grid{display:grid;align-items:stretch;justify-content:center;gap:11px}.brand-logo-grid-2{grid-template-columns:repeat(2,minmax(0,145px));margin-top:38px}.brand-logo-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:43px}.brand-logo-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-logo-button{position:relative;display:flex;min-width:0;height:69px;align-items:center;justify-content:center;padding:10px;border:1px solid #dbe7f5;border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 6px 13px rgba(50,88,133,.12),inset 0 1px 0 #fff;transition:transform .2s,border-color .2s,box-shadow .2s}.brand-logo-button img{display:block;max-width:100%;max-height:43px;object-fit:contain}.brand-logo-button:hover,.brand-logo-button:focus{border-color:#80baf0;transform:translateY(-3px);box-shadow:0 11px 20px rgba(39,100,166,.2);outline:0}.brand-logo-static{cursor:default}.brand-logo-static:hover{border-color:#dbe7f5;transform:none;box-shadow:0 6px 13px rgba(50,88,133,.12),inset 0 1px 0 #fff}.brand-logo-static small{position:absolute;right:4px;bottom:3px;left:4px;color:#8c9aae;font-size:7px;font-weight:700;letter-spacing:1px}.brand-category-intrusion .brand-logo-button,.brand-category-connectivity .brand-logo-button{height:61px}.brand-category-intrusion .brand-logo-button img,.brand-category-connectivity .brand-logo-button img{max-height:36px}.brand-category-access .brand-logo-grid{margin-top:4px}.brand-category-connectivity .brand-logo-grid{margin-top:-2px}.brand-trust-bar{display:grid;grid-template-columns:repeat(3,1fr);max-width:880px;margin:34px auto 0;padding:16px 20px;border:1px solid rgba(190,211,238,.7);border-radius:22px;background:rgba(255,255,255,.76);box-shadow:0 12px 28px rgba(42,90,149,.1);backdrop-filter:blur(4px)}.brand-trust-bar>div{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 18px;text-align:left}.brand-trust-bar>div+div{border-left:1px solid #cbd9e9}.brand-trust-bar i{display:flex;width:48px;height:48px;flex:0 0 48px;align-items:center;justify-content:center;border-radius:14px;color:#087bf0;background:#fff;box-shadow:0 6px 14px rgba(35,94,160,.13);font-size:26px}.brand-trust-bar span{display:block}.brand-trust-bar strong,.brand-trust-bar small{display:block}.brand-trust-bar strong{color:#102451;font-size:13px}.brand-trust-bar small{margin-top:4px;color:#60728b;font-size:11px}
@media(max-width:991px){.brand-solutions{padding-top:60px}.brand-solutions-header{margin-bottom:35px}.brand-category-grid-top{grid-template-columns:repeat(2,1fr)}.brand-category-video{grid-column:1/-1}.brand-category-grid-bottom{grid-template-columns:1fr;margin-top:68px}.brand-category-grid-bottom .brand-category{min-height:210px}.brand-logo-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-category-video .brand-logo-grid{max-width:560px;margin-right:auto;margin-left:auto}.brand-trust-bar{grid-template-columns:1fr;padding:4px 20px}.brand-trust-bar>div{justify-content:flex-start;padding:14px 20px}.brand-trust-bar>div+div{border-top:1px solid #cbd9e9;border-left:0}}
@media(max-width:600px){.brand-solutions{padding:48px 0 58px;background-image:url('../images/marcas/fondo-marcas-celular.png');background-size:100% 100%}.brand-solutions-header{margin-bottom:28px}.brand-solutions-header>span{padding:8px 18px;font-size:10px;letter-spacing:3px}.brand-solutions-header h2{font-size:37px;line-height:1.05}.brand-solutions-header p{font-size:14px}.brand-category-grid-top,.brand-category-grid-bottom{grid-template-columns:1fr;gap:68px}.brand-category-grid-bottom{margin-top:68px}.brand-category-video{grid-column:auto}.brand-category,.brand-category-grid-top .brand-category,.brand-category-grid-bottom .brand-category{min-height:0;padding:58px 14px 20px;border-radius:20px}.brand-category-icon{top:-45px;width:94px;height:94px}.brand-category h3{font-size:16px}.brand-category-rule{margin-bottom:20px}.brand-logo-grid-2,.brand-logo-grid-3,.brand-logo-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.brand-logo-grid-2{margin-top:20px}.brand-logo-button,.brand-category-intrusion .brand-logo-button,.brand-category-connectivity .brand-logo-button{height:66px}.brand-logo-button img,.brand-category-intrusion .brand-logo-button img,.brand-category-connectivity .brand-logo-button img{max-height:40px}.brand-trust-bar{margin-top:28px;border-radius:18px}.brand-trust-bar>div{padding:12px 6px}.brand-trust-bar i{width:44px;height:44px;flex-basis:44px}}

@media (max-width: 1279px) {
    .dialer-main-nav { margin-right: 50px; }
    .dialer-main-nav > li > a { padding-left: 7px !important; padding-right: 7px !important; font-size: 11px !important; }
    .dialer-main-nav > li.nav-action > a { padding: 9px !important; }
}
@media (max-width: 1599px) {
    .header-social:before { display: none; }
}

/* Contencion final para celulares: evita que el slider y el header
   ensanchen el documento mas alla del viewport. */
@media (min-width: 601px) and (max-width: 1023px) {
    body nav.navbar.bootsnav > #btnHamb.mobile-menu-trigger {
        position: fixed !important;
        top: 10px;
        right: 15px;
        left: auto !important;
        z-index: 2147483000 !important;
        display: block !important;
        visibility: visible !important;
        width: 46px !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        opacity: 1 !important;
        border: 1px solid rgba(255,255,255,.42) !important;
        border-radius: 6px;
        background: rgba(255,255,255,.12) !important;
    }
    body nav.navbar.bootsnav > #btnHamb.mobile-menu-trigger .mobile-menu-icon { display:flex;width:24px;height:20px;flex-direction:column;justify-content:space-between }
    body nav.navbar.bootsnav > #btnHamb.mobile-menu-trigger .mobile-menu-icon>span { display:block;width:100%;height:2px;border-radius:2px;background:#fff }
}
@media (max-width: 600px) {
    html,
    body,
    .wrapper,
    .rev_slider_wrapper,
    .rev_slider {
        max-width: 100%;
        overflow-x: hidden;
    }

    nav.navbar.bootsnav .navbar-header > .logo > a {
        width: 174px;
    }

    .hero-slider-section,
    #rev_slider_26_1_wrapper,
    #rev_slider_26_1 {
        min-height: 0 !important;
    }

    nav.navbar.bootsnav .attr-nav {
        display: none !important;
    }

    body nav.navbar.bootsnav > #btnHamb.mobile-menu-trigger {
        position: fixed !important;
        top: 10px;
        right: 15px;
        left: auto !important;
        z-index: 2147483000 !important;
        display: block !important;
        visibility: visible !important;
        float: none !important;
        width: 46px !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        color: #fff !important;
        border: 1px solid rgba(255,255,255,.42) !important;
        border-radius: 6px;
        background: rgba(255,255,255,.12) !important;
        box-shadow: 0 4px 12px rgba(0,0,0,.18) !important;
        transform: none !important;
        font-size: 23px;
    }

    body nav.navbar.bootsnav > #btnHamb.mobile-menu-trigger .mobile-menu-icon {
        display: flex;
        width: 24px;
        height: 20px;
        flex-direction: column;
        justify-content: space-between;
    }

    body nav.navbar.bootsnav > #btnHamb.mobile-menu-trigger .mobile-menu-icon > span {
        display: block;
        width: 100%;
        height: 2px;
        border-radius: 2px;
        background: #fff;
        box-shadow: 0 0 1px rgba(0,0,0,.2);
    }

    #rev_slider_26_1 .tp-caption[data-type="text"] {
        box-sizing: border-box !important;
        min-width: 0 !important;
        max-width: calc(100vw - 30px) !important;
    }

    .tp-parallax-wrap:has(#slide-73-layer-2),
    .tp-parallax-wrap:has(#slide-74-layer-2),
    .tp-parallax-wrap:has(#slide-75-layer-2),
    .tp-parallax-wrap:has(#slide-76-layer-2) {
        right: auto !important;
        left: 20px !important;
        width: calc(100vw - 40px) !important;
    }

    #slide-73-layer-2,
    #slide-74-layer-2,
    #slide-75-layer-2,
    #slide-76-layer-2 {
        box-sizing: border-box !important;
        width: calc(100vw - 40px) !important;
        min-width: calc(100vw - 40px) !important;
        max-width: calc(100vw - 40px) !important;
        padding-right: 8px !important;
        padding-left: 8px !important;
        font-size: 36px !important;
        line-height: 38px !important;
    }

    #slide-73-layer-3,
    #slide-74-layer-3,
    #slide-75-layer-3,
    #slide-76-layer-3 {
        width: calc(100vw - 40px) !important;
        box-sizing: border-box !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
        font-size: 10px !important;
        line-height: 14px !important;
        letter-spacing: 3px !important;
        white-space: nowrap !important;
        text-align: left !important;
    }

    #slide-73-layer-2,
    #slide-74-layer-2,
    #slide-75-layer-2,
    #slide-76-layer-2 {
        font-size: 33px !important;
        line-height: 35px !important;
    }

    #slide-74-layer-2 { text-align: left !important; }

    .tp-parallax-wrap:has(#slide-73-layer-1) { left: 58px !important; width: 430px !important; }
    .tp-parallax-wrap:has(#slide-74-layer-1) { left: -55px !important; width: 440px !important; }
    .tp-parallax-wrap:has(#slide-75-layer-1) { left: -35px !important; width: 460px !important; }
    .tp-parallax-wrap:has(#slide-76-layer-1) { left: -35px !important; width: 460px !important; }

    #slide-73-layer-1 img { width: 430px !important; height: auto !important; }
    #slide-74-layer-1 img { width: 440px !important; height: auto !important; }
    #slide-75-layer-1 img,
    #slide-76-layer-1 img { width: 460px !important; height: auto !important; }

    .hero-mobile-actions {
        position: absolute;
        right: 16px;
        bottom: 70px;
        left: 16px;
        z-index: 90;
        display: grid;
        grid-template-columns: .85fr 1.15fr;
        gap: 8px;
    }

    .hero-mobile-actions a {
        display: flex;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        padding: 9px 7px;
        border-radius: 7px;
        font-size: 9px;
        font-weight: 700;
        letter-spacing: .55px;
        text-align: center;
        text-decoration: none !important;
        box-shadow: 0 8px 20px rgba(0,0,0,.2);
    }

    .hero-mobile-primary { color: #fff !important; background: #e51d2a; }
    .hero-mobile-secondary { color: #10243e !important; background: rgba(255,255,255,.95); }

    .tiny_bullet_slider .tp-bullet { bottom: 18px !important; }
}
@media (max-width: 1023px) {
    nav.navbar.bootsnav.no-full .navbar-collapse,
    nav.navbar.bootsnav .navbar-collapse.collapse.in {
        max-height: calc(100vh - 60px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .dialer-main-nav { display: block; float: none; margin: 0; }
    .dialer-main-nav > li.nav-action > a { margin: 7px 15px; text-align: center; }
    .dialer-main-nav .nav-client-access { color: #fff !important; border-color: rgba(255,255,255,.85); }
    .header-social > li.search { display: none; }
	.nav-social-menu details,.nav-social-menu summary{width:100%}
	.nav-social-menu summary{height:auto;min-height:46px;margin:0;padding:12px 15px;border:0;border-bottom:1px solid rgba(255,255,255,.14);border-radius:0;background:transparent;font-size:11px}
	.nav-social-menu summary>b{margin-left:auto;margin-right:5px}
	.nav-social-panel{position:static;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;margin:8px 15px 14px;padding:8px;border-color:rgba(255,255,255,.15);background:#fff;box-shadow:none}
	.nav-social-panel:before{display:none}
	.nav-social-panel a{min-width:0;gap:7px;padding:7px 6px;font-size:12px}
	.nav-social-panel a i{width:31px;height:31px;font-size:17px}
	.nav-social-panel a span{min-width:0}
	.nav-social-panel a strong,.nav-social-panel a small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.nav-social-panel a:last-child{grid-column:1/-1}
}
@media (max-width: 767px) {
    .nuevo-cliente-modal .modal-dialog { margin: 12px; }
    .nuevo-cliente-layout { display: block; }
    .nuevo-cliente-intro { padding: 28px 25px 22px; }
    .nuevo-cliente-intro h2 { font-size: 28px; }
    .nuevo-cliente-intro ul { display: none; }
    .nuevo-cliente-form-wrap { padding: 25px 22px; }
    .nuevo-cliente-close { color: #fff; }
}
/* Mantiene la proporcion del fondo vertical de marcas en celulares. */
@media (max-width: 600px) {
    .brand-solutions {
        background-color: #f4f8ff;
        background-image: url('../images/marcas/fondo-marcas-celular.jpg');
        background-position: center top;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
}

/* Orientador de contacto - etapa 1 */
#contacto.contact-modern{min-height:0;padding:82px 0 110px;overflow:visible;background-color:#eef5fc;background-image:radial-gradient(ellipse at 17% 46%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.48) 25%,transparent 53%),radial-gradient(ellipse at 84% 50%,rgba(104,190,255,.15) 0%,transparent 44%),linear-gradient(180deg,#eef5fc 0%,#f8fbff 34%,#f5faff 70%,#eef5fc 100%);background-position:center;background-size:auto;background-repeat:no-repeat}
#contacto.contact-modern>.container{display:block!important;padding-right:15px;padding-left:15px}
.contact-modern-heading{margin-bottom:28px;text-align:center}
.contact-modern-heading>span{display:inline-block;margin-bottom:10px;color:#0875d1;font-size:11px;font-weight:700;letter-spacing:3.5px}
.contact-modern-heading h2{margin:0;color:#10243e;font-family:'Playfair Display',serif;font-size:44px;font-weight:700;line-height:1.08}
.contact-modern-heading p{max-width:660px;margin:14px auto 0;color:#61738a;font-size:16px;line-height:1.55}
.contact-router{float:none;margin:0 auto}
.contact-audience{display:flex;max-width:830px;align-items:center;justify-content:space-between;gap:24px;margin:0 auto;padding:18px 20px 18px 25px;border:1px solid #d7e3ef;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(28,69,115,.08)}
.contact-audience>strong{color:#172b45;font-size:16px}
.contact-audience>div{display:flex;gap:9px}
.contact-audience button{padding:11px 16px;border:1px solid #cbd9e8;border-radius:9px;color:#36516f;background:#f8fbfe;font-size:10px;font-weight:700;letter-spacing:.5px;transition:.2s}
.contact-audience button i{margin-right:5px;font-size:15px;vertical-align:-1px}
.contact-audience button:hover,.contact-audience button:focus,.contact-audience button.is-selected{color:#fff;border-color:#0875d1;background:#0875d1;box-shadow:0 7px 17px rgba(8,117,209,.22);outline:0}
.contact-route-options{max-width:1180px;margin:28px auto 0}
.contact-route-intro{margin:0 0 16px;color:#60738b;font-size:13px;text-align:center}
.contact-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.contact-route-card{position:relative;display:flex;min-width:0;min-height:145px;flex-direction:column;align-items:flex-start;padding:21px 38px 19px 20px;border:1px solid #dbe5ef;border-radius:16px;color:#172b45!important;background:#fff;box-shadow:0 8px 24px rgba(27,67,111,.07);text-align:left;text-decoration:none!important;transition:transform .2s,border-color .2s,box-shadow .2s}
button.contact-route-card{width:100%;font-family:inherit}
.contact-route-card:hover,.contact-route-card:focus{border-color:#9cc8ed;transform:translateY(-3px);box-shadow:0 14px 29px rgba(27,67,111,.13);outline:0}
.contact-route-card>i{display:flex;width:40px;height:40px;align-items:center;justify-content:center;margin-bottom:14px;border-radius:11px;color:#0875d1;background:#eaf4fd;font-size:21px}
.contact-route-card span{display:block}
.contact-route-card strong,.contact-route-card small{display:block}
.contact-route-card strong{margin-bottom:6px;color:#172b45;font-size:14px}
.contact-route-card small{color:#6b7d92;font-size:10px;line-height:1.45}
.contact-route-card>b{position:absolute;right:17px;bottom:17px;color:#0875d1;font-size:19px}
.contact-new-client>i{color:#d91d2b;background:#fdecee}
.contact-form-panel{display:none;float:none!important;max-width:960px;margin:30px auto 0;padding:30px!important;border:1px solid #dbe5ef;border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(27,67,111,.11)}
.contact-form-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #e2e9f1}
.contact-form-panel-head span{color:#0875d1;font-size:9px;font-weight:700;letter-spacing:2px}
.contact-form-panel-head h3{margin:4px 0 0;color:#172b45;font-size:23px}
.contact-form-panel-head button{padding:9px 12px;border:1px solid #ccd9e6;border-radius:8px;color:#526982;background:#fff;font-size:9px;font-weight:700;letter-spacing:.4px}
.contact-form-panel-head button:hover{color:#0875d1;border-color:#8fc1eb}
.contact-form-panel .md-input,.contact-form-panel .md-textarea{padding-right:13px!important;padding-left:13px!important;border:1px solid #d8e2ec!important;border-radius:9px!important;color:#172b45!important;background:#f9fbfd!important}
.contact-form-panel .md-input{height:48px!important}
.contact-form-panel .md-textarea{padding-top:13px!important}
@media(max-width:991px){.contact-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#contacto.contact-modern{padding:58px 0 78px;background-image:radial-gradient(ellipse at 24% 42%,rgba(255,255,255,.94) 0%,rgba(255,255,255,.42) 29%,transparent 59%),radial-gradient(ellipse at 86% 62%,rgba(104,190,255,.14) 0%,transparent 49%),linear-gradient(180deg,#eef5fc 0%,#f8fbff 35%,#f5faff 70%,#eef5fc 100%)}.contact-modern-heading{margin-bottom:22px}.contact-modern-heading h2{font-size:34px}.contact-modern-heading p{font-size:14px}.contact-audience{display:block;padding:18px}.contact-audience>strong{display:block;margin-bottom:13px;text-align:center}.contact-audience>div{display:grid;grid-template-columns:1fr 1fr}.contact-audience button{padding:10px 7px;font-size:8px}.contact-route-options{margin-top:20px}.contact-route-grid{grid-template-columns:1fr;gap:10px}.contact-route-card{min-height:0;padding:16px 38px 16px 70px}.contact-route-card>i{position:absolute;top:16px;left:16px;width:38px;height:38px;margin:0}.contact-route-card strong{font-size:13px}.contact-route-card>b{bottom:50%;transform:translateY(50%)}.contact-form-panel{margin-top:20px;padding:21px 16px!important;border-radius:16px}.contact-form-panel-head{display:block}.contact-form-panel-head h3{font-size:20px}.contact-form-panel-head button{margin-top:14px}}

/* Selector de vendedor */
.contact-seller-details{display:block;padding:0;overflow:hidden}
.contact-seller-details summary{position:relative;display:flex;min-height:143px;flex-direction:column;align-items:flex-start;padding:21px 38px 19px 20px;cursor:pointer;list-style:none}
.contact-seller-details summary::-webkit-details-marker{display:none}
.contact-seller-details summary>i{display:flex;width:40px;height:40px;align-items:center;justify-content:center;margin-bottom:14px;border-radius:11px;color:#0875d1;background:#eaf4fd;font-size:21px}
.contact-seller-details summary span,.contact-seller-details summary strong,.contact-seller-details summary small{display:block}
.contact-seller-details summary strong{margin-bottom:6px;color:#172b45;font-size:14px}
.contact-seller-details summary small{color:#6b7d92;font-size:10px;line-height:1.45}
.contact-seller-details summary>b{position:absolute;right:17px;bottom:17px;color:#0875d1;font-size:21px;transition:transform .2s}
.contact-seller-details[open]{grid-column:1/-1;transform:none}
.contact-seller-details[open] summary>b{transform:rotate(180deg)}
.seller-inline-panel{padding:20px;border-top:1px solid #e2e9f1;background:#f7fafd}
.seller-inline-head{margin-bottom:15px;text-align:left}
.seller-inline-head strong{display:block;margin-bottom:4px;color:#172b45;font-size:17px}
.seller-inline-head small{display:block;color:#6b7d92;font-size:10px}
.seller-modal .modal-dialog{max-width:620px;margin-top:8vh}
.seller-modal .modal-content{position:relative;overflow:hidden;padding:30px;border:0;border-radius:22px;background:#f7fafd;box-shadow:0 25px 70px rgba(5,24,47,.3)}
.seller-modal-close{position:absolute;z-index:3;top:12px;right:16px;color:#172b45;font-size:30px;opacity:.55}
.seller-modal-head{display:flex;align-items:center;gap:17px;margin:-30px -30px 24px;padding:27px 48px 24px 30px;color:#fff;background:linear-gradient(135deg,#10243e,#1c4770)}
.seller-modal-head>span{display:flex;width:54px;height:54px;flex:0 0 54px;align-items:center;justify-content:center;border-radius:15px;color:#fff;background:#25b961;font-size:29px;box-shadow:0 9px 20px rgba(0,0,0,.18)}
.seller-modal-head small{color:#75d9e9;font-size:9px;font-weight:700;letter-spacing:2px}
.seller-modal-head h3{margin:3px 0 5px;color:#fff;font-size:27px}
.seller-modal-head p{margin:0;color:rgba(255,255,255,.72);font-size:12px}
.seller-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.seller-list a{display:grid;grid-template-columns:39px 1fr 24px;align-items:center;gap:11px;padding:11px 13px;border:1px solid #dce6ef;border-radius:12px;color:#172b45!important;background:#fff;box-shadow:0 5px 15px rgba(25,66,111,.06);text-decoration:none!important;transition:.2s}
.seller-list a:hover,.seller-list a:focus{border-color:#8dc6ee;transform:translateY(-2px);box-shadow:0 9px 20px rgba(25,66,111,.12);outline:0}
.seller-list a>span{display:flex;width:39px;height:39px;align-items:center;justify-content:center;border-radius:10px;color:#0875d1;background:#eaf4fd;font-size:15px;font-weight:700}
.seller-list a>strong{font-size:13px}
.seller-list a>i{color:#25b961;font-size:21px}
.seller-unknown{display:block;margin-top:15px;padding:12px;border:1px dashed #b9c9d9;border-radius:10px;color:#526a83!important;background:#fff;text-align:center;text-decoration:none!important;font-size:11px;font-weight:600}
.seller-unknown i{margin-right:5px;color:#0875d1;font-size:15px;vertical-align:-1px}
@media(max-width:600px){.seller-modal .modal-dialog{margin:12px}.seller-modal .modal-content{padding:20px 16px;border-radius:18px}.seller-modal-head{margin:-20px -16px 18px;padding:23px 38px 20px 18px}.seller-modal-head>span{width:47px;height:47px;flex-basis:47px}.seller-modal-head h3{font-size:22px}.seller-modal-head p{font-size:10px}.seller-list{grid-template-columns:1fr}.seller-list a{padding:9px 11px}.seller-unknown{font-size:10px}}
@media(max-width:600px){.contact-seller-details summary{min-height:70px;padding:16px 38px 16px 70px}.contact-seller-details summary>i{position:absolute;top:16px;left:16px;width:38px;height:38px;margin:0}.contact-seller-details summary strong{font-size:13px}.contact-seller-details summary>b{bottom:50%;transform:translateY(50%)}.contact-seller-details[open] summary>b{transform:translateY(50%) rotate(180deg)}.seller-inline-panel{padding:16px 12px}.seller-inline-head{padding:0 3px}}

.orden-down {
    transform: rotate(90deg);
    color: #01c323;
}

.orden-up {
    transform: rotate(-90deg);
    color: #01c323;
}

#cargando {
    animation: rotacion 2s infinite linear;
    -webkit-animation: rotacion 2s infinite linear;
    color: #00bd33;
    font-size: 17px;
    position: absolute;
    z-index: 20;
}

#logueando {
    animation: rotacion 2s infinite linear;
    -webkit-animation: rotacion 2s infinite linear;
    color: #00bd33;
    font-size: 17px;
    z-index: 20;
    position: absolute;
    left: 134px;
    bottom: 45px;
}

/* MODAL */
#textoModalLink {
    font-weight: bold;
    font-size: 16px;
    font-family: Archivo;
    color: gray;
    height: 32px;
}

.btn-fun > i {
    font-size: 32px;
}

.btn-fun > p {
    font-family: Archivo;
    font-size: 13px;
    margin: 0;
}

/*Menu usuario*/
.lateral-der {
    position: fixed;
    z-index: 1000;
    width: 300px;
    top: 60px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.89);
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-top: 16px;
    right: -303px;
    transition: right 800ms cubic-bezier(0.55, 0.02, 0.03, 0.97);
}

.lateral-der .loginText {
    color: #848484;
    font-family: SairaBold;
    font-size: 26px;
    text-decoration: none;
}

.lateral-der .loginText:hover {
	-webkit-transition: color 2s;
    transition: color 2s;
	color: #9D54BE;
}

.lateral-der .prox {
    color: #848484;
    text-decoration: none;
    font-family: SairaBold;
    font-size: 26px;
}

.lateral-der .prox:hover {
    -webkit-transition: color 2s;
    transition: color 2s;
    color: #023460;
    font-style: italic;
}

.lateral-der .loginName {
    color: #848484;
    font-family: Saira;
    font-size: 26px;
    text-decoration: none;
    word-break: break-all;
}

.lateral-der .razSocial{
    font-family: saira;
    color: #8a8a8a;
    font-size: 16px;
}

.logoUser {
    border-radius: 10px;
    border: 2px solid #e6e6e6;
    background-color: #5a5a5a;
    font-size: 64px;
}

.userTools {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.userTools i {
    font-size: 30px;
}

.userTools > div a {
    text-decoration: none;
}

.userTools #userFavs {
    color: #a6b500;
}

.userTools #userRma {
    color: #707070;
}

.userTools #userCont {
    color: #02832c;
}

.userTools #userCons {
    color: #0075c5;
}

.atXfavor {
    border-radius: 50%;
    animation: suAtencion 2s ease infinite;
    box-shadow: 0px 0px 6px #fffdc0;
}

.icoLogged {
    margin-bottom: 3px;
    border-radius: 50%;
    padding: 3px 3px 4px !important;
    background-color: #ffb300;
    font-size: 16px;
    transition: opacity 500;
    text-shadow: 1px 2px 5px #ffffff;
    background-image: linear-gradient(35deg, rgb(240, 178, 85) 19.6357%, rgb(240, 229, 85) 34.6983%, rgb(240, 193, 41) 73.1542%);
    color: #dd5f30 !important;
    border: 2px solid #dca305;
}

.loginForm {
	display: block;
    text-align: center;
    color: #a6a6a6;
    font-family: SairaBold;
    font-size: 25px;
	overflow: hidden;
	opacity: 100;
	transition: opacity 600;
}

.loginForm #loginMessage{
    height: 200px;
    display: inline-flex;
    font-family: Allerta;
    font-size: 16px;
    overflow: auto;
    text-align: left;
}

.loginForm .control-label {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    margin-top: -5px;
}

.control-in {
    color: gray !important;
    font-family: Allerta;
    font-size: 16px;
    margin-top: -7px;
    background-color: #ffffff !important;
}

.control-in::placeholder {
    /* color: #d8d8d8 !iportant; */
    opacity: 0.2;
}

.loginForm #loginResult {
    position: absolute;
    bottom: 45px;
    line-height: 14px;
    font-family: sairabold;
    color: #ff0000;
    right: 40px;
}


.nocv {
    display: none !important;
}

.softInOut {
    transition: opacity 1s ease-in-out, height 1s step-start;
}

.oculto {
    opacity: 0;
	overflow: hidden;
	transition-timing-function: ease-in-out, step-end;
}

.mensajeU {
    padding-left: 5px;
    padding-right: 5px;
    font-family: Archivo;
    font-size: 16px;
    color: #d6d3b0;
    border-radius: 14px;
    background-color: rgba(0, 29, 67, 0.51);
    overflow: auto;
    display: block;
}

.mensajeU p,
h5 {
    margin-bottom: 2px;
    margin-top: 0;
}

@media (min-width:1200px){
    .lg-display-none {display:none !important;}
}

.dolarTit{
    width: 130px;
    padding: 2px 0 0;
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 10;
    font-family: Archivo;
    font-weight: bold;
    background-color: #ececec;
    border-radius: 11px;
    color: #579bd8;
    text-align: center;
    font-size: 11px;
}

.dolarCot {
    font-family: Sans;
    font-size: 12px;
    color: #0b4d00;
}

.dolarCot::before {
  content: "$ ";
}

.marcoCot {
    display: none; /* o inline-flex */
}

.requerido::after {
    content: " *";
    color: #ff5656;
    font-family: sans;
}

.progress {
  margin: 5px auto;
  padding: 2px;
  width: 100%;
  max-width: 500px;
  border: 3px solid #05e35e;
  height: 18px;
}

.progress .progress__bar {
  height: 100%;
  width: 0%;
  background-color: #05e35e;
  animation: fill-bar 5s infinite;
  animation-play-state: paused;
}

@keyframes fill-bar {
  from {width: 0%;}
  to {width: 100%;}
}

.backBlue {
    background-color:  #001cff;
}

.pedInput {
    border-radius: 11px !important;
    color: #121212 !important;
    background-color: #ffffff !important;
}

.badgeCarCount {
    background-color: #d80000;
    width: 50px;
    height: 50px;
    position: fixed;
    top: 69px;
    z-index: 20;
    right: 20px;
    opacity: 0;
    border-radius: 31px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 2s;
    padding: 0;
}

/* Ficha de producto moderna */
.frame-ficha{padding:24px 16px;background:rgba(5,24,45,.82);backdrop-filter:blur(7px)}
.frame-ficha .ficha-container{max-width:1100px;max-height:calc(100vh - 48px);margin:0 auto;padding:0 0 22px;overflow-x:hidden;overflow-y:auto;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:#f5f8fb;box-shadow:0 28px 70px rgba(0,0,0,.42)}
.frame-ficha .ficha-titulo{position:sticky;top:0;z-index:220;height:62px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#006e9d,#0875c9)}
.frame-ficha .ficha-titulo p{margin:0;padding:17px 72px 0 24px;color:#fff;font-family:'Archivo',sans-serif;font-size:22px;line-height:1.2;letter-spacing:.2px}
.frame-ficha .frame-ficha-close{position:absolute;top:11px;right:14px;display:flex;width:40px;height:40px;align-items:center;justify-content:center;float:none;padding:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.16);font-size:21px;transition:.2s}
.frame-ficha .frame-ficha-close:hover{color:#fff;background:#d92626;transform:rotate(4deg)}
.frame-ficha #informacion{display:grid;grid-template-columns:minmax(270px,1.05fr) minmax(300px,1.1fr) minmax(210px,.7fr);gap:18px;padding:22px 22px 8px!important}
.frame-ficha #informacion>div{width:auto!important;float:none!important}
.frame-ficha #informacion>div:first-child{padding:14px!important;border:1px solid #e0e8ef;border-radius:16px;background:#fff}
.frame-ficha #informacion>div:first-child>.container-fluid{display:grid!important;grid-template-columns:48px minmax(0,1fr);gap:8px;width:100%}
.frame-ficha #informacion .tabs-left{display:flex!important;flex-direction:column;gap:7px;margin:0}
.frame-ficha #informacion .tabs-left li{display:block;margin:0;padding:0!important}
.frame-ficha #informacion .tabs-left a{display:flex;width:42px;height:42px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #dfe7ef;border-radius:9px;background:#fff}
.frame-ficha #informacion .tabs-left img{max-width:36px;max-height:36px;object-fit:contain}
.frame-ficha #informacion #imgVisible{width:100%;min-width:0}
.frame-ficha #informacion #imgVisible>.tab-pane>div{height:245px!important}
.frame-ficha #informacion #imgVisible img{max-width:100%;max-height:235px!important;object-fit:contain}
.frame-ficha #infoProd{position:relative;display:flex!important;height:100%;min-height:273px;padding:20px!important;border:1px solid #e0e8ef;border-radius:16px;background:#fff}
.frame-ficha #fichaLogo{position:static;display:flex;height:44px;align-items:center;justify-content:flex-start;margin:0 0 12px}
.frame-ficha #fichaLogo img{max-width:125px;max-height:38px}
.frame-ficha .datoEtiqueta{display:grid;grid-template-columns:85px minmax(0,1fr);margin:0 0 9px;border:1px solid #e4eaf0;border-radius:10px;overflow:hidden;background:#f8fafc}
.frame-ficha .datoEtiqueta .input-group-addon{display:flex;width:auto;align-items:center;justify-content:flex-start;padding:0 12px;border:0;color:#627386;background:#eef3f7;font-size:12px;text-transform:uppercase}
.frame-ficha .datoEtiqueta .form-control{width:100%;height:42px;border:0;box-shadow:none;color:#172b3e!important;background:#fff;font-size:15px;font-weight:600}
.frame-ficha #moneda{position:static;display:flex;width:auto;gap:6px;margin:2px 0 0;padding-left:86px;background:transparent!important}
.frame-ficha #moneda .btn{min-width:54px;padding:5px 10px;border:1px solid #d8e3ec;border-radius:8px;background:#fff;font-size:13px;font-weight:700}
.frame-ficha #informacion>.p0{grid-column:1/3}
.frame-ficha #informacion>.p0>.container-fluid{display:flex!important;gap:8px;margin:0!important}
.frame-ficha .btn-fun{display:flex;min-width:116px;height:44px;align-items:center;justify-content:center;gap:7px;padding:7px 12px;border:1px solid #dce5ed;border-radius:10px;color:#31506c;background:#fff;font-size:12px}
.frame-ficha .btn-fun i{font-size:19px}.frame-ficha .btn-fun br{display:none}.frame-ficha .btn-fun p{margin:0}
.frame-ficha #descrip,.frame-ficha #extras{margin:8px 22px 0!important;padding:18px!important;border:1px solid #e0e8ef;border-radius:16px;background:#fff}
.frame-ficha .infoLabel{margin:0 0 10px;color:#173d60!important;font-size:15px;font-weight:700}

.frame-ficha #extras>div{padding:0 12px}.frame-ficha #extras .btn{border:1px solid #e1e7ed;border-radius:10px;background:#fff}
@media(max-width:767px){.frame-ficha{padding:8px}.frame-ficha .ficha-container{max-height:calc(100vh - 16px);border-radius:15px}.frame-ficha .ficha-titulo{height:56px;border-radius:15px 15px 0 0}.frame-ficha .ficha-titulo p{padding:16px 58px 0 16px;font-size:18px}.frame-ficha .frame-ficha-close{top:8px;right:9px}.frame-ficha #informacion{display:flex;flex-direction:column;gap:12px;padding:14px 12px 4px!important}.frame-ficha #informacion #imgVisible>.tab-pane>div{height:210px!important}.frame-ficha #informacion #imgVisible img{max-height:200px!important}.frame-ficha #infoProd{min-height:0}.frame-ficha #informacion>.p0{order:4}.frame-ficha #informacion>.p0>.container-fluid{justify-content:center;flex-wrap:wrap}.frame-ficha .btn-fun{min-width:92px}.frame-ficha #descrip,.frame-ficha #extras{margin:8px 12px 0!important;padding:14px!important}.frame-ficha #extras>div{width:100%;padding:8px 0}.frame-ficha #moneda{padding-left:0}}
.list-brand-logo{display:none}
#mostrarProductos.catalog-list .imgppal{position:relative;display:flex;align-items:flex-start;justify-content:center;padding-bottom:25px}
#mostrarProductos.catalog-list .list-brand-logo{position:absolute;right:0;bottom:0;left:0;display:flex;height:24px;align-items:center;justify-content:center;opacity:.72}
#mostrarProductos.catalog-list .list-brand-logo img{width:auto!important;height:auto!important;max-width:68px!important;max-height:20px!important;filter:grayscale(18%)}
#mostrarProductos.catalog-list .logoMarca{display:none!important}
.frame-ficha #informacion>div:nth-child(1){grid-column:1;grid-row:1}
.frame-ficha #informacion>div:nth-child(2){grid-column:2;grid-row:1}
.frame-ficha #informacion>div:nth-child(3){grid-column:3;grid-row:1}
.frame-ficha #informacion>.p0{grid-column:1/3;grid-row:2}
.frame-ficha #imgVisible,.frame-ficha #imgVisible .tab-pane{position:static!important}
.frame-ficha #imgVisible .tab-pane>div{position:static!important;overflow:hidden}
@media(max-width:767px){#mostrarProductos.catalog-list .list-brand-logo{display:none}.frame-ficha #informacion>div:nth-child(n){grid-column:auto;grid-row:auto}}
/* Densidad de la vista lista */
#mostrarProductos.catalog-list>.minifi,#mostrarProductos.catalog-list:not(.catalog-has-prices)>.minifi{height:124px;min-height:124px;max-height:124px;grid-template-rows:62px 62px;padding:6px 12px}
#mostrarProductos.catalog-list .imgppal{grid-column:1;grid-row:1/3;height:112px;align-self:center;padding:0 0 23px;overflow:hidden}
#mostrarProductos.catalog-list .imgppal>img{width:84px!important;height:82px!important}
#mostrarProductos.catalog-list .prodID{align-self:end;padding-bottom:3px}
#mostrarProductos.catalog-list .descripcion{align-self:start;max-height:39px;padding-top:2px;overflow:hidden}
#mostrarProductos.catalog-list .list-ver-mas{height:35px;margin-bottom:3px}
#mostrarProductos.catalog-list .carrito{margin-top:3px}
#mostrarProductos.catalog-list .carrito .btn{height:35px}
@media(max-width:767px){#mostrarProductos.catalog-list>.minifi,#mostrarProductos.catalog-list:not(.catalog-has-prices)>.minifi{height:104px;min-height:104px;max-height:104px;grid-template-rows:52px 52px}#mostrarProductos.catalog-list .imgppal{height:92px;padding:0}#mostrarProductos.catalog-list .imgppal>img{width:68px!important;height:68px!important}}
/* Fondo visual compartido por todas las fichas */
.frame-ficha .ficha-container{position:relative}
.frame-ficha .ficha-container{background-color:#eef5fc;background-image:radial-gradient(circle at 8% 13%,rgba(255,255,255,.98) 0,rgba(255,255,255,.72) 15%,transparent 34%),radial-gradient(circle at 91% 19%,rgba(70,169,255,.18) 0,transparent 27%),radial-gradient(circle at 72% 82%,rgba(8,117,201,.11) 0,transparent 31%),linear-gradient(135deg,#f8fbff 0%,#eaf3fc 48%,#f7fbff 100%);background-attachment:local}
.frame-ficha .ficha-container:before{content:"";position:absolute;top:62px;right:0;left:0;height:155px;pointer-events:none;background-image:linear-gradient(115deg,transparent 0 54%,rgba(67,153,230,.09) 54.2% 54.5%,transparent 54.7%),linear-gradient(65deg,transparent 0 69%,rgba(67,153,230,.07) 69.2% 69.45%,transparent 69.7%);opacity:.8}
.frame-ficha #informacion,.frame-ficha #descrip,.frame-ficha #extras{position:relative;z-index:1}
.frame-ficha #informacion>div:first-child,.frame-ficha #infoProd,.frame-ficha #descrip,.frame-ficha #extras{border-color:rgba(190,211,231,.78);background:rgba(255,255,255,.86);box-shadow:0 10px 24px rgba(39,91,142,.07);backdrop-filter:blur(3px)}
/* Fondos ilustrados de la ficha */
.frame-ficha .ficha-container{background-color:#f4f9ff;background-image:url('../images/catalogo/fondo-ficha-producto-escritorio.png')!important;background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:local}
.frame-ficha .ficha-container:before{display:none}
@media(max-width:767px){.frame-ficha .ficha-container{background-image:url('../images/catalogo/fondo-ficha-producto-celular.png')!important;background-position:center top;background-size:cover}}
/* Estructura real de la nueva ficha */
.product-sheet{position:relative;z-index:2;text-align:left}.product-sheet-head{position:sticky;top:0;z-index:20;display:flex;min-height:72px;align-items:center;justify-content:space-between;padding:13px 22px;background:linear-gradient(135deg,#063e69,#0780d8)}.product-sheet-head span{color:#bce0ff;font-size:9px;font-weight:700;letter-spacing:2px}.product-sheet-head h2{margin:2px 0 0;color:#fff;font-size:25px;font-weight:700}.product-sheet-head .frame-ficha-close{position:static;display:flex;width:42px;height:42px;align-items:center;justify-content:center;padding:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.16)}
.product-sheet-main{display:grid;grid-template-columns:minmax(330px,1.2fr) minmax(275px,.9fr) 220px;gap:16px;padding:22px}.product-gallery,
.product-commercial{min-width:0;border:1px solid rgba(190,211,231,.8);border-radius:17px;background:rgba(255,255,255,.88);box-shadow:0 12px 28px rgba(26,83,135,.09)}.product-gallery{display:grid;grid-template-columns:52px minmax(0,1fr);min-height:310px;padding:14px}.product-thumbs{display:flex;flex-direction:column;gap:8px}.product-thumbs a{display:flex;width:42px;height:42px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #dce6ef;border-radius:9px;background:#fff}.product-thumbs img{max-width:36px;max-height:36px;object-fit:contain}.product-thumbs .product-video{font-size:24px}.product-gallery-stage{display:block!important;width:100%!important}.product-gallery-stage .tab-pane{height:280px;text-align:center}.product-gallery-stage .tab-pane img{max-width:95%;height:270px;object-fit:contain}.product-gallery-stage iframe{width:100%;height:270px;border:0;border-radius:12px}
.product-commercial{display:flex;min-height:310px;flex-direction:column;padding:20px}.product-commercial #fichaLogo{position:static;display:flex;height:48px;align-items:center;margin:0 0 13px}.product-commercial #fichaLogo img{max-width:130px;max-height:42px}.product-data{display:grid;grid-template-columns:105px minmax(0,1fr);min-height:45px;align-items:center;overflow:hidden;border:1px solid #dfe8f0;border-radius:10px;background:#fff}.product-data+.product-data{margin-top:9px}.product-data>span{height:100%;padding:14px 11px;color:#64778a;background:#edf3f7;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.product-data>strong{padding:0 13px;color:#122c43;font-size:15px}.product-price>strong{color:#00a32b}.product-currency{position:static!important;display:flex!important;width:auto!important;justify-content:flex-end;gap:7px;margin:10px 0 0!important}.product-currency button{min-width:58px;padding:6px;border:1px solid #d7e3ed;border-radius:8px;color:#0875c9;background:#fff;font-weight:700}.product-currency button:first-child{color:#00a32b}
.product-tools{display:flex;gap:9px;padding:0 22px 12px}.product-tools button{display:flex;height:43px;align-items:center;gap:7px;padding:0 15px;border:1px solid #d9e5ee;border-radius:10px;color:#36536d;background:rgba(255,255,255,.9)}.product-tools i{font-size:19px}.product-description,.product-sheet-lower{margin:8px 22px 0;padding:18px;border:1px solid rgba(190,211,231,.8);border-radius:16px;background:rgba(255,255,255,.85);box-shadow:0 10px 25px rgba(34,88,139,.07)}.product-description>span{display:block;margin-bottom:9px;color:#16456d;font-size:11px;font-weight:700;letter-spacing:1px}.product-sheet-lower{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;margin-bottom:22px}.product-sheet-lower h3{margin:0 0 12px;color:#173e61;font-size:15px}.product-documents>div,.product-related>div{display:flex;gap:9px;flex-wrap:wrap}.product-documents button{display:flex;min-width:100px;align-items:center;gap:8px;padding:10px;border:1px solid #dfe7ee;border-radius:10px;background:#fff}.product-documents i{color:#c93434;font-size:25px}.product-related button{display:grid;width:130px;grid-template-columns:45px 1fr;align-items:center;padding:7px;border:1px solid #dfe7ee;border-radius:10px;background:#fff;text-align:left}.product-related img{width:40px;height:40px;grid-row:1/3;object-fit:contain}.product-related strong{overflow:hidden;color:#0875c9;font-size:10px}.product-related span{color:#6c7c8b;font-size:8px}
@media(max-width:900px){.product-sheet-main{grid-template-columns:1fr 1fr}.product-sheet-lower{grid-template-columns:1fr}}
@media(max-width:600px){.product-sheet-head{min-height:60px;padding:10px 13px}.product-sheet-head h2{font-size:19px}.product-sheet-main{grid-template-columns:1fr;padding:12px}.product-gallery,
.product-commercial{grid-column:1;min-height:0}.product-gallery{min-height:245px}.product-gallery-stage .tab-pane{height:215px}.product-gallery-stage .tab-pane img,.product-gallery-stage iframe{height:205px}.product-tools{justify-content:center;flex-wrap:wrap;padding:0 12px 8px}.product-tools button{padding:0 10px;font-size:11px}.product-description,.product-sheet-lower{margin:7px 12px 0;padding:13px}.product-data{grid-template-columns:90px 1fr}.product-related button{width:100%}}
/* Refinamiento visual: ficha limpia, sin cajas pesadas */
.product-sheet{font-family:'Archivo',Arial,sans-serif;color:#17334e}.product-sheet-head{min-height:66px;padding:11px 26px;background:linear-gradient(100deg,rgba(4,79,124,.96),rgba(9,135,218,.9));box-shadow:0 5px 18px rgba(11,73,121,.13)}.product-sheet-head span{opacity:.85;font-size:8px;letter-spacing:2.6px}.product-sheet-head h2{font-size:23px;letter-spacing:.2px}.product-sheet-main{grid-template-columns:minmax(320px,1.15fr) minmax(310px,1fr) 190px;gap:26px;padding:30px 34px 18px}.product-gallery,
.product-commercial{border:0;box-shadow:none}.product-gallery{min-height:300px;padding:5px 8px;background:rgba(255,255,255,.32)}.product-thumbs a{border-color:rgba(126,173,211,.28);background:rgba(255,255,255,.62);box-shadow:none}.product-gallery-stage .tab-pane{height:290px}.product-gallery-stage .tab-pane img{height:280px;filter:drop-shadow(0 15px 15px rgba(25,58,91,.13))}.product-commercial{min-height:300px;padding:16px 5px;background:transparent}.product-commercial #fichaLogo{height:54px;margin-bottom:18px}.product-commercial #fichaLogo img{max-width:145px;max-height:48px}.product-data{grid-template-columns:125px minmax(0,1fr);min-height:52px;border:0;border-bottom:1px solid rgba(100,143,179,.24);border-radius:0;background:transparent}.product-data+.product-data{margin-top:0}.product-data>span{display:flex;height:auto;align-items:center;padding:0;color:#6e8295;background:transparent;font-size:9px;letter-spacing:1.2px}.product-data>strong{padding:0;color:#17334e;font-size:16px;font-weight:600}.product-price>strong{color:#07933a;font-size:18px}.product-currency{justify-content:flex-start!important;gap:9px!important;margin:14px 0 0!important}.product-currency button{min-width:55px;padding:5px 11px;border-color:rgba(79,139,188,.25);border-radius:20px;background:rgba(255,255,255,.62);font-size:12px}.product-tools{gap:6px;padding:0 34px 17px}.product-tools button{height:38px;padding:0 12px;border:0;border-radius:20px;color:#557087;background:rgba(255,255,255,.55);font-size:11px}.product-tools button:hover{color:#0875c9;background:#fff}.product-tools i{font-size:16px}.product-description,.product-sheet-lower{margin:0 34px;padding:20px 0;border:0;border-top:1px solid rgba(79,132,174,.2);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.product-description>span{margin-bottom:8px;color:#567188;font-size:9px;letter-spacing:1.8px}.product-sheet-lower{gap:34px;margin-bottom:10px}.product-sheet-lower h3{color:#274b69;font-size:13px;font-weight:600}.product-documents button{min-width:105px;padding:8px 10px;border-color:rgba(88,137,176,.22);border-radius:20px;background:rgba(255,255,255,.55);font-size:11px}.product-documents i{font-size:19px}.product-related button{border:0;border-radius:12px;background:rgba(255,255,255,.5)}
@media(max-width:900px){.product-sheet-main{grid-template-columns:1fr 1fr;gap:18px;padding:22px}.product-tools{padding-right:22px;padding-left:22px}.product-description,.product-sheet-lower{margin-right:22px;margin-left:22px}}
@media(max-width:600px){.product-sheet-main{gap:10px;padding:15px}.product-gallery{min-height:230px}.product-gallery-stage .tab-pane{height:220px}.product-gallery-stage .tab-pane img,.product-gallery-stage iframe{height:210px}.product-commercial{padding:12px 4px}.product-tools{padding-right:15px;padding-left:15px}.product-description,.product-sheet-lower{margin-right:15px;margin-left:15px}.product-data{grid-template-columns:105px 1fr}}
/* Tarjetas modernas para documentación */
.product-documents>div{display:grid;grid-template-columns:repeat(3,minmax(112px,1fr));gap:10px}
.product-documents button{position:relative;display:grid;min-width:0;min-height:82px;grid-template-columns:38px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;gap:0 10px;padding:12px;border:1px solid rgba(88,137,176,.2);border-radius:13px;background:rgba(255,255,255,.66);box-shadow:0 7px 17px rgba(33,83,129,.06);text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.product-documents button i{display:flex;width:38px;height:44px;grid-row:1/3;align-items:center;justify-content:center;border-radius:9px;color:#fff!important;background:linear-gradient(145deg,#e95555,#bd2929);box-shadow:0 6px 12px rgba(189,41,41,.18);font-size:21px}
.product-documents button span{align-self:end;color:#24445f;font-size:11px;font-weight:700;line-height:1.15}
.product-documents button:after{content:"Abrir documento";align-self:start;margin-top:4px;color:#8090a0;font-size:8px;font-weight:500;letter-spacing:.2px}
.product-documents button:not(:disabled):hover,.product-documents button:not(:disabled):focus{border-color:rgba(8,117,201,.38);background:#fff;box-shadow:0 11px 22px rgba(28,91,147,.12);transform:translateY(-2px);outline:0}
.product-documents button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.38!important;box-shadow:none}
.product-documents button:disabled:after{content:"No disponible"}
@media(max-width:600px){.product-documents>div{grid-template-columns:1fr}.product-documents button{min-height:68px}}
/* Aislamiento frente a estilos heredados de la ficha anterior */
.frame-ficha .product-sheet .product-documents>div{display:grid!important;grid-template-columns:repeat(3,minmax(120px,1fr))!important;gap:12px!important;width:100%!important}
.frame-ficha .product-sheet .product-documents button{position:relative!important;display:grid!important;width:100%!important;min-width:0!important;min-height:86px!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:1fr 1fr!important;align-items:center!important;gap:0 11px!important;margin:0!important;padding:12px!important;border:1px solid rgba(88,137,176,.24)!important;border-radius:14px!important;color:#24445f!important;background:rgba(255,255,255,.78)!important;box-shadow:0 8px 19px rgba(33,83,129,.08)!important;text-align:left!important}
.frame-ficha .product-sheet .product-documents button i{display:flex!important;width:42px!important;height:48px!important;grid-row:1/3!important;align-items:center!important;justify-content:center!important;margin:0!important;border-radius:10px!important;color:#fff!important;background:linear-gradient(145deg,#ef6060,#b82424)!important;box-shadow:0 6px 13px rgba(184,36,36,.2)!important;font-size:23px!important}
.frame-ficha .product-sheet .product-documents button span{display:block!important;align-self:end!important;color:#24445f!important;font-size:12px!important;font-weight:700!important}
.frame-ficha .product-sheet .product-documents button:after{display:block!important;content:"DESCARGAR PDF"!important;align-self:start!important;margin-top:4px!important;color:#7b8c9c!important;font-size:8px!important;font-weight:600!important;letter-spacing:.7px!important}
.frame-ficha .product-sheet .product-documents button:disabled:after{content:"NO DISPONIBLE"!important}
@media(max-width:600px){.frame-ficha .product-sheet .product-documents>div{grid-template-columns:1fr!important}}
/* Ficha compacta: crece solo cuando el contenido lo necesita */
.frame-ficha .ficha-container{max-width:940px}
.product-sheet-head{min-height:58px;padding:8px 22px}.product-sheet-head h2{font-size:20px}.product-sheet-head .frame-ficha-close{width:37px;height:37px}
.product-sheet-main{grid-template-columns:minmax(285px,1.08fr) minmax(270px,.95fr) 165px;gap:18px;padding:20px 24px 12px}
.product-gallery{min-height:238px}.product-gallery-stage .tab-pane{height:228px}.product-gallery-stage .tab-pane img{height:218px}.product-gallery-stage iframe{height:218px}
.product-commercial{min-height:238px;padding:9px 3px}.product-commercial #fichaLogo{height:42px;margin-bottom:8px}.product-commercial #fichaLogo img{max-height:36px}.product-data{min-height:42px;grid-template-columns:108px 1fr}.product-data>strong{font-size:14px}.product-price>strong{font-size:16px}.product-currency{margin-top:9px!important}
.product-tools{padding:0 24px 11px}.product-tools button{height:34px}.product-description,.product-sheet-lower{margin-right:24px;margin-left:24px;padding:15px 0}.product-sheet-lower{gap:24px}
@media(max-width:900px){.frame-ficha .ficha-container{max-width:760px}.product-sheet-main{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.frame-ficha .ficha-container{max-width:none}.product-sheet-head{min-height:54px}.product-sheet-main{grid-template-columns:1fr;padding:12px}.product-gallery{min-height:220px}.product-gallery-stage .tab-pane{height:210px}.product-gallery-stage .tab-pane img,.product-gallery-stage iframe{height:200px}.product-commercial{min-height:0}}

/* ============================================================================
   BLOQUE "AGREGAR AL PEDIDO"  —  consolidado 2026-08-07
   ----------------------------------------------------------------------------
   Definicion unica del segmento. Sustituye a las 42 reglas que estaban
   repartidas en cuatro capas superpuestas (.frame-ficha #carritoBtn,
   #carritoPedido, y tres generaciones de .product-buy) y que se pisaban entre
   si por especificidad de ID, no por orden.

   Reglas de mantenimiento de este bloque:
   - Solo selectores de clase. Nada de #id en el CSS: los id del HTML
     (#carritoBtn, #carritoPedido, #cantPedido...) son enganches de JS.
   - Este es el unico sitio donde se estila el segmento. Si algo hay que
     cambiar, se cambia aqui.
   ========================================================================== */

/* --- Tarjeta contenedora --- */
.product-buy {
    display: flex;
    min-height: 273px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width: 0;
    padding: 20px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(155deg, #072f54, #0875c9);
    box-shadow: none;
}

/* --- Titulo "AGREGAR AL PEDIDO" --- */
.product-buy > p {
    margin: 0 0 14px;
    color: #cfe6ff;                 /* 8,5:1 sobre el azul del fondo */
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

/* --- Boton verde de alta --- */
.product-buy .iconoCarrito {
    display: flex;
    width: 100%;
    min-height: 92px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    border: 0;
    border-radius: 12px;
    color: #fff !important;         /* !important: gana al style="color:==COLORCARRITO=="
                                       en linea. Conserva el comportamiento previo. */
    background: #00a82d;
    box-shadow: 0 12px 22px rgba(0, 157, 54, .17);
    font-size: 12px;
    font-weight: 700;
}

/* Estado "ya esta en el pedido". La clase la pone javascript.js: al construir la
   ficha (si el producto ya venia en el pedido) y al pulsar el boton.
   La senal va en el FONDO, no en el color del texto: el diseno anterior la hacia
   con  color:#af1c00  sobre fondo verde, que da 2,2:1 y era ilegible. */
.product-buy .iconoCarrito.agregado {
    background: #af1c00;                          /* blanco sobre este rojo: 7,03:1 */
    box-shadow: 0 12px 22px rgba(175, 28, 0, .20);
}

.product-buy .iconoCarrito i {
    font-size: 30px;
}

.product-buy .txtCarrito {
    line-height: 1.2;
}

/* --- Selector de cantidad --- */
.product-quantity {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
}

/* Fondo solido, no translucido: los controles caen en la parte baja de la
   tarjeta, donde el degradado aclara, y con transparencia el icono se fundia
   con el fondo (2,9:1 medido sobre el render anterior). */
.product-quantity button {
    width: 35px;
    height: 35px;
    border: 0;
    border-radius: 8px;
    color: #0a4d8c;
    background: #e8f2fb;
}

.product-quantity button i {
    font-size: 18px;
}

/* Cuadrado de color pleno: blanco solido sobre el azul, texto azul marino.
   Contraste 13,7:1. Sin transparencias, para que no dependa del fondo. */
.product-quantity input {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    color: #0d3557;
    background: #fff;
    text-align: center;
    font-family: 'Archivo', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

/* --- Responsive --- */
@media (max-width: 900px) {
    .product-buy {
        grid-column: 1 / 3;
        min-height: 150px;
    }
    .product-buy .iconoCarrito {
        max-width: 290px;
        min-height: 70px;
    }
}

@media (max-width: 600px) {
    .product-buy {
        grid-column: 1;
        min-height: 130px;
        padding: 14px;
    }
}

/* ============================================================================
   DESCRIPCION Y BLOQUE INFERIOR  —  consolidado 2026-08-07
   ----------------------------------------------------------------------------
   Dos problemas de altura, con causas distintas:

   1. La descripcion tenia el textarea en min-height:86px (regla por ID
      .frame-ficha #descrip textarea, que ganaba a las de clase). Casi cualquier
      descripcion real necesitaba scroll desde la segunda linea. Se dobla.

   2. .product-documents y .product-related eran las dos UNICAS <section> de la
      ficha sin padding ni background propios, asi que heredaban una regla de
      elemento  section{...}  que viene de otra hoja de estilo: 85px de relleno
      arriba y abajo mas un fondo gris. Eso, y no el tamano de los botones, es
      lo que hacia el bloque desproporcionado. Se neutraliza declarandolos.

   Misma convencion que el resto: solo clases, los #id son enganches de JS.
   ========================================================================== */

/* --- Descripcion --- */
.product-description textarea {
    width: 100%;
    min-height: 172px;              /* el doble de los 86px anteriores */
    padding: 14px;
    border: 0;
    border-radius: 10px;
    /* !important IMPRESCINDIBLE: algo fija el color de este textarea en linea
       (ninguna hoja del sitio lo hace, y un estilo en linea solo se vence con
       !important). La regla anterior .frame-ficha #descrip textarea lo llevaba
       por este motivo; al consolidar se quito y el texto se volvio invisible.
       No retirarlo sin identificar antes el origen del estilo en linea. */
    color: #40566a !important;
    background: transparent;        /* sin gris: se funde con el panel blanco */
    box-shadow: none;
    overflow-y: auto;               /* scroll solo al superar esa altura */
    resize: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
}

/* --- Documentos y relacionados --- */
/* Sin esto heredan  section{padding:85px 0;background:...}  de otra hoja. */
.product-documents,
.product-related {
    padding: 0;
    background: transparent;
}

@media (max-width: 600px) {
    .product-description textarea {
        min-height: 150px;
    }
}

/* ============================================================================
   SELECCION DE TEXTO DENTRO DE LA FICHA  —  2026-08-07
   ----------------------------------------------------------------------------
   master.css:243 declara, para todo el sitio:

       ::selection { background-color: #212121; color: #fff; }

   Cuando la seleccion queda inactiva (el foco se va a otro elemento), el
   navegador deja de pintar el fondo #212121 pero conserva el  color:#fff.
   Como la descripcion del producto queda seleccionada (la usa "Copiar datos"),
   el texto se volvia blanco sobre fondo claro: invisible.

   No se toca la regla global, que es del tema del sitio. Se acota solo dentro
   de la ficha, con colores que siguen siendo legibles aunque el fondo de
   seleccion no llegue a pintarse.
   ========================================================================== */

.frame-ficha ::selection,
.product-sheet ::selection {
    color: #17334e;
    background-color: #cfe2f7;
}

.frame-ficha ::-moz-selection,
.product-sheet ::-moz-selection {
    color: #17334e;
    background-color: #cfe2f7;
}


/*  selector de grupos de productos  */
[data-grupo-icono],
[data-grupo-nombre] {
    transition: color 250ms ease;
}

[data-grupo-icono].grupo-des,
[data-grupo-nombre].grupo-des {
    color: #3679b6;
}

[data-grupo-icono].grupo-ofe,
[data-grupo-nombre].grupo-ofe {
    color: #c31fc8;
}

[data-grupo-icono].grupo-top,
[data-grupo-nombre].grupo-top {
    color: #d70000;
}

[data-grupo-icono].grupo-out,
[data-grupo-nombre].grupo-out {
    color: #404040;
}

[data-grupo-nav] {
    cursor: pointer;
}

/* Centro tecnico Dialer */
.support-modern{position:relative;isolation:isolate;min-height:720px;padding:72px 0 54px;overflow:hidden;background:#edf5ff}
.support-modern-visual{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;display:block}
.support-modern::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.42),rgba(255,255,255,.12) 46%,transparent 68%);pointer-events:none}
.support-modern-inner{position:relative;z-index:2;min-height:594px;display:flex;align-items:center}
.support-modern-copy{width:48%;max-width:620px;color:#071a3a}
.support-modern-eyebrow{display:block;margin-bottom:18px;color:#526174;font:500 15px/1.2 "Work Sans",sans-serif;letter-spacing:5px}
.support-modern h2{margin:0;color:#06183a;font:700 clamp(52px,5.6vw,82px)/.96 "Work Sans",sans-serif;letter-spacing:-3px}
.support-modern h2 strong{color:#0874d4;font-weight:700}
.support-modern-lead{max-width:510px;margin:28px 0 30px;color:#233349;font-size:19px;line-height:1.55}
.support-modern-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(720px,118%)}
.support-modern-actions a{display:flex;min-height:106px;padding:18px 14px;align-items:center;gap:11px;border:1px solid rgba(18,105,191,.16);border-radius:15px;color:#071a3a;background:rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(32,89,145,.13);transition:transform .2s ease,box-shadow .2s ease}
.support-modern-actions a:hover,.support-modern-actions a:focus{color:#071a3a;transform:translateY(-3px);box-shadow:0 16px 34px rgba(32,89,145,.2)}
.support-modern-actions i{flex:0 0 auto;color:#0874d4;font-size:34px}.support-modern-actions span{min-width:0}
.support-modern-actions strong{display:block;font-size:14px;line-height:1.2;text-transform:uppercase}
.support-modern-actions small{display:block;margin-top:7px;color:#536477;font-size:11px;line-height:1.3}
.support-modern-contact{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:24px}
.support-modern-contact a{color:#244765;font-size:13px;font-weight:600}.support-modern-contact a:hover{color:#0874d4}
@media(max-width:991px){.support-modern{min-height:0;padding:55px 0 360px}.support-modern-visual{object-fit:cover;object-position:65% bottom}.support-modern::after{background:linear-gradient(180deg,#f7fbff,rgba(247,251,255,.95) 52%,rgba(247,251,255,.2) 77%,transparent)}.support-modern-inner{min-height:0;display:block}.support-modern-copy{width:100%;max-width:680px}.support-modern-actions{width:100%}}
@media(max-width:640px){.support-modern{padding:42px 0 255px}.support-modern-visual{height:58%;top:auto;object-position:64% bottom}.support-modern-inner{width:calc(100% - 36px)!important}.support-modern-eyebrow{margin-bottom:12px;font-size:11px;letter-spacing:3px}.support-modern h2{font-size:47px;letter-spacing:-2px}.support-modern-lead{margin:20px 0 24px;font-size:16px}.support-modern-actions{grid-template-columns:1fr;gap:9px}.support-modern-actions a{min-height:76px;padding:13px 16px}.support-modern-actions i{font-size:30px}.support-modern-actions strong{font-size:13px}.support-modern-actions small{margin-top:3px}.support-modern-contact{margin-top:18px;flex-direction:column;gap:5px}}


/* Grilla general: mismo ancho de contenido a lo largo de la pagina */
@media (min-width:1200px){
    body>section>.container,
    .why-dialer-section>.container,
    .brand-solutions .brand-solutions-inner,
    .newsletter-modern .newsletter-modern-inner,
    .support-modern .support-modern-inner,
    .youtube-modern .youtube-modern-inner,
    #contacto.contact-modern>.container,
    .red-bg.pattern-bg-colored>.container{
        width:calc(100% - 64px)!important;
        max-width:1400px!important;
        margin-right:auto!important;
        margin-left:auto!important;
    }
}

/* Redes del pie nuevo.
   El tema solo estiliza ".footer-copyright ul.social-media", y en este pie la
   lista vive dentro de .footer-main, asi que no le llegaba ninguna regla y
   quedaba como lista con vinetas en columna. */
.dialer-footer .footer-main .social-media-label{
    margin:14px 0 8px;
    color:#9aa3ad;
    font-size:13px;
}
.dialer-footer .footer-main ul.social-media{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin:10px 0 0;
    padding:0;
    list-style:none;
}
.dialer-footer .footer-main ul.social-media li{
    display:inline-block;
    margin:0;
    list-style:none;
}
.dialer-footer .footer-main ul.social-media li a{
    display:inline-block;
    color:#fff;
    font-size:20px;
    line-height:1;
    transition:color .2s ease;
}
.dialer-footer .footer-main ul.social-media li a:hover,
.dialer-footer .footer-main ul.social-media li a:focus{
    color:#f857a6;
}