@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap');

*:focus,
button.btn.btn-buscartop:focus,
button.btn.btn-buscartop:active {
    outline: none
}

*::placeholder {
    padding-left: 4px
}

::-webkit-scrollbar {
    width: 12px;
    background: #4e4e4e
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-marca2);
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-marca1);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:active {
    background-color: var(--color-marca1);
}

div#barraDemo {
    width: 100%;
    position: fixed;
    background: rgba(255, 0, 0, 0.8);
    bottom: 0;
    z-index: 999999;
    padding: 0;
    margin: 0
}

div#barraDemo p {
    padding: 15px;
    text-align: center;
    color: #fff;
    margin: 0
}

div#barraDemo p img {
    position: relative;
    top: -2px;
}

div#barraDemo i {
    color: #fff;
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 12px;
    z-index: 99999999
}

body {
    --color-marca1: #0972b5;
    --color-marca2: #001b41;
    --color-marca3: #f0eff5;
    --color-marca4: #0084fe;
    --color-marca5: #FF5722;
    --gradiente-azul: linear-gradient(to right bottom, #142032 0, #003d8f);
    font-family: 'Roboto', sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #444;
    font-family: 'Inter', sans-serif !important;
}

h6 {
    border-bottom: 1px solid var(--color-marca2);
}

#login_sup:before,
#nombre_usuario:before,
.cambiar_cuenta_top:before,
.registracion:before,
.terminar_sesion_top:before {
    font-family: "Font Awesome 5 Pro"
}

header#header {
    z-index: 999
}

i.fa.fa-instagram:before {
    content: "\f16d";
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

ul.social-share {
    text-align: center;
    padding: 1% 0;
    position: fixed;
    top: 40%;
    right: 0;
    height: auto;
    width: 40px;
    z-index: 10;
    background: var(--color-marca5);
    border-radius: 8px 0 0 8px;
}

ul.social-share li a,
ul.social-share li a:hover {
    color: #fff
}

body.ofertas {
    padding-top: 130px;
}

.top-bar {
    border: 0;
    padding: 0;
    background: var(--gradiente-azul);
    border-bottom: 1px solid #e7e9ee;
    line-height: 0;
}

span.whatsapp-top,
span.whatsapp-top a {
    color: #Fff;
}

.top-number.pull-left.hidden-xs {
    text-align: right;
    width: 100%;
}

span.whatsapp-top {
    padding-top: 10px;
    display: block;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .4px;
}

.ban-top-izquierda img {
    max-width: 230px;
}

.buscador {
    float: right;
    margin-left: 20px;
    margin-top: -10px;
}

.navbar-fixed-top .buscador {
    margin-top: 0;
}

span.whatsapp-top i {
    vertical-align: middle;
    margin-right: 10px;
    color: #fff;
    margin-left: 20px;
}

a.linkbotones_top.ofertas_top,
a.linkbotones_top.ofertas_top,
a.linkbotones_top.marcas_top,
a.linkbotones_top.empresa_top,
a.linkbotones_top.descargas_top,
a.linkbotones_top.descargas_top,
a.linkbotones_top {
    display: none !important;
}

.top-number.pull-left.hidden-xs li {
    display: none;
}

.buscador i {
    color: var(--color-marca2);
    font-size: 18px;
    font-weight: 400
}

.navbar-fixed-top .buscador i,
.buscador ul.dropdown-menu i {
    color: var(--color-marca2);
}

.buscador ul.dropdown-menu {
    width: 100%;
    top: 65px;
    background: var(--color-marca3);

}

.buscador ul.dropdown-menu li {
    width: 1170px;
    margin: 0 auto;
}

.buscador ul.dropdown-menu input.search-form {
    padding: 20px;
    width: 100%;
    margin: 10px;
    font-size: 16px;
    letter-spacing: .8px;
    border-bottom: 1px solid #cacaca;
    border: 1px solid #cacaca;
}

.buscador ul.dropdown-menu input.search-form:active {
    border: 0px
}

.buscador a.btn.btn-lg,
a.registracion {
    padding: 0px 10px;
}

.buscador a:hover i {
    font-weight: 400;
}

.buscador form#form-buscar {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    padding: 0px;
}

.buscador button.btn.btn-default.btn-close {
    background: none !important;
    border: none;
    box-shadow: none;
    color: #000;
    font-size: 20px
}

.buscador button.btn.btn-buscartop {
    font-size: 20px;
    color: #000;
}

.buscador a.dropdown-toggle {
    padding: 10px;
    padding-top: 7px;
    font-size: 18px;
}

input#palabra::placeholder {
    color: var(--color-marca2);
    font-weight: 400
}

.navbar-fixed-top .buscador ul.dropdown-menu {
    top: 65px;
    box-shadow: 3px 4px 9px 0px #0000002e;
}

.title-sol-style2,
.title-sol.style2 {
    position: relative;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700;
    font-size: 26px;
    color: #000;
    text-transform: none;
}

.style2 .title-sol span,
.title-sol.style2 span {
    color: var(--color-marca2);
    text-transform: none;
    font-weight: 400;
    font-size: 28px;
    font-weight: 700;
}

.row.noticiashome0 h5.title-sol.style2.solnuevo.solnoticias b {
    color: var(--color-marca2);
    font-size: 30px;
}

.row.noticiashome2 h5.title-sol.style2.solnuevo.solnoticias span {
    color: var(--color-marca2);
    font-size: 30px;
}

h5.col-md-12.tit_form_detalle {
    text-align: left;
    margin-top: 0;
    margin-bottom: 40px;
    color: var(--color-marca2);
    text-transform: none;
    font-weight: 300;
    font-size: 20px
}

h5.col-md-12.tit_form_detalle {
    border: 0px;
}

span.container.leyenda_slide h1 small {
    color: #fff;
}

.detalle-form {
    border-top: 2px solid var(--color-marca1);
    border-radius: 0;
    background: var(--color-marca3);
    padding: 15px 30px;
}

.row.noticiashome2 h5.title-sol.style2.solnuevo.solnoticias span b,
.row.noticiashome2 h5.title-sol.style2.solnuevo.solnoticias span b,
body.novedades h1.titulo span {
    display: block;
    font-weight: 400;
    text-transform: none;
    color: var(--color-marca1);
    font-size: 80%;
    line-height: normal;
}

body.novedades h1.titulo,
body.novedades h1.titulo b {
    font-weight: 400;
    color: var(--color-marca2);
    font-size: 26px;
}

button.btn.btn-buscartop {
    background: transparent;
}

.top-bar .search i {
    color: #fff
}

.navbar-default .navbar-nav>li>a {
    color: var(--color-marca2);
    font-weight: 600;
    letter-spacing: .4px;
    cursor: pointer;
}

.navbar-header {
    padding-top: 0;
}

.navbar-fixed-top .navbar-header {
    padding-top: 15px;
}

.ofertas .navbar.navbar-default.navbar-superior {
    position: absolute;
    width: 100%;
    background: #fff;
    color: var(--color-marca2);
    box-shadow: none;
}

.navbar.navbar-default.navbar-superior {
    color: #fff
}

.navbar-default {
    position: absolute;
    width: 100%;
}

.navbar.navbar-default.navbar-superior.navbar-fixed-top {
    position: fixed;
    background: #fff;
    -webkit-box-shadow: 0 11px 8px -10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 11px 8px -10px rgba(0, 0, 0, .5);
    box-shadow: 0 20px 25px -30px rgba(0, 0, 0, .8);
}

.navbar-default .navbar-nav>li>a:after {
    /* content: ''; */
    position: absolute;
    width: 0px;
    height: 2px;
    left: 50%;
    bottom: 0;
    background-color: var(--color-marca1);
    transition: all ease-in-out .2s;
}

.navbar-default .navbar-nav>li>a:hover:after {
    width: 60%;
    left: 20%;
}


/*
div#navbar-menu-superior ul#nav li:nth-child(8) a {
    background: var(--color-marca5);
    color: #fff;
    border: 1px solid var(--color-marca5);
    padding: 6px 14px;
    margin: 0 20px;
    margin-left: 10px;
    border-radius: 55px;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
}

div#navbar-menu-superior ul#nav li:nth-child(9) a {
    border: 1px solid var(--color-marca5);
    color: var(--color-marca5);
    padding: 6px 14px;
    border-radius: 55px;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
}

div#navbar-menu-superior ul#nav li:nth-child(5) a {
    color: var(--color-marca5);
}
*/
div#navbar-menu-superior ul#nav li:nth-child(8) a:after,
div#navbar-menu-superior ul#nav li:nth-child(9) a:after {
    display: none;
}

.ban-top-izquierda img {
    margin-top: 10px;
}

.navbar-fixed-top .ban-top-izquierda img {
    margin-top: -5px;
}

.navbar-fixed-top .caja_func_sup a,
.navbar-default.navbar-fixed-top .navbar-nav>li>a {
    color: #001141;
    font-weight: 600;
}

/* .navbar-fixed-top .caja_func_sup a:hover,
.navbar-default.navbar-fixed-top .navbar-nav>li>a:hover {
    color: #fff
} */

.navbar-nav>li.open,
.navbar-left>li>a:focus,
.navbar-left>li>a:hover {
    background: transparent !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background: transparent;
    color: #fff;
}

.dropdown-menu {
    border: 0;
}

.dropdown-menu>li>a,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background: var(--color-marca1);
    cursor: pointer
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover {
    background: transparent !important;
    color: var(--color-marca1)
}

.navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-nav .open .dropdown-menu>li>a:hover {
    background-image: none;
    background-color: var(--color-marca2) !important;
    color: #fff !important;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: var(--color-marca2) !important;
    border-color: none !important
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li:hover>a {
    background: var(--color-marca5);
    color: #fff !important;
    border: 0;
    border-radius: 0;
}

.nav-tabs {
    border-bottom: 2px solid var(--color-marca5);
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: var(--color-marca1);
    background: #fff
}

.scroll_inf,
.scroll_sup {
    width: 98%;
    padding: 0px 30px;
}

body.ofertas .scroll_sup.container {
    padding-top: 0px;
    padding-bottom: 0px;
}

.brand-carousel li img {
    padding: 0 40px;
}

a.sc-7dvmpp-1.gCdMUP {
    display: none;
}

.caja_func_sup {
    margin-top: 25px;
}

.caja_func_sup a {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}

.navbar-fixed-top .caja_func_sup {
    margin-top: 15px;
    color: #000
}

span#nombre_usuario,
.search {
    display: none
}

.social ul.social-share a {
    font-size: 18px;
}

.social-fixed ul.social-share a {
    color: var(--color-marca2)
}

.top-bar ul.social-share a:hover {
    color: var(--color-marca1);
}

li.suscripcion .fa-envelope:before {
    content: "\f1d8";
}

body.productos .cajasoferta {
    width: 20%;
}

.detalle_producto span#precio span.price-standard:after,
.recomendadosrow.row span.price-standard:after {
    font-size: 14.4px;
    font-weight: 400;
    color: #4a4a4a;
    content: 'precio mensual +iva';
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 10px;
}

.detalle_producto span#precio span.price-sales:after,
.recomendadosrow.row span.price-sales:after {
    font-size: 14.4px;
    font-weight: 400;
    color: #4a4a4a;
    content: 'precio anual +iva';
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 10px;
}

/***** BOTONES *****/
.btn-default,
.btn-success {
    color: #fff !important;
    background: var(--color-marca1) !important;
}

.btn-default:hover,
.btn-success:hover {
    color: #fff !important;
    background: #1d407c !important;
}

/***** PLANES *****/
.cd-price {
    text-align: center;
    padding: 10px;
}

.cd-pricing-features li:nth-of-type(2n+1) {
    background-color: rgba(23, 61, 80, 0.06);
}

div#detalle ul li,
div#detalle ol li {
    line-height: 26px;
}

.cd-pricing-features li {
    float: none;
    width: auto;
    padding: 0.5em;
    background: #fff;
    text-align: center;
}

ul.cd-pricing-features {
    padding-left: 0px;
    border: 1px solid #e6e6e6;
    list-style: none;
}

.cajas,
.caja1 {
    padding: 0;
}

.pymepro ul {
    border: 3px solid #FF5722;
}

.destacado-planes.text-center {
    padding: 0 15px;
    margin: 30px 0;
    width: 20%;
}

.destacado-planes h3 {
    color: #f05a35;
    font-weight: 700;
}

ul.cd-pricing-features i.fa.fa-check {
    color: #168e16;
}

.cd-pricing-features i.fa.fa-times {
    color: #FF5722;
}

/***** GALERIA *****/
.row.gallery .igual-gal {
    padding: 10px 15px;
    padding-left: 0;
}

.blueimp-gallery>.prev,
.blueimp-gallery>.next {
    font-size: 24px;
    line-height: 40px;
}

.blueimp-gallery>.prev,
.blueimp-gallery>.next {
    font-size: 28px !important;
    line-height: 36px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
}

/***** SLIDER *****/
.item-slide.slick-slide {
    position: relative
}

.container.leyenda_slide {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    padding: 30px 60px;
    padding-top: 30px;
    /*background: rgba(0,0,0,.5);*/
}

.container.leyenda_slide h1,
.container.leyenda_slide h2 {
    padding-left: 1.6%;
}

.container.leyenda_slide h1:after {
    content: '';
    width: 80px;
    height: 5px;
    background: var(--color-marca5);
    display: block;
    margin: 20px 0;
    margin-bottom: 30px;
}

.container.leyenda_slide h1 {
    color: var(--color-marca2);
    font: 400 36px 'Poppins', sans-serif !important;
    margin-top: 80px;
    text-shadow: none !important;
    line-height: 40px !important;
    letter-spacing: 1px;
}

.container.leyenda_slide h2 {
    color: var(--color-marca2);
    font-weight: 700;
    letter-spacing: 1px;
    line-height: normal;
    margin-bottom: 20px;
}

.container.leyenda_slide h1,
.container.leyenda_slide h2 {
    padding-left: 8%;
}

span.container.leyenda_slide a.btn.btn-primary {
    margin-top: 20px
}

div#slides_ofertas_t {
    margin-top: -37px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slick-dots {
    position: absolute;
    right: 20px;
    top: 40%;
    width: auto;
}

.slick-dots li {
    background: var(--color-marca1);
    display: block;
    margin: 25px 5px 10px;
    width: 12px;
    height: 12px;
}

.slick-dots li button:before {
    color: #fff
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: var(--color-marca1);
    border: 2px solid #fff;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    margin: -9px;
}

/***** SPOTS *****/
.spot_top {
    line-height: 0;
    display: none
}

.spot_top .container {
    width: 100%;
    padding: 0;
}

.spot_top a,
.spot_ofertas_sup a {
    display: inline-block;
    width: 33.33%;
    overflow: hidden;
}

.spot_top img,
.spot_ofertas_sup img {
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
}

.spot_top img:hover,
.spot_ofertas_sup img:hover {
    transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
}

.spot_top .img-responsive {
    margin: 0 !important;
}

.btn.btn-primary,
.btn.btn-danger,
.btn.btn-default,
.btn.btn-success,
.btn.btn-info,
.btn.btn-warning,
.btn.btn-fb,
.btn.btn-tw {
    border-radius: 55px;
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    background: var(--color-marca5) !important;
    transition: all 0.3s ease-in-out;
}

.btn.btn-primary:hover,
.btn.btn-danger:hover,
.btn.btn-default:hover,
.btn.btn-success:hover,
.btn.btn-info:hover,
.btn.btn-warning:hover {
    background: var(--color-marca2) !important;
    border-color: transparent;
}

footer {
    /* background: #142032; */
    padding: 30px 0;
    text-align: center;
    background: var(--gradiente-azul);
}

span.container.leyenda_slide span.btn.btn-primary {
    margin-left: 10%;
}

/***** HOME *****/
/*
.bg-video {
	position: absolute; 
	z-index: 2; 
	width: 100%;
	height: 800px;
	top: 0;
	left: 0;
	background: url("http://portal11.tornadostore.com/b/portada.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
*/
div#ofertas .container.general {
    width: 100%;
    padding: 0
}

div#ofertas .container.general .row {
    margin: 0;
}

div#ofertas .col-md-12.col-xs-12.cols-grals {
    padding: 0;
}

.title-sol.style2:after {
    display: none;
}

.contador .container.logos_integraciones,
.row.noticiashome2,
.oficinas .container,
.navbar.navbar-default.navbar-superior .container,
footer .container.menu_pie {
    width: 90%;
    margin: 0 auto;
}

footer .container.menu_pie .container {
    width: 100%
}

/***** PROYECTOS *****/
.proyectos {
    padding: 10% !important;
    background: #f5f5f5;
}

.proyectos h4 {
    font-size: 45px;
    text-align: right;
    height: 200px !important;
    border-right: 5px solid var(--color-marca2);
    padding-right: 5%;
    margin-top: 0;
    line-height: 55px;
}

.proyectos h4 span {
    color: var(--color-marca1)
}

.proyectos .des_nov {
    padding-top: 3%;
}

.proyectos a.btn.btn-default.btn-vernota {
    box-shadow: 1px 8px 20px 0 rgba(0, 64, 114, 0.2) inset;
    -webkit-box-shadow: 1px 8px 20px 0 rgba(0, 64, 114, 0.2);
    -o-box-shadow: 1px 8px 20px 0 rgba(0, 64, 114, 0.2) inset;
    -ms-box-shadow: 1px 8px 20px 0 rgba(0, 64, 114, 0.2) inset;
    text-shadow: none;
    padding: 15px 40px;
    border-radius: 20px;
}

/***** NOSOTROS *****/
.row.noticiashome0 {
    width: 80%;
    margin: 0 auto;
    padding: 60px 0;
}

.noticiashome1 {
    width: 100%;
    margin: 0 auto !important;
    padding: 5% 0;
    background: var(--color-marca3);
}

div#ofertas .row.noticiashome1 .noticiashome1-row.row {
    width: 1170px;
    margin: 0 auto;
}

div#ofertas .row.noticiashome1 .noticiashome1-row.row h4 {
    float: left;
    width: 50%;
    font-size: 40px;
    text-align: right;
    padding-right: 3%;
    color: var(--color-marca2);
    font-weight: 400;
    border-right: 5px solid var(--color-marca2);
    height: 200px !important
}

div#ofertas .row.noticiashome1 .noticiashome1-row.row h4 a {
    color: var(--color-marca2);
}

div#ofertas .row.noticiashome1 .noticiashome1-row.row h4 span {
    color: var(--color-marca1);
    font-weight: 700;
}

div#ofertas .row.noticiashome1 .noticiashome1-row.row .des_nov {
    width: 50%;
    float: left;
    padding-left: 3%
}

.col-md-12.text-center.div-vertodos-noticias.vertodos_OPC_NOTAS_OFERTAS_1 {
    display: none;
}

.noticiashome1 h5 {
    display: none;
}

.noticiashome1 a.btn.btn-default.btn-vernota {
    box-shadow: 1px 8px 20px 0 rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 8px 20px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 1px 8px 20px 0 rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 1px 8px 20px 0 rgba(0, 0, 0, 0.2) inset;
    text-shadow: none;
    margin: 10px;
    margin-left: 3%;
}

h1.copete {
    font-size: 140%;
}

.glitch {
    top: 0;
    left: 0;
    width: 100%;
    height: 800px;
    overflow: hidden
}

.glitch-img {
    position: absolute;
    top: calc(-1 * 5px);
    left: calc(-1 * 10px);
    width: calc(100% + 10px * 2);
    height: calc(100% + 5px * 2);
    background: url("../b/deadmau5.jpg") no-repeat 50% 0;
    background-color: transparent;
    background-size: cover;
    transform: translate3d(0, 0, 0);
    background-blend-mode: none
}

.glitch-img:nth-child(n+2) {
    opacity: 0
}

.glitch .glitch-img:nth-child(n+2) {
    animation-duration: 4s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.glitch .glitch-img:nth-child(2) {
    background-color: transparent;
    background-blend-mode: none;
    animation-name: glitch-anim-1
}

.glitch .glitch-img:nth-child(3) {
    background-color: transparent;
    background-blend-mode: none;
    animation-name: glitch-anim-2
}

.glitch .glitch-img:nth-child(4) {
    background-color: transparent;
    background-blend-mode: none;
    animation-name: glitch-anim-3
}

@keyframes glitch-anim-1 {
    0% {
        opacity: 1;
        transform: translate3d(10px, 0, 0);
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    }

    2% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    }

    4% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    }

    6% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    }

    8% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    }

    10% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    }

    12% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    }

    14% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    }

    16% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    }

    18% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    }

    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    }

    21.9% {
        opacity: 1;
        transform: translate3d(10px, 0, 0);
    }

    22%,
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
}

@keyframes glitch-anim-2 {
    0% {
        opacity: 1;
        transform: translate3d(calc(-1 * 10px), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    }

    3% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    }

    5% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    }

    7% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }

    9% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    }

    11% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    }

    13% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }

    15% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    }

    17% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    }

    19% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    }

    20% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    }

    21.9% {
        opacity: 1;
        transform: translate3d(calc(-1 * 10px), 0, 0);
    }

    22%,
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
}

@keyframes glitch-anim-3 {
    0% {
        opacity: 1;
        transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    }

    1.5% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    }

    2% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    }

    2.5% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }

    3% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    }

    5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    }

    5.5% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    }

    7% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    }

    8% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    }

    9% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    }

    10.5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    }

    11% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    }

    13% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    }

    14% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    }

    14.5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    }

    15% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    }

    16% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }

    18% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    }

    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    }

    21.9% {
        opacity: 1;
        transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
    }

    22%,
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
}

.contador .titulo-integraciones {
    /* width: 100%; */
    color: #000;
    text-align: center;
    padding: 8% 0;
    padding-top: 5%;
    background: #e2e2e2;
    background: url('../b/call-bg.png') left top / auto no-repeat scroll rgb(9 114 181);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-animation: bg-animation 60s ease-in-out infinite;
    animation: bg-animation 60s ease-in-out infinite;

    /* margin: 0 -15px; */
}

.contador .logos_integraciones .logos-caja {
    margin-top: -100px;
}

.contador .logos_integraciones .logos-caja .container {
    width: 80%;
}

.logos_integraciones img {
    /*filter: drop-shadow(2px 4px 6px #ccc);*/
    margin: 15px 0;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    animation: 1s ease-out
}

.logos_integraciones img:hover {
    /*filter: drop-shadow(1px 1px 2px #ccc);*/
}

.contador .logos_integraciones img {
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
    animation: 1s ease-out;
    border: 1px solid #dcd7d7;
}

.contador .logos_integraciones img:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/***** Planes *****/
.planes {
    background: var(--gradiente-azul);
    padding: 60px 0;
    color: #fff;
}

.planes .texto-precios h2,
.planes .texto-precios h3 {
    color: var(--color-marca2);
}

.planes .banners-precios H3,
.planes .banners-precios a {
    color: var(--color-marca2);
}

.planes .banner-emprendedores,
.planes .banner-empresas {
    border: 1px solid #Fff;
    padding: 30px 40px;
    margin: 30px 50px;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    background: #fff;
    color: var(--color-marca2);
    font-weight: 400;
}

.planes .banner-emprendedores h3 {
    margin-top: 0;
}

.planes .banner-empresas h3 {
    margin-top: 0;
}

.planes .texto-precios h2,
.planes .texto-precios h3 {
    color: #fff;
}

.planes .texto-precios h2,
.planes .texto-precios h2 a {
    color: var(--color-marca5);
    font-weight: 400;
}

.planes .texto-precios a.btn.btn-default {
    background: var(--color-marca5) !important;
    margin-top: 20px;
    box-shadow: 0 0 5px #000;
}
.planes .texto-precios a.btn.btn-default:hover {
    background: var(--color-marca2) !important;
}

.planes .texto-precios h1 {
    color: #fff;
}

.planes .texto-precios h3 {
    margin: 0;
    line-height: 28px;
}

.planes .texto-precios {
    margin-top: 40px;
}

.planes:before {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 420px;
    background-repeat: repeat-x;
    background: url(../b/sombra-puntos.png);
    content: "";
    animation: witr_slide 100s linear infinite;
}

.planes .banners-precios a {
    color: var(--color-marca5);
    font-weight: 700;
}

.planes .banner-emprendedores h3,
.planes .banner-empresas h3 {
    font-weight: 700;
}

@keyframes witr_slider {
    0% {
        margin-top: 5px;
    }

    100% {
        margin-top: 30px;
    }

}

/***** PROYECTOS *****/

/*.noticiashome2 { 
  
}
*/
.col-izq-int {
    background: var(--color-marca3);
    padding: 10px 20px;
}

.col-izq-int .widget.proy_lateral.right1 .cajar img {
    margin-bottom: 20px;
    max-width: 100%;
}

.col-izq-int .widget.proy_lateral.right1 h4 {
    color: var(--color-marca2);
    font-size: 130%;
}

.col-izq-int .widget.proy_lateral.right1 .cajar h3 a {
    color: var(--color-marca1);
    font-weight: 700;
}

div#detalle {
    padding: 0 10px;
    padding-right: 15px;
}

div#detalle h1.copete,
div#detalle h1.copete b,
.logos_integraciones h2 {
    color: var(--color-marca2);
    font-weight: 400;
}

.logos_integraciones h2 {
    font-size: 160%
}

div#detalle h2.titulo,
div#detalle h1.titulo,
body.casos h1 {
    color: var(--color-marca2);
    font-size: 180%;
    text-align: center;
}

body.casos .col-listar h3 a {
    color: var(--color-marca1);
}

.row.noticiashome0 h5.title-sol.style2.solnuevo.solnoticias {
    margin-bottom: 50px;
}

.row.noticiashome0 .noticiashome0-row.row img {
    margin: 20px auto;
    max-width: 200px;
    animation: 1s ease-out;
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
    animation: 1s ease-out;
}

.row.noticiashome0 .noticiashome0-row.row img:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.row.noticiashome0 .noticiashome0-row.row .cajasnove {
    text-align: center;
    animation: 1s ease-out;
    animation-delay: 3s
}

.row.noticiashome0 .noticiashome0-row.row h4 {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 155px;
}

.row.noticiashome0 .cajasnove .des_nov {
    margin-top: 55px;
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
    color: #868484;
    margin-bottom: 20px
}

.noticiashome1 .cajasnove .des_nov i {
    color: var(--color-marca1);
    margin-right: 15px;
}

.row.noticiashome1 h5.title-sol.style2.solnuevo.solnoticias span,
.row.noticiashome2 h5.title-sol.style2.solnuevo.solnoticias {
    background: var(--color-marca3);
    margin: 0 auto;
    padding: 20px 0;
    padding-bottom: 10px;
}

.noticiashome1 .cajasnove {
    padding: 0;
    margin-bottom: 0
}

.noticiashome1 .cajasnove a {
    overflow: hidden;
    display: block;
}

.noticiashome1 .cajasnove a img {
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
}

.noticiashome1 .cajasnove a img:hover {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.row.noticiashome1 img {
    float: left;
    max-width: 55%;
    margin-right: 30px;
}

.noticiashome1 .cajasnove:nth-child(1) img {
    float: right;
    margin-left: 30px;
    margin-right: 0;
}

/*.noticiashome2-row.row {
    width: 80%;
    margin: 0 auto !important;
}*/
.noticiashome1 .cajasnove:nth-child(1) {
    background: var(--color-marca3);
    padding: 50px 10%;
}

.noticiashome1 .cajasnove {
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
    padding: 50px 10%;
}

.noticiashome1 .cajasnove:nth-child(2) {
    padding: 80px 10%;
}

.row.noticiashome2 h4 {
    display: none;
}

.noticiashome1 .cajasnove:nth-child(1) .des_nov {
    width: 40%;
    float: left;
}

.noticiashome1 .cajasnove:nth-child(2) .des_nov {
    width: 40%;
    float: right;
    animation-duration: 2s;
}

.noticiashome1 .cajasnove img {
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
    animation: 1s ease-out;
}

.noticiashome1 .cajasnove img:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

/***** NOVEDADES *****/
p.paginado.paginadoinferior {
    margin-top: 30px;
}

body.casos .col-listar div#imagen_listar {
    max-height: 200px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px
}

li.suscripcion {
    display: none !important;
}

.contador {
    /* background: #fff; */
    /* background: #f0eff5; */
    background: var(--gradiente-azul);
    padding: 40px 0;
}

.integra img {
    max-width: 250px;
    border: none !important;
    box-shadow: 0 0 5px #ddd;
    border-radius: 50% !important;
    padding: 20px;
    background: #ffff;
}

.contador a.btn.btn-default.btn-vernota {
    background: var(--color-marca5) !important;
    margin-top: 20px;
    box-shadow: 0 0 5px #000;
    transition: all 0.3s ease-in-out;
}
.contador a.btn.btn-default.btn-vernota:hover {
    background: var(--color-marca2) !important;
}

.contador .counter:nth-child(odd) h2 {
    color: var(--color-marca4);
}

.contador .logos_integraciones .integra {
    margin: 20px  auto;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.contador .fondo-blanco.text-center {
    padding: 100px 0;
    background: #f0eff5;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: -150px;
    background: var(--gradiente-azul);
    display: none;
}

.noticiashome2 .owl-carousel .owl-wrapper {
    margin-top: 30px;
}

.contador h2 {
    line-height: 40px;
    font-size: 28px;
    font-weight: 700;
}

.contador h2 a {
    color: #fff;
}

.contador h2 span {
    color: #fff;
    font-weight: 400;
}

.contador i {
    color: var(--color-marca2);
}

.contador .boton-integraciones h2 {
    color: var(--color-marca2);
    margin-bottom: 20px;
    font-weight: 400;
    margin-top: 40px;
}

.noticiashome2 .cajasnove:nth-child(2) .des_nov li {
    animation-delay: 1s;
}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-15s.animated.animated {
    animation-delay: 0.8s;
}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-20s.animated.animated {
    animation-delay: 1s;
}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-25s.animated.animated {
    animation-delay: 1.1s;
}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-30s.animated.animated {
    animation-delay: 1.2s;
}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-30s.animated.animated {
    animation-delay: 1.3s;
}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-35s.animated.animated {
    animation-delay: 1.4s;
}

.counter.col-md-2.col-xs-6.wow.animated.zoomIn.bounceInDown.delay-40s.animated.animated {
    animation-delay: 1.5s;
}

.contador .boton-integraciones {
    animation-delay: 1.6s;
}

.fad:before {
    color: #444
}

.fad:after {
    color: var(--color-marca1);
    opacity: 1
}

.noticiashome2,
.noticiashome3 {
    width: 80%;
    margin: 0 auto !important;
    padding: 60px 0;
}

.noticiashome2 .col-md-3 {
    width: 22%
}

.noticiashome2 .cajasnove h4,
.noticiashome2 .cajasnove:nth-child(1) .des_nov h2 {
    padding: 10px;
    margin-bottom: 0;
    color: var(--color-marca2);
    font-size: 180%;
}

.noticiashome2 .cajasnove:nth-child(1) .des_nov h2 {
    padding: 10px 0;
    padding-bottom: 25px;
}

.noticiashome2 .cajasnove .des_nov h3,
.noticiashome2 .cajasnove .des_nov h3 {
    margin-top: -10px;
    font-size: 160%;
    color: var(--color-marca1);
    margin-bottom: 30px;
}

.noticiashome2 .cajasnove .des_nov h3 {
    font-size: 130%;
    line-height: 140%;
}

.noticiashome2 .cajasnove h4 a {
    color: var(--color-marca2);
}

.noticiashome2 .cajasnove h4 a {
    color: var(--color-marca2)
}

.noticiashome2 .cajasnove {
    padding: 0;
    margin: 15px;
}

.noticiashome2 .noticiashome2-row.row img {
    width: 50%;
    float: right;
    margin-left: 60px;
    margin-top: -80px;
}

.row.noticiashome2 h5.title-sol.style2.solnuevo.solnoticias {
    display: none;
}

.noticiashome2 .cajasnove {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.noticiashome2 .cajasnove img {
    position: absolute;
    width: 90px;
    left: 8%;
    top: -8%;

}

/* .noticiashome2 .cajasnove .des_nov {
    padding: 25px;
    border: 2px solid #aeaeae;
    padding-top: 60px;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px
} */

.noticiashome2 .cajasnove .des_nov {
    padding: 60px 25px;
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 5px #ccc;
    min-height: 220px;
}

.div-vertodos-noticias.vertodos_OPC_NOTAS_OFERTAS_2 a {
    background: var(--color-marca5);
    color: #fff;
    border-radius: 15px;
    padding: 7px;
    font-weight: bold;
    width: 200px;
    display: block;
    margin: 0 auto;
	transition: all 0.3s ease-in-out;
}

.div-vertodos-noticias.vertodos_OPC_NOTAS_OFERTAS_2 a:hover {
	background: var(--color-marca2) !important;
}

.noticiashome2 a.btn-vernota {
    margin: 20px auto !important;
    display: block;
    width: 50%;
    padding: 7px;
    background: var(--color-marca2) !important;
}

.noticiashome2 a.btn-vernota:hover {
	background: var(--color-marca5) !important;
}

.noticiashome2 .cajasnove h4 {
    display: none;
}

.noticiashome2 a.btn-vernota {
    box-shadow: none
}

.noticiashome2 a.btn-vernota {
    box-shadow: none;
    margin-left: 10px;
    margin-top: 20px;
}

.noticiashome2 .cajasnove .des_nov hr,
.noticiashome2 .cajasnove:nth-child(1) .des_nov hr {
    border-top: 3px solid var(--color-marca2);
    width: 80px;
    margin: 0;
    margin-bottom: 30px;
}

.noticiashome2 .cajasnove:nth-child(1) {
    margin-top: 5%;
}

.noticiashome2 .cajasnove:nth-child(3) {
    margin-top: 8%;
}

.noticiashome2 .cajasnove:nth-child(4) {
    margin-top: 2%;
}

div#ofertas div#productslider-notas3 {
    padding-top: 30px;
}

div#notas_oferta_3 .owl-wrapper-outer {
    overflow: initial;
}

.noticiashome2 .cajasnove .des_nov p span {
    font-style: italic;
}

.row.noticiashome3 .cajasnove img,
.row.noticiashome3 .cajasnove h4,
.row.noticiashome3 .cajasnove .fecha_nov {
    padding: 0 10px;
}

.row.noticiashome3 .cajasnove .des_nov {
    padding: 10px;
    line-height: 21px;
    font-weight: 400;
}

.row.noticiashome3 .cajasnove a.btn.btn-default.btn-vernota {
    background: var(--color-marca2) !important;
    padding: 5px 10px;
    border: 0px;
    box-shadow: none;
    width: 25%;
    margin-top: 15px;
}

.row.noticiashome3 .cajasnove a.btn.btn-default.btn-vernota:hover {
    background: var(--color-marca5) !important;
}

.row.noticiashome3 .cajasnove img {
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
}

.row.noticiashome3 .cajasnove h4 a {
    color: #001141;
    line-height: normal;
}

.row.noticiashome3 .cajasnove .fecha_nov {
    font-size: 80%;
    font-weight: 400;
}

.div-vertodos-noticias.vertodos_OPC_NOTAS_OFERTAS_2,
.div-vertodos-noticias.vertodos_OPC_NOTAS_OFERTAS_3 {
    margin-bottom: 20px;
    font-weight: 400;
}

/***** CONTENIDOS *****/
.portfolio .post-lead-image,
.novedades .post-lead-image {
    width: 50%;
    padding: 0 20px;
    float: right;
}

.stButton {
    border-radius: 100%;
    background: #000 !important
}

span.st_googleplus_large {
    display: none;
}

.detalle-form {
    border-top: 2px solid var(--color-marca1)
}

/***** CONTACTO *****/
.contact-form h2 {
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
}

.contact-form input.btn.btn-primary.btn-theme.pull-left {
    width: 100%;
    padding: 10px;
}

.contact-form .list-inline>li a {
    background: var(--color-marca2);
    color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 14px;
    width: 30px;
    display: block;
    height: 30px;
    line-height: 32px;
    text-align: center;
}

.contact-form .list-inline>li a:hover {
    background: var(--color-marca1)
}

.contact-form .form-group .form-control {
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 55px;
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
}

.contact-form textarea.form-control {
    border-radius: 10px !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.contact-form input#tximseguridad {
    padding: 20px;
    width: 100px;
}

input.form-control.in_seguridad.pull-left {
    border-color: #ccc;
}

/***** PARALLAX *****/
.oficinas {
    background-image: url("../b/bg-animado.jpg");
    color: #fff;
    padding-top: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-animation: bg-animation 20s ease-in-out infinite;
    animation: bg-animation 20s ease-in-out infinite;
    position: relative;
    padding: 110px 0px 110px 0px;
}

.container-fluid.oficinas iframe#video_home {
    height: 450px;
}

div#ModalVideo .modal-dialog {
    max-width: 100%;
    width: 70%;
}

div#ModalVideo .modal-dialog .modal-body {
    background: #142032;
}

div#ModalVideo .modal-dialog .modal-body h1,
div#ModalVideo .modal-dialog .modal-body h3 {
    color: #fff;
    border-bottom: 0;
    margin-bottom: 20px;
}

div#ModalVideo .modal-dialog .modal-body h1 {
    font-size: 200%;
    margin-bottom: 10px;
}

div#ModalVideo .modal-dialog .modal .fa.close,
.modal .fa.close {
    right: 30px !important;
    color: #fff !important;
    opacity: .4 !important;
}

.video-icon.text-center {
    position: absolute;
    margin: 0 auto;
    display: block;
    width: 100%;
    top: 40%;
}

.video-icon a.video-vemo-icon {
    width: 75px;
    height: 75px;
    line-height: 75px;
    display: inline-block;
    text-align: center;
    border-radius: 500%;
    position: relative;
    color: #f05a35;
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
    -webkit-transition: .5s;
    background: #fff;
    font-size: 28px;
    float: left;
    margin-right: 50px
}

.video-icon h3 a {
    color: #fff;
    line-height: 80px;
    font-weight: 700;
}

@keyframes ripple-blue {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3)
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-white {
    0% {
        box-shadow: 0 0 0 0 rgb(255 255 255 / 30%), 0 0 0 10px rgb(255 255 255 / 39%), 0 0 0 20px rgb(240 90 53 / 30%)
    }

    100% {
        box-shadow: 0 0 0 10px rgb(255 255 255 / 30%), 0 0 0 20px rgb(206 194 191 / 30%), 0 0 0 30px rgb(12, 90, 219, 0)
    }
}

.oficinas .textovideo {
    padding-left: 30px;
}

.oficinas:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--color-marca4);
    opacity: 0.5;
    left: 0;
    bottom: 0;
    top: 0;
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(212, 134, 10, 0.8) 0%, rgba(169, 11, 71, 0.8) 100%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s
}

.oficinas>.row {
    margin: 0
}

.oficinas h1,
.oficinas h3,
.oficinas h2 {
    color: #fff
}

.oficinas h3 {
    font-size: 180%;
    line-height: 30px;
    color: #fff;
}

.oficinas hr {
    width: 25%;
    margin: 0 auto;
    color:#fff;
}

.oficinas li {
    margin: 20px 0;
    font-size: 20px
}

div.boton_arrepentimiento {
    text-align: center;
    margin-bottom: 25px;
    display: none;
}

.oficinas .textovideo1 h1 {
    margin-top: 0;
    font-size: 200%;
}

.oficinas .textovideo1 h3 {
    font-size: 160%;
    margin-bottom: 20px;
    margin-top: 10px;
}

.oficinas .textovideo1 a.btn.btn-default {
    border: 2px solid #fff;
    background: transparent !important;
}

.logo-footer {
    margin: 10px 0;
    margin-bottom: 50px;
}

.logo-footer img {
    max-width: 200px;
}

.footer .certificacion {
    border-top: 1px solid #4a596b;
    padding-top: 40px;
}

p.foot_netone {
    border-top: 1px solid #4a596b;
    padding-top: 10px;
    margin-top: 20px
}

.footer h2 {
    font-size: 150%;
    font-weight: 400
}

p.datos_pie,
p.leyenda {
    color: #a1a8b3;
}

@-webkit-keyframes bg-animation {
    0% {
        background-position: top;
    }

    50% {
        background-position: bottom;
    }

    100% {
        background-position: top;
    }
}

@keyframes bg-animation {
    0% {
        background-position: top;
    }

    50% {
        background-position: bottom;
    }

    100% {
        background-position: top;
    }
}

.hormigafoot {
    padding: 0
}

.hormigafoot h2 {
    margin: 0
}

/***** FOOTER *****/
.footer {
    /* background: #142032; */
    background: transparent;
    color: #fff;
    padding: 5% 0 0
}

.footer .row {
    margin: 0
}

#ofertas>div>p,
p.iva.text-center {
    display: none;
}

.footer h1,
.footer h2 {
    color: #fff;
    margin-top: 0;
}

.footer ul li {
    padding: 5px 0
}

.footer i {
    padding: 10px
}

footer {
    padding: 0
}

.footer a,
footer a,
.footer ul li {
    color: #a1a8b3;
    transition: All 0.2s ease-in-out
}

.footer a:hover,
footer a:hover,
.footer ul li:hover {
    color: #fff
}

.footer ul.social-footer {
    list-style: none;
    padding: 0;
}

.footer ul.social-footer li {
    display: inline-block;
}

.footer ul.social-footer li i {
    font-size: 22px;
}

body.suscripcion-planes .vps-especiales.text-center,
body.productos .vps-especiales {
    background: var(--gradiente-azul);
    color: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 30px 0;
}

body.suscripcion-planes .vps-especiales.text-center h2,
body.productos .vps-especiales h2 {
    color: #fff;
    font-weight: 400;
    line-height: normal;
}

body.suscripcion-planes .vps-especiales.text-center h2 b,
body.productos .vps-especiales h2 b {
    font-weight: 700;
}

body.productos .vps-especiales {
    border-radius: 0px;
}

body.productos .hormigafoot {
    clear: both;
}

body.productos .hormigafoot h2 {
    display: none;
}

.container.menu_pie a.btn.btn-default,
a.boton-crear {
    background: var(--color-marca5) !important;
    color: #ffffff !important;
    border: 1px solid var(--color-marca5);
    font-weight: 400;
}

a.boton-crear {
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    background: var(--color-marca5);
    padding: 8px 20px;
    transition: all 0.3s ease-in-out;
}
a.boton-crear:hover {
    background: var(--color-marca2) !important;
    border-color: transparent;
}

.container.menu_pie a.btn.btn-default.btn2 {
    background: none !important;
    color: var(--color-marca5) !important;
    width: 129px;
}

.container.menu_pie a.btn.btn-default:hover {
    background: #fff !important;
    color: #142032 !important;
    border: 1px solid #fff;
    font-weight: 400;
}

.container.menu_pie a.btn.btn-default.btn2:hover {
    background: none !important;
    color: #Fff !important;
}

body.paises .tornadostore,
body.paises .multimedia {
    background: #f0eff5;
    padding: 0px 40px;
    padding-bottom: 20px;
}

body.paises .multimedia {
    padding-top: 20px;
    padding-bottom: 40px;
}

body.paises .tornadostore img {
    max-width: 90%;
    margin: 0 auto;
}

body.paises .omnichannel img {
    width: 50%;
    margin: 0 auto;
}

body.paises .omnichannel,
body.paises .clientestornado {
    padding: 0 40px;
    margin: 20px 0;
    margin-bottom: 40px;
}

body.paises .integraciones {
    background: #0084fe;
    padding: 5% 0;
    text-align: center;
}

body.paises .integraciones img {
    width: 70%;
    margin: 0 auto;
}

body.paises .integraciones ul.list-inline {
    margin: 0 20px;
}

body.paises .post-main-view h2 {
    font-size: 120%;
    color: var(--color-marca1);
    line-height: normal;
}

body.paises .post-main-view h1 {
    font-size: 180%;
    color: var(--color-marca2);
}

body.paises .post-main-view .clientestornado img {
    max-width: 130px;
    margin: 10px 20px;
}

body.paises .tornadostore {
    margin-top: 30px;
}

body.paises .opcionts {
    padding: 0 25px;
    padding-left: 30px;
}

body.paises .col-md-3 img {
    max-width: 150px;
}

body.paises .integraciones h2,
body.paises .integraciones h1 {
    color: #Fff;
}

body.paises .integraciones h1 {
    margin-top: 0;
    margin-bottom: 40px;
}

body.paises .integraciones h2 {
    font-size: 140%;
    margin-bottom: 5px;
}

.widget.proy_lateral.right1 p.vertodos {
    margin-top: 20px;
}

.col-listar div#imagen_listar {
    margin: 10px;
    margin-bottom: 20px;
}

.col-listar {
    padding: 0 20px;
    margin-bottom: 30px;
}

body.nov_eco h2 {
    color: #0972b5;
    font-size: 140%;
    font-weight: 400;
}

body.nov_eco {
    font-size: 14px;
    line-height: 21px;
}

/***** PRODUCTOS / PRECIOS *****/
.detalle_producto span#precio span.price-standard,
.recomendadosrow.row span.price-standard {
    text-decoration: none;
    order: 2;
}

.detalle_producto span#precio span.price-sales,
.recomendadosrow.row span.price-sales {
    color: var(--color-marca5);
    order: 1;
}

.detalle_producto span#precio,
.recomendadosrow.row .price {
    display: flex;
    flex-direction: column;
    margin-top: -20px;
}

.recomendadosrow.row .price {
    margin-top: 10px;
}

body.productos .price-standard,
.recomendadosrow.row span.price-standard {
    text-decoration: none;
    display: block;
    /* order: 2; */
}

body.productos span.price-sales,
.recomendadosrow.row span.price-sales {
    color: var(--color-marca5);
    order: 1;
}

body.productos .product .price span {
    display: flex;
    flex-direction: column;
    order: 2;
}

/*body.productos .product .price span + span {
    order: 1;
}*/
h3.product-code {
    display: none;
}

body.productos span.price-sales:after {
    font-size: 14.4px;
    font-weight: 400;
    color: #4a4a4a;
    content: 'precio anual';
    margin-bottom: 5px;
    margin-top: 5px;
}

body.productos span.price-standard {
    color: #8c8a8a;
}

body.productos .recomendadosrow .image a img {
    display: none;
}

body.detalle .recomendadosrow .image a img,
.socialIcon.pull-right {
    display: none;
}

body.productos .product .description span.dcorta ul.carplan li::before,
#detalle .details-description ul.carplan li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #0b577c;
    margin-right: 10px;
}

body.productos .product .description span.dcorta ul.carplan li::marker {
    display: none;
}

body.productos .product .description ul.carplan,
#detalle .details-description ul.carplan {
    padding: 0;
    list-style: none;
}

body.productos .product .description h4 span,
body.productos .product h4 span,
.recomendadosrow.row .product h4 span {
    display: block;
    font-size: 60%;
    font-weight: 400;
}

body.productos .product .description h4,
body.productos .product h4,
.recomendadosrow.row .product h4 {
    margin: 20px 15px;
}

body.productos .product .description h4 a,
body.productos .product h4 a,
.recomendadosrow.row .product h4 a {
    font-size: 180%;
    text-transform: none;
    color: #444;
}

body.productos .product .price {
    color: var(--color-marca5);
    margin-bottom: 20px;
}

body.productos .product .price span.iva-precio {
    display: none;
    font-size: 80%;
    font-weight: 400;
    color: #4a4a4a;
}

body.productos .cajasoferta:nth-child(4) .product,
body.productos .cajasoferta:nth-child(4) .product:hover {
    border-top: 4px solid #034c79;
}

body.productos .cajasoferta:nth-child(3) .product,
body.productos .cajasoferta:nth-child(3) .product:hover {
    border-top: 4px solid #ff7756;
}

body.productos .cajasoferta:nth-child(2) .product,
body.productos .cajasoferta:nth-child(2) .product:hover {
    border-top: 4px solid #febe50;
}

body.productos .cajasoferta:nth-child(1) .product,
body.productos .cajasoferta:nth-child(1) .product:hover {
    border-top: 4px solid #69b7c9;
}

body.productos .cajasnuevo,
body.productos .cajasoferta {
    padding: 0;
}

body.productos .cajasoferta:nth-child(5) .product,
body.productos .cajasoferta:nth-child(5) .product:hover {
    border-top: 4px solid #9E9E9E;
}

body.productos .descuento-anual.nuevo-crm span {
    text-transform: none;
    color: #ffffff;
}

body.productos .descuento-anual.nuevo-crm p {
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
}

body.productos .descuento-anual.nuevo-crm p span.precio-crm {
    color: var(--color-marca5);
    font-weight: 700;
}

body.productos .descuento-anual.nuevo-crm h3 {
    font-size: 160%;
    line-height: normal;
}

body.productos .descuento-anual.nuevo-crm span.destacado {
    display: block;
    margin-bottom: 10px;
    color: #febe50;
    font-size: 16px
}

body.productos .descuento-anual.nuevo-crm span.destacado i {
    padding: 0 5px;
}

.featuredImgLook2 .inner:hover,
.product:hover {
    border: 1px solid #FAFAFA;
}


h5.recomendados.col-md-12 {
    text-transform: none;
}

div#detalle h1.product-title span {
    display: block;
    font-weight: 400;
    font-size: 70%;
}

div#detalle h1.product-title {
    text-transform: none;
}

.product-price {
    color: var(--color-marca5);
}

ul.subcate li a {
    font-size: 14px;
    background: none;
    padding: 8px 20px;
    color: var(--color-marca5);
    border-radius: 55px;
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
    border: 1px solid var(--color-marca5);
    font-weight: 400;
}

ul.subcate li {
    display: inline;
    margin: 10px auto;
    text-align: center;
    padding: 20px 0;
}

ul.subcate {
    text-align: center;
    padding: 0;
    margin: 30px 0;
    /* margin-bottom: 20px; */
    margin-bottom: 40px;
}

body.productos div#hormiga h1 {
    text-align: center;
}

body.productos .productFilter.clearfix {
    display: none;
}

body.productos .promotion span.discount {
    color: #4e4e4e;
    font-style: italic;
    font-weight: 500;
    background: transparent;
    width: 100%;
    padding: 10px 0;
}

body.productos .promotion {
    position: relative;
    bottom: 0;
    text-align: center;
    display: block;
    height: auto;
    height: 40px;
}

body.productos .promotion span.discount i {
    color: #febe50;
}

body.productos .product h4 {
    margin-top: 20px;
}

/* body.productos .descuento-anual {
    background: #f4f8f9;
    padding: 5px 15px;
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px dotted var(--color-marca5);
    width: max-content;
} */

body.productos .descuento-anual {
    /* background: var(--color-marca2); */
    background: linear-gradient(90deg, rgba(20, 32, 50, 1) 0%, rgba(0, 61, 143, 1) 96%) !important;
    padding: 7px 35px;
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid var(--color-marca2);
    width: max-content;
    border-radius: 15px;
}

body.productos .descuento-anual {
    margin-top: 30px;
}

body.productos .descuento-anual.nuevo-crm {
    margin-top: 100px;
    background: var(--gradiente-azul);
    padding: 30px 100px;
    border-radius: 25px;
    padding-bottom: 30px;
    display: none;
}

body.productos .descuento-anual.nuevo-crm:hover {
    background: linear-gradient(to left top, #142032 0, #003d8f);
    transition: all 0.3s ease-in-out;
}

body.productos .descuento-anual h3 {
    margin-top: 10px;
    font-weight: 700;
    color: var(--color-marca5);
    text-transform: uppercase;
}

/***** INTEGRACIONES *****/
body.integraciones .col-listar div#imagen_listar img,
body.integraciones .post-lead-image img {
    float: left;
    filter: drop-shadow(2px 4px 6px #ccc);
    margin: 15px 0;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    animation: 1s ease-out;
    margin-right: 30px;
    width: 45%;
}

body.integraciones .post-lead-image img {
    width: 300px;
    margin-right: 50px;
}

body.integraciones .col-listar p.copete {
    display: none;
}

/***** PLANES - SUSCRIPCION *****/
body.suscripcion-planes .planes {
    color: initial;
    text-align: center;
    padding: 30px 0;
}

body.suscripcion-planes .pyme,
body.suscripcion-planes .pymepro,
body.suscripcion-planes .premium,
body.suscripcion-planes .planes.planamedida {
    border: 1px solid #e6e6e6;
    background: #fff;
}

body.suscripcion-planes .planes.planamedida {
    border-top: 4px solid #01c7d2;
}

body.suscripcion-planes .planes.pyme {
    border-top: 4px solid #febe50;
}

body.suscripcion-planes .planes.pymepro {
    border-top: 4px solid #ff7756;
}

body.suscripcion-planes .planes.premium {
    border-top: 4px solid #034c79;
}

/*body.suscripcion-planes .recomendado-plan span.plan-recomendado {
    background: #f4f8f9;
    position: absolute;
    top: -70px;
    left: auto;
    right: auto;
    display: block;
    width: 100%;
}*/
body.suscripcion-planes h2.titulo {
    margin-bottom: 30px;
    margin-top: 30px;
}

body.suscripcion-planes .planes .planes-top {
    padding: 20px 0;
}

body.suscripcion-planes .recomendado-plan,
body.suscripcion-planes span.plan-recomendado {
    margin-top: -20px;
}

body.suscripcion-planes .recomendado-plan span.plan-recomendado,
body.suscripcion-planes span.plan-recomendado {
    padding: 5px 0;
    font-style: italic;
    font-weight: 500;
}

body.suscripcion-planes .recomendado-plan span.plan-recomendado i,
body.suscripcion-planes span.plan-recomendado i {
    color: #febe50;
}

body.suscripcion-planes .planes .planes-top h2 span,
body.suscripcion-planes .anual .planes h2 span {
    font-size: 60%;
    font-weight: 400;
}

body.suscripcion-planes .planes:before {
    background: none;
    position: initial;
    height: initial;
    animation: none;
    width: initial;
}

body.suscripcion-planes .planes ul.carplan {
    list-style: none;
    padding-left: 0;
    text-align: left;
    border: 0px;
}

body.suscripcion-planes .planes .planes-top p.precioplan,
body.suscripcion-planes .anual .planes p.precioplan {
    color: var(--color-marca5);
    font-size: 20px;
    font-weight: 700;
}

body.suscripcion-planes .planes .planes-top p.precioplan small,
body.suscripcion-planes .anual .planes p.precioplan small {
    display: block;
    font-size: 60%;
    font-weight: 400;
    color: #4a4a4a;
}

body.suscripcion-planes .planes .planes-top p.precioplan small,
body.suscripcion-planes .anual .planes p.precioplan small {
    display: block;
}

body.suscripcion-planes .planes ul.carplan li,
body.productos .product .description ul.carplan li {
    text-align: left;
    padding: 8px 0 8px 12px;
    color: #555;
    font-weight: 400;
}

body.suscripcion-planes .tx_categoria {
    font-weight: 400;
}

body.suscripcion-planes .planes ul.carplan li i {
    color: #0b577c;
}

body.suscripcion-planes .planes ul.carplan li:nth-child(odd),
body.productos .product .description ul.carplan li:nth-child(odd) {
    background: #f4f8f9;
}

body.suscripcion-planes .planes .planes-top h2 span,
body.suscripcion-planes .anual .planes h2 span {
    display: block;
}

body.suscripcion-planes .planes .planes-top h2,
body.suscripcion-planes .anual .planes h2 {
    text-align: center;
}

.selector_plan label.btn.btn-primary.btn-lg.toggle-off,
.selector_plan label.btn.btn-info.btn-lg.toggle-on {
    font-size: 14px;
    background: none;
    padding: 8px 20px;
    color: var(--color-marca5);
    text-shadow: none;
}

.selector_plan .toggle.btn.btn-primary.off.btn-lg,
.selector_plan .toggle.btn.btn-lg.btn-info {
    width: 250px !important;
    height: 40px !important;
    background: none;
    border: 1px solid var(--color-marca5);
    color: var(--color-marca5);
}

div#detalle .funcionalidad img {
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
    animation: 1s ease-out;
    border: 1px solid #dcd7d7;
    margin: 15px 0;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    animation: 1s ease-out;
    padding: 10px;
}

div#detalle .funcionalidad h4 {
    color: var(--color-marca2);
    font-size: 130%;
}

.destacado-planes,
.destacado-planes i {
    color: #142032;
}

body.formulario-registro {
    padding-top: 95px;
}

body.formulario-registro .contacto {
    padding: 40px;
}

/***** MEDIA *****/
@media (min-width: 1920px) {

    /*.navbar .container {width: 1600px}	*/
    div .bg-video {
        height: 1080px;
    }

    .proyectos {
        padding: 8% 15% !important;
    }

    .noticiashome2 {
        width: 65%
    }

    .container.leyenda_slide h1,
    .container.leyenda_slide h2 {
        padding-left: 2.7%;
    }

    .video-icon.text-center {
        width: 75%;
    }

    .container-fluid.oficinas iframe#video_home {
        height: 550px;
    }

    .container.leyenda_slide h2 {
        font-size: 24px;
        line-height: normal;
    }

    .row.noticiashome0 .noticiashome0-row.row h4 {
        bottom: 85px;
    }

    .oficinas {
        height: 40vh;
    }

    .row.noticiashome0 .noticiashome0-row.row h4 {
        bottom: 120px;
    }

    .container.leyenda_slide h1 {
        margin-top: 100px;
    }

    .container.leyenda_slide h1,
    .container.leyenda_slide h2,
    .container.leyenda_slide h3 {
        padding-left: 10%;
        max-width: 500px
    }

    span.container.leyenda_slide a.btn.btn-primary {
        margin-left: 15%;
    }
}

@media (min-width: 768px) {
    ul.nav.navbar-nav {
        margin-top: 15px;
        margin-left: 30px;
    }

    .navbar-fixed-top ul#nav {
        margin-top: 15px;
    }
}

@media (max-width: 1570px) {

    .container.leyenda_slide h1,
    .container.leyenda_slide h2 {
        padding-left: 10%;
        max-width: 550px
    }

    span.container.leyenda_slide a.btn.btn-primary {
        margin-left: 10%
    }
}

@media (max-width: 1460px) {
    .row.noticiashome0 .noticiashome0-row.row h4 {
        bottom: 175px;
    }

    .navbar-nav>li>a {
        padding: 10px;
    }
}

@media (max-width: 1367px) {

    .container.leyenda_slide h1,
    .container.leyenda_slide h2 {
        padding-left: 5%;
    }

    .contador .container.logos_integraciones,
    .row.noticiashome2,
    .oficinas .container,
    .navbar.navbar-default.navbar-superior .container,
    footer .container.menu_pie {
        width: 95%;
        margin: 0 auto;
    }

    .row.noticiashome0 .noticiashome0-row.row h4 {
        bottom: 195px;
    }

    .container.leyenda_slide h1,
    .container.leyenda_slide h2 {
        max-width: 550px;
    }

    span.container.leyenda_slide a.btn.btn-primary {
        margin-left: 5%
    }
}

@media (max-width: 1281px) {
    .bg-video {
        height: 720px
    }

    .container.leyenda_slide h1 {
        max-width: 100%;
    }

    .navbar.navbar-default.navbar-superior .container {
        width: 100%;
    }

    .oficinas .container {
        margin-top: 4%;
    }
}

@media (max-width: 1268px) {
    .oficinas .container {
        margin-top: 4%;
    }
}

@media (max-width: 1024px) {
    .container.leyenda_slide {
        padding-top: 80px;
    }

    .container.leyenda_slide h1,
    .container.leyenda_slide h2 {
        padding-left: 0%;
    }

    .buscador ul.dropdown-menu li,
    div#ofertas .row.noticiashome1 .noticiashome1-row.row,
    .noticiashome2 {
        width: 100%;
    }

    .oficinas {
        height: 30vh;
    }
}

@media (max-width: 767px) {

    .noticiashome2 .cajasnove:nth-child(1) img,
    .noticiashome2 .cajasnove:nth-child(2) img,
    .noticiashome2 .cajasnove img,
    .noticiashome2 .cajasnove:nth-child(1) .des_nov,
    .noticiashome2 .cajasnove:nth-child(2) .des_nov,
    .noticiashome2 .cajasnove .des_nov,
    .noticiashome2 .noticiashome2-row.row img {
        float: none;
        width: 100%;
        margin: 0;
        max-width: 100%;
    }

    body.productos .descuento-anual h3 {
        font-size: 80%;
    }

    .contador .fondo-blanco.text-center {
        margin: 0;
        margin-top: -150px;
    }

    .destacado-planes.text-center {
        width: 25%;
    }

    .noticiashome2 .cajasnove img {
        width: 90px !important;
        top: 25px;
    }

    body.integraciones .col-listar div#imagen_listar img,
    body.integraciones .post-lead-image img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        float: none;
    }

    body.integraciones .nov_dlarga img,
    body.integraciones .nov_dcorta img {
        width: 100%;
        display: block;
        max-width: 100%;
        height: auto;
    }

    body.paises .integraciones ul.list-inline {
        margin: 0px;
    }

    body.paises .post-main-view .clientestornado img {
        max-width: 100px;
        margin: 10px 20px;
    }

    div#ModalVideo .modal-dialog {
        max-width: 100%;
        width: 97%;
    }

    .contador .container.logos_integraciones,
    .row.noticiashome2,
    .oficinas .container,
    .navbar.navbar-default.navbar-superior .container,
    footer .container.menu_pie {
        width: 100%;
        margin: 0 auto;
    }

    span.caret.navbar-toggle.sub-arrow {
        background: var(--color-marca2);
        border: 0px;
        font-size: 20px;
    }

    .footer h1,
    .footer h2 {
        font-size: 140%;
    }

    .caja_func_sup.pull-right.hidden-xs {
        display: block !important;
        margin-top: 15px;
    }

    .caja_func_sup.pull-right.hidden-xs span.whatsapp-top {
        display: none;
    }

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover {
        background: #fff;
        color: var(--color-marca1);
    }

    .navbar-fixed-top .navbar-toggle .icon-bar {
        background-color: #1e1e1e;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent;
    }

    div#ofertas .row.noticiashome1 .noticiashome1-row.row {
        width: 100%;
    }

    .navbar-default .navbar-nav>li>a:after {
        display: none;
    }

    .buscador {
        float: right;
        margin-left: 20px;
        margin-top: 0px;
    }

    .row.noticiashome0 .noticiashome0-row.row img {
        margin: 10px auto;
    }

    .social ul.social-share a {
        color: #ffffff;
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .top-bar {
        background: var(--color-marca2);
        border-bottom: 1px solid #143b7c;
    }

    .destacado-planes.text-center {
        width: 50%;
    }

    body.productos .cajasoferta {
        width: 100%;
    }

    .item-slide.imagen-slide-2 {
        height: 440px !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }

    .contador .logos_integraciones .logos-caja .container {
        width: 100%;
    }

    body.paises .post-main-view .clientestornado img {
        max-width: 90px;
        margin: 10px;
    }

    body.paises .omnichannel img {
        width: 90%;
        margin-bottom: 30px;
    }

    .contador .counter h2 {
        font-size: 21px;
    }

    iframe#video_home {
        height: 200px;
        margin: 20px 0;
        margin-top: 40px;
    }

    .video-icon a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .row.noticiashome0 .noticiashome0-row.row h4 {
        bottom: 140px;
    }

    .brand-carousel li img {
        padding: 0 5px;
    }

    ul.social-share a i {
        padding: 0 10px;
        font-size: 16px;
    }

    .navbar-header {
        padding-top: 10px;
    }

    .ofertas .navbar.navbar-default.navbar-superior.navbar-fixed-top {
        background: #fff
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: var(--color-marca1)
    }

    .navbar-fixed-top .navbar-toggle .icon-bar {
        background-color: #1e1e1e
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

    .navbar-default {
        position: relative;
        width: 100%;
        height: auto;
    }

    p.count-text {
        font-size: 13px;
    }

    .buscador ul.dropdown-menu {
        top: 60px;
    }

    button.navbar-toggle {
        float: left;
    }

    .ban-top-izquierda img {
        margin-top: 0px !important;
    }

    .noticiashome2 .cajasnove h4 {
        text-align: center;
        margin-bottom: 30px;
    }

    .noticiashome2 .cajasnove .des_nov,
    .noticiashome2 .cajasnove:nth-child(2) {
        margin-top: 30px !important;
    }

    .scroll_inf,
    .scroll_sup {
        padding-bottom: 0;
    }

    .noticiashome2 .cajasnove:nth-child(1),
    .noticiashome2 .cajasnove:nth-child(2) {
        padding: 30px 5%;
    }

    .row.noticiashome0 {
        width: 90%;
        padding: 40px 0;
        padding-top: 0;
    }

    .noticiashome2 .cajasnove:nth-child(1) .des_nov,
    .noticiashome2 .cajasnove .des_nov {
        text-align: center;
    }

    .noticiashome2 .cajasnove:nth-child(1) {
        margin-top: 5%;
        text-align: center;
    }

    .noticiashome2 .cajasnove:nth-child(1) .des_nov hr,
    .noticiashome2 .cajasnove .des_nov hr {
        margin: 0 auto;
        margin-bottom: 30px;
    }

    button.navbar-toggle {
        padding: 8px;
    }

    ul.social-share a {
        color: var(--color-marca1);
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
    }

    body.ofertas {
        padding-top: 45px;
    }

    .container.leyenda_slide h2 {
        font-size: 16px;
        line-height: normal;
    }

    .container.leyenda_slide h1:after {
        width: 50px;
    }

    span.container.leyenda_slide span.btn.btn-primary {
        margin-left: 0%;
    }

    .slick-dots {
        position: absolute;
        right: 10px;
        top: 10%;
        width: auto;
    }

    .slick-dots li {
        background: #fff;
        display: block;
        margin: 25px 5px 10px;
        width: 8px;
        height: 8px;
    }

    .slick-dots li.slick-active button:before {
        opacity: 1;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 100%;
        height: 20px;
        width: 20px;
        margin: -6px;
    }

    span.container.leyenda_slide {
        padding-top: 50px;
    }

    .item-slide.imagen-slide-2.slick-slide {
        background-size: contain;
        height: 500px;
    }

    .container.leyenda_slide h1 {
        max-width: 100%;
        font: 700 20px 'Poppins', sans-serif !important;
        line-height: 21px !important
    }

    span.container.leyenda_slide a.btn.btn-primary {
        margin-top: 10px;
        font-size: 12px;
        padding: 6px 16px;
    }

    .container>.navbar-header,
    .container>.navbar-collapse {
        margin: 0;
    }

    .navbar-default .navbar-collapse,
    .navbar-nav>li>a {
        border: 0;
    }

    ul.social-share {
        position: relative;
        width: 100%
    }

    div#slides_ofertas_t {
        margin-top: 50px;
    }

    .container.general>.row {
        padding: 15px;
    }

    .ofertas .container.general>.row {
        padding: 0;
    }

    .proyectos {
        clip-path: none;
        padding: 0 0 10% !important;
        height: 100%
    }

    .proyectos h4 {
        font-size: 28px;
        text-align: center;
        height: 100% !important;
        border-right: 0;
        padding-right: 0;
        margin-top: 5%;
    }

    .noticiashome1 {
        width: 100%;
        margin: 0 !important;
    }

    div#ofertas .row.noticiashome1 .noticiashome1-row.row .des_nov,
    div#ofertas .row.noticiashome1 .noticiashome1-row.row h4 {
        width: 100%;
        float: none;
        padding-left: 0%;
    }

    div#ofertas .row.noticiashome1 .noticiashome1-row.row h4 {
        font-size: 28px;
        border-right: 0;
        height: auto !important;
        text-align: right;
    }

    .noticiashome1 a.btn.btn-default.btn-vernota {
        position: relative;
        right: 0
    }

    .glitch {
        height: 400px;
    }

    .glitch-img {
        top: 10%;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .noticiashome2 .col-xs-12 {
        width: 100% !important;
        margin: 0
    }

    .noticiashome2 {
        width: 92%;
    }

    .noticiashome2 .cajasnove {
        margin-top: 5% !important
    }

    .footer .col-md-4 img {
        padding-left: 0;
    }

    ul.list-inline.list-unstyled.hidden-lg {
        display: none;
    }

    .portfolio .post-lead-image,
    .novedades .post-lead-image {
        width: 100%;
        padding: 0;
        float: none;
    }

    .oficinas {
        height: 60vh;
    }

    .footer .logo img {
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .footer .logo {
        text-align: center;
    }

    .oficinas li {
        margin: 10px 0;
        font-size: 15px;
    }

    .container-fluid.oficinas iframe#video_home {
        height: 230px;
    }

    .container.leyenda_slide {
        background: rgb(0 0 0 / 20%);
    }

    .video-icon.text-center {
        width: 90%;
    }
}

div.boton_arrepentimiento a {
    border: none !important
}

@media (max-width: 376px) {
    .oficinas {
        height: 80vh;
    }

    .item-slide.imagen-slide-2 {
        height: 390px !important;
    }

    .ban-top-izquierda img {
        max-width: 150px;
    }

    .container.leyenda_slide h1 {
        margin-top: 20px;
    }
}

@media (max-width: 362px) {
    .item-slide.imagen-slide-2 {
        height: 380px !important;
    }
}

a.btn-nota {
    border: solid 1px #ff5722;
    padding: 8px 11px;
    border-radius: 20px;
    font-weight: 700;
    color: #ff5722;
}

a.btn-nota:hover {
    background: #ff5722;
    color: #fff;
}


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


.animate-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}


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

.seccion-fun .col-md-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
}

.seccion-fun {
    padding: 60px 20px;
    width: 95%;
    margin: 0 auto;
}

.seccion-fun i {
    font-family: 'Font Awesome 5 Pro';
    font-size: 35px;
}

.seccion-fun .col-md-3 {
    display: flex;
    text-align: center;
    padding: 0 6px;
    justify-content: center;
}


.seccion-fun img {
    width: 60%;
    margin-top: -40px;
    margin-bottom: -40px;
}

.seccion-fun h4 {
    font-size: 22px;
}

.seccion-fun i {
    color: #f05b34;
    padding: 10px;
    border-radius: 10px;
    font-size: 45px;
}

.seccion-fun h3 {
    font-size: 22px;
    font-weight: 200;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.func-card p {
    font-size: 12px;
}

.seccion-fun h1 {
    font-size: 26px;
}

.fun-tit {}

.noticiashome3 {
    padding-top: 0;
    padding-top: 0;
}

.seccion-info {
    background: var(--gradiente-azul);
    padding: 40px;
}

.seccion-info img {
    margin-top: 60px;
    position: absolute;
    right: -16px;
    bottom: 0;
}

.seccion-info h1 {
    color: #ffffff;
    margin-top: 80px;
    margin-left: 80px;
    margin-bottom: 40px;
}

.seccion-info p {
    color: #ffffff;
    margin-left: 130px;
    display: flex;
    font-size: 16px;
    font-weight: 300;
}

.seccion-info a {
    color: #fff;
    margin-left: 0px;
    margin-top: 11px;
}

.seccion-info i {
    font-size: 25px;
    margin-right: 15px;
    color: #ffffff;
}


/************* RUBROS *************/


.rubros .card {
    width: 100%;
    /* box-shadow: 2px 3px 7px #81818178; */
    padding-bottom: 10px;
    border-radius: 12px;
    margin-bottom: 10px;
    margin-top: 34px;
    background: #fff;
    box-shadow: 0 0 10px 1px #222;
}

.rubros .card img {
    border-radius: 8px;
    width: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.rubros .card-title {
    text-transform: uppercase;
    margin: 22px 0px;
    font-size: 11px;
}

section.rubros.py-5 {
    margin-top: 50px;
}

body {
    overflow-x: hidden;
    overflow-y: scroll;
}


div#navbar-menu-superior ul#nav li:nth-child(8) a:hover,
span.container.leyenda_slide span.btn.btn-primary:hover {
    background: #fff;
    color: #ff5722;
    transition: all 0.3s ease-in-out;
}

div#navbar-menu-superior ul#nav li:nth-child(9) a:hover,
span.container.leyenda_slide span.btn.btn-primary:hover {
    background: var(--color-marca5);
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.dropdown-menu>li>a,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background: #f05b34;
    cursor: pointer;
}

.seccion-info .info i {
    color: #fff;
    font-size: 18px;
    margin-right: 8px;
    margin-left: 20px;
    margin-top: 12px;
}

.rubros.py-5 {
    margin-bottom: 40px;
    background: var(--gradiente-azul);
    padding: 60px 0;
}

.rubros h5 {
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 15px;
    color: #fefefe;
}

.rubros h2.mb-5,
.ayudas h1 {
    color: var(--color-marca2);
    font-size: 28px;
    font-weight: 700;
    font-family: 'Poppins' !important;
}

.rubros h2.mb-5 {
    color: #fefefe;
    font-size: 4rem;
    font-weight: 400;
}

.rubros .card h5 {
    font-weight: bold;
    color: #171717;
}

.seccion-info .info {
    border-top: dotted 1px #ffffff;
}

.ayudas i {
    font-family: 'FontAwesome';
    font-size: 50px;
    margin-bottom: 15px;
    margin-top: 12px;
    color: #ff5722;
}

.ayudas .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--gradiente-azul);
    margin-bottom: 20px;
    padding: 30px 40px;
    text-align: center;
    border-radius: 13px;
}

.ayudas h5 {
    font-size: 15px;
    font-family: 'Poppins';
    letter-spacing: 1px;
    color: #fefefe;
}

.ayudas .card p {
    color: #fefefe;
}

.ayudas h1 {
    text-align: center;
    margin-bottom: 38px;
}

.ayudas {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 50px;
}



/*** ANIMACIONES ***/

@keyframes show {
    from {
        opacity: 0;
        scale: 25%;
    }

    to {
        opacity: 1;
        scale: 100%;
    }
}


/******* ANIMACIONES SECCION FUNCIONES *******/


.seccion-fun h1 {
    view-timeline-name: --image;
    view-timeline-axis: block;

    animation-timeline: --image;
    animation-name: show;

    animation-range: entry 35% cover 40%;
    animation-fill-mode: both;
}

.seccion-fun h3 {
    view-timeline-name: --image;
    view-timeline-axis: block;

    animation-timeline: --image;
    animation-name: show;

    animation-range: entry 35% cover 40%;
    animation-fill-mode: both;
}

.seccion-fun img {
    view-timeline-name: --image;
    view-timeline-axis: block;

    animation-timeline: --image;
    animation-name: show;

    animation-range: entry 35% cover 40%;
    animation-fill-mode: both;
}

.seccion-fun .row>.col-md-3:nth-child(1) {
    view-timeline-name: --image;
    view-timeline-axis: block;

    animation-timeline: --image;
    animation-name: show;

    animation-range: entry 54% cover 55%;
    animation-fill-mode: both;
}

.seccion-fun .row>.col-md-3:nth-child(2) {
    view-timeline-name: --image;
    view-timeline-axis: block;

    animation-timeline: --image;
    animation-name: show;

    animation-range: entry 59% cover 60%;
    animation-fill-mode: both;
}

.seccion-fun .row>.col-md-3:nth-child(3) {
    view-timeline-name: --image;
    view-timeline-axis: block;

    animation-timeline: --image;
    animation-name: show;

    animation-range: entry 64% cover 65%;
    animation-fill-mode: both;
}

.seccion-fun .row>.col-md-3:nth-child(4) {
    view-timeline-name: --image;
    view-timeline-axis: block;

    animation-timeline: --image;
    animation-name: show;

    animation-range: entry 69% cover 70%;
    animation-fill-mode: both;
}


.seccion-info h1 span {
    color: #ff5722;
}

.nov_dlarga .fa-clock {
    font-family: 'Font Awesome 5 Pro';
    margin-right: 7px;
}

.horarios {
    background: #ebebeb;
    padding: 15px 35px;
    border-radius: 11px;
}

.horarios p {
    font-size: 16px;
    line-height: 22px;
}

.nav {
    margin: 1px;
}

.seccion-info .col-md-6 {
    height: 410px;
}

a.registro-nota {
    background: #ff5722;
    color: #fff;
    padding: 9px 16px;
    border-radius: 21px;
    font-family: 'Inter';
    font-weight: 600;
}

.custom-card {
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 200px;
    /* Adjust as needed */
}

.custom-card img {
    border-radius: 10px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.container.mt-4 {
    width: 100%;
    padding: 0;
}

.container.planes-home {
    width: 90%;
}

.banners-precios .col-6.col-md-4 {
    padding: 5px;
}

.banners-precios .col-6.col-md-2 {
    padding: 5px;
}

.col-6.card-divide {
    display: inline-flex;
    align-items: center;
}

.col-12.card-divide .custom-card {
    height: 93px;
    margin-bottom: 7px;
}

.col-12.card-divide .mt-3 .custom-card {
    height: 120px !important;
}

.card-blue {
    background: rgb(34, 86, 162);
    background: linear-gradient(0deg, rgba(15, 55, 115, 1) 0%, rgba(34, 86, 162, 1) 100%);
    border-radius: 8px;
}

.custom-card p .numero {
    font-size: 38px !important;
    font-weight: 700;
    color: #fff;
}

.custom-card.bg-light {
    background: rgb(228, 228, 228);
    background: linear-gradient(0deg, rgb(230 230 230) 0%, rgba(255, 255, 255, 1) 100%);
    color: #f05b34 !important;
}


.bg-warning {
    background-color: #f05b34;
    background: rgb(255, 128, 0);
    background: linear-gradient(0deg, rgb(255 87 34) 0%, rgba(255, 106, 0, 1) 100%);
}



.animate-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}


span.numero-2 {
    color: #f05b34;
    font: 600 36px 'Roboto', sans-serif;
}

@media(max-width:480px) {
    .planes-div2 {
        display: none;
    }

    .planes-div1 {
        width: 100%;
        display: block;
    }

    .seccion-info h1 {
        color: #ffffff;
        margin-top: 40px;
        margin-left: 0px;
        margin-bottom: 40px;
    }

    .seccion-info p {
        margin-left: 10px
    }

    .ayudas {
        width: 80%;
    }
}

#contacto .contact-form .row {
    background: #f4f4f4;
    border-radius: 10px;
    padding-top: 20px;
}


#contacto p strong:nth-of-type(1),
/* Oculta 'Direcci?n postal:' */
#contacto p strong:nth-of-type(2) {
    /* Oculta 'Tel?fonos:' */
    display: none;
}

#reg p {
    margin-top: -10px;
}


.container.leyenda_slide {
    background: none;
}

.logos_integraciones h2 a {
    color: #fefefe;
    font-size: 5rem;
    font-weight: 400;
}

.logos_integraciones h3 a {
    color: #fafafa;
}

/* Estilos generales del flotante */
.contact-float {
    position: fixed;
    bottom: 90px;
    right: -1px;
    z-index: 1000;
    background-color: #ff5722;
    padding: 7px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.contact-float:hover {
    background-color: #20539d;
}

/* Estilo del ?cono */
.contact-float a i {
    font-size: 24px;
    color: white;
    transition: transform 0.3s, color 0.3s;
    text-align: center;
    padding-left: 0;
}

/* Hover para el ?cono */
.contact-float:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}

.contact-float:hover a i {
    transform: scale(1.1);
    color: #ffffff;
}

a.contacto-foot {
    background: #ff5722;
    padding: 10px;
    color: #fff;
    border-radius: 24px;
    display: block;
    width: 130px;
    text-align: center;

}

.iconos-ml {
    display: flex;
    flex-direction: row;
}

.iconos-ml img {
    width: 25%;
    height: auto !important;
}

.iconos-ml span {
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    color: #283a5f !important;

}

.row.div-post-ml img {
    width: 60%;
    height: 310px;
    object-fit: cover;
}

.row.div-post-ml {
    margin-top: 30px;
}

.div-post-ml,
.div-post-ml2,
.div-post-ml3 {
    font-size: 16px;
}

.integraciones span {
    /* margin-top: 30px; */
}

.post-ml-int {
    background: #EB6747;
    padding: 18px 0px;
    margin: 30px 0;
    font: 500 16px 'Poppins', sans-serif;
    color: #fff;
    text-align: center;
}

.post-ml-int p {
    margin: 0;
}


.div-post-ml2 img {
    width: 75%;
    height: 338px;
    object-fit: cover;
    float: right;
}



.div-post-ml3 img {
    width: 100%;
    height: 350px;
    object-fit: contain;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.container-int-ml {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
    max-width: 1200px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.container-int-ml .card {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}

.container-int-ml .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.container-int-ml .card h2 {
    color: #ff6f00;
    margin-bottom: 15px;
    font-size: 1.5rem;
}

.container-int-ml .card ul {
    list-style: none;
}

.container-int-ml .card ul li {
    margin-bottom: 10px;
    color: #555;
    line-height: 1.6;
}

.container-int-ml .card ul li strong {
    color: #333;
}


@media (max-width: 768px) {
    .container-int-ml {
        grid-template-columns: 1fr;
    }
}


p.text-ml {
    margin: 20px 70px;
}

.integraciones .nov_dcorta {
    margin-top: 50px;
}

.integraciones iframe {
    width: 80%;
    display: block;
    margin: 0 auto !important;
    margin-top: 75px !important
}


/* ESTILOS NOTA ATENCION */


.atencion .nov_dlarga h1,
.atencion .nov_dlarga h2 {
    color: #ff5722;
    font-weight: bold;
    margin-bottom: 15px;
}


.atencion .nov_dlarga ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.atencion .nov_dlarga ul li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.atencion .nov_dlarga ul li i {
    margin-right: 10px;
    color: #28a745;
}


.atencion .nov_dlarga a {
    color: #007bff;
    text-decoration: none;
}

.atencion .nov_dlarga a:hover {
    text-decoration: underline;
}


.atencion .nov_dlarga table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.atencion .nov_dlarga table th,
.atencion .nov_dlarga table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

.atencion .nov_dlarga table th {
    background-color: #f4f4f4;
    font-weight: bold;
}


.atencion .nov_dlarga .peligro1 {
    color: #ff0000;
    font-weight: bold;
}

.atencion .nov_dlarga .peligro2 {
    color: #ff9500;
    font-weight: bold;
}

.atencion .nov_dlarga .peligro3 {
    color: #ffa500;
    font-weight: bold;
}

/* Horarios */
.atencion .nov_dlarga .horarios h1 {
    display: flex;
    align-items: center;
    font-size: 1.5em;
}

.atencion .nov_dlarga .horarios h1 i {
    margin-right: 10px;
    color: #ff5722;
}

/* ?conos para Canales */
.atencion .nov_dlarga .canales i {
    font-size: 1.5em;
    color: #0056b3;
    margin-right: 10px;
    vertical-align: middle;
}

.atencion .canales a {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
}

.atencion .canales a:hover {
    text-decoration: underline;
}

/* Contact Info */
.atencion .nov_dlarga .contact-info {
    margin-top: 20px;
}

.atencion .nov_dlarga .contact-info p {
    margin: 5px 0;
}


.icon-atencion {
    display: flex;
}

.icon-atencion i {
    font-size: 16px;
    margin-right: 5px;
}

.icon-atencion h5 {
    margin: 0;
}

.icon-atencion {
    margin-bottom: 0px;
}

/* ATENCION CANALES DE CONTACTO */

.atencion-cont {
    color: #333;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 30px;
}

.atencion-cont h1 {
    font-size: 32px;
    font-weight: bold;
    color: #ff5722;
    margin-bottom: 20px;
    /* text-align: center; */
    border-bottom: 2px solid #ff5722;
    padding-bottom: 10px;
}

.atencion-cont .icon-atencion {
    display: inline-flex;
    /* align-items: center; */
    /* margin-top: 25px; */
    text-align: center;
}

.atencion-cont .icon-atencion i {
    font-size: 24px;
    color: #ff5722;
    margin-right: 10px;
}

.atencion-cont .icon-atencion h5 {
    font-size: 18px;
    color: #ff5722;
    margin: 0;
    font-weight: 600;
}

.atencion-cont p {
    font-size: 15px;
    color: #555;
    /* line-height: 1.6; */
    /* margin: 10px 0; */
    /* margin-bottom: 0; */
}

.atencion-cont a {
    color: #457b9d;
    text-decoration: none;
    font-weight: normal;
    transition: color 0.3s ease;
}

.atencion-cont a:hover {
    color: #00255a;
    text-decoration: underline;
}

.atencion-cont {
    transition: all 0.3s ease;
}


.atencion-tel {
    font-family: Arial, sans-serif;
    line-height: 1.5;
    color: #333;
    padding: 10px 0;
    border-top: solid 2px;
    border-color: #ff5722;
    padding-top: 27px;
}


.atencion-tel p {
    margin: 5px 0;
}


.atencion-tel i {
    color: #ff5722;
    margin-right: 8px;
    font-size: 18px;
    vertical-align: middle;
}


.atencion-tel a {
    color: #007bff;
    text-decoration: none;
}

.atencion-tel a:hover {
    text-decoration: underline;
}

.iconos-ml {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.iconos-ml img {
    transition: transform 0.3s ease;
}


.iconos-ml img:hover {
    transform: scale(1.1);
}


.post-ml-int a {
    color: #000b6f !important;
}

.post-ml-int a:hover {
    color: #fff !important;
    font-weight: 500;
}


body.formulario-registro .contacto {
    padding: 40px;
    background: #fafafa !important;
    border-radius: 25px !important;
    width: 70% !important;
    margin-top: 15% !important;
    margin-left: -80px !important;
}

.contact-form input.btn.btn-primary.btn-theme.pull-left {
    width: 50% !important;
    padding: 10px !important;
    margin-top: 20px !important;
    transition: all 0.5s ease-in-out;
}

.contact-form input.btn.btn-primary.btn-theme.pull-left:hover {
    background: #1329a1 !important;
}

.imagen-form img {
    width: 58% !important;
}

@media screen and (max-width: 480px) {
    .imagen-form img {
        display: none !important;
    }

    body.formulario-registro .contacto {
        width: 100% !important;
        margin-top: 15% !important;
        margin-left: 0px !important;
        margin-bottom: 25px;
    }

    .contact-form input.btn.btn-primary.btn-theme.pull-left {
        width: 90% !important;
        padding: 10px !important;
        margin: 10px !important;
    }


}

/* Cambios 12 Feb  2025 -  Nota CRM */
.titulo_nota h1 {
    color: var(--color-marca2);
    font-size: 4rem;
}

span.resaltado {
    color: var(--color-marca5);
    font-weight: 600;
}

.titulo_nota p {
    font-size: 2.5rem;
}

body.crm .titulo_nota p {
    line-height: 35px;
}

img.piramide {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.crm .destacado1 {
    text-align: center;
    font-size: 3rem;
    margin: 60px 0 25px 0;
    font-weight: bold;
}


/* .destacado1 {
    text-align: center;
    font-size: 3rem;
    margin: 60px 0;
    font-weight: bold;
} */

.franja_naranja {
    background: var(--color-marca5);
    color: #fff;
    padding: 30px 10px;
    text-align: center;
    font-size: 2.5rem;
    margin: 20px auto;
    border-radius: 15px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.franja_naranja:hover {
    background: var(--color-marca2);
}

.franja_naranja:hover span.resaltado {
    color: var(--color-marca5);
    transition: all 0.5s ease-in-out;
}

.franja_naranja span.resaltado {
    color: var(--color-marca2);
    font-weight: bold;
    text-transform: uppercase;
}


img.func1_img {
    max-width: max-content !important;
    margin-left: -125%;
    width: 1200px;
    margin-top: 7%;
}

img.func2_img {
    max-width: max-content !important;
    margin-left: -100%;
    width: 1200px;
    margin-top: 11%;
}

.funcionalidades {
    margin: 30px 0;
    padding: 0;
}

.func2 {
    padding-left: 265px;
}


.destacado2 {
    font-size: 2.7rem;
    line-height: 38px;
    margin: 60px 0;
    font-weight: 500;
}

.destacado3 {
    margin: 60px 0 0 0;
    text-align: center;
    background: var(--color-marca2);
    color: #fff;
    padding: 50px 0;
    border-radius: 15px;
    font-size: 2.5rem;
}

.destacado3 span.resaltado {
    text-transform: uppercase;
}

body.crm .col-md-4.card {
    background: var(--color-marca5);
    padding: 0 20px;
    margin: 10px 1px;
    height: 205px;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.col-md-4.card h3 {
    font-size: 2rem;
    color: var(--color-marca2);
    font-weight: 600;
}

.col-md-4.card p {
    font-size: 1.75rem;
    font-weight: 300;
}

body.crm .col-md-6.card {
    background: var(--color-marca2);
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
    height: 150px;
    color: #fff;
    width: 49.4%;
    margin: 0 3px;
}

.col-md-6.card h3 {
    color: var(--color-marca5);
    font-size: 2.3rem;
    font-weight: 600;
}

.col-md-6.card p {
    font-size: 1.75rem;
    font-weight: 300;
}

.destacado1 .resaltado {
    text-transform: uppercase;
}

.funcionalidades h3 {
    margin: 0;
    font-size: 2.3rem;
}


.funcionalidades li {
    font-size: 1.75rem;
}

.piramideCelu {
    display: none;
}

h2.funcionalidades {
    font-size: 3rem;
    margin: 5px 0;
    color: var(--color-marca5);
}

/* nota tienda nube */

.franja_naranja a {
    color: #fff;
}

.spotTiendaNube {
    padding: 0;
    margin: 0;
}

.spotTiendaNube img {
    width: 90%;
    height: auto;
    padding: 0;
    margin: 30px 0 50px 0;
    border-radius: 15px;
    transition: transform 0.3s ease-in-out;
}

body.tiendaNube .titulo_nota p {
    font-size: 2.5rem;
    line-height: 30px;
}

body.tiendaNube .titulo_nota h1 {
    color: var(--color-marca2);
    font-size: 3.75rem;
    margin-bottom: 25px;
}

body.tiendaNube h2.funcionalidades+h3 {
    font-size: 2.5rem;
    font-weight: bold;
}

body.tiendaNube li.list-group-item {
    font-size: 2rem;
}

body.tiendaNube .funcImg img {
    width: auto;
    height: auto;
}

body.tiendaNube small {
    font-weight: 600;
    font-size: 1.75rem;
    margin-left: 15px;
}

body.tiendaNube .funcImg+div {
    margin-top: 3%;
}

body.tiendaNube .div-post-tiendanube h2 {
    font-size: 3rem !important;
    color: var(--color-marca2) !important;
}

body.tiendaNube .div-post-tiendanube p {
    font-size: 2rem;
    font-weight: 400;
    line-height: 22px;
}

body.tiendaNube .funcImg.funcImg2 {
    margin-top: -135px;
}

.franja_naranja span.resaltado {
    color: var(--color-marca2);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 30px;
}

body.tiendaNube .spotTiendaNube img:hover {
    transform: scale(1.1);
}

body.tiendaNube .col-md-6.par1 {
    padding-top: 65px;
}

/* Nota TornadoStore */

body.tornadoStore .titulo_nota p {
    font-size: 2.5rem;
    line-height: 30px;
}

body.tornadoStore .titulo_nota h1 {
    color: var(--color-marca2);
    font-size: 3.75rem;
    margin-bottom: 25px;
}

body.tornadoStore h2.funcionalidades+h3 {
    font-size: 2.5rem;
    font-weight: bold;
}

body.tornadoStore li.list-group-item {
    font-size: 2rem;
}

body.tornadoStore .funcImg img {
    width: auto;
    height: auto;
}

body.tornadoStore small {
    font-weight: 600;
    font-size: 1.75rem;
    margin-left: 15px;
}

body.tornadoStore .funcImg+div {
    margin-top: 3%;
}

body.tornadoStore .div-post-ts h2 {
    font-size: 3rem !important;
    color: var(--color-marca2) !important;
}

body.tornadoStore .div-post-ts p {
    font-size: 2rem;
    font-weight: 400;
    line-height: 22px;
}

body.tornadoStore .funcImg.funcImg2 {
    margin-top: -60px;
}

.franja_naranja span.resaltado {
    color: var(--color-marca2);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 30px;
}

.spotTiendaNube img:hover {
    transform: scale(1.1);
}

body.tornadoStore .col-md-6.par1 {
    padding-top: 65px;
}

body.tornadoStore .ts_h1 {
    margin-top: 30px;
    margin-bottom: 50px;
}

/* Boton CTA CRM */
a.btn.btn_cta {
    background: var(--color-marca5);
    border-radius: 25px;
    width: auto;
    padding: 15px 30px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    margin: 20px 0;
    transition: all 0.5s ease-in-out;
    letter-spacing: 1px;
}

a.btn.btn_cta:hover {
    background: var(--color-marca2);
}

.col-md-12.cta {
    display: flex;
    justify-content: center;
}

.meli .titulo_nota h1 {
    color: var(--color-marca2);
    font-size: 3.75rem;
    margin-bottom: 10px;
}

.meli .text-center.col-md-12.titulo_nota {
    line-height: 30px;
}

.col-md-6 h2.funcionalidades+h3 {
    font-size: 2rem;
    font-weight: 600;
}

body.meli li.list-group-item {
    font-size: 2rem;
}

.meli .col-md-6.func {
    margin-top: 9%;
}

.meli .funcImg.funcImg2 img {
    width: auto;
}

.meli .col-md-6.func small {
    font-size: 1.5rem;
}

.woocommerce li.list-group-item {
    font-size: 2rem;
}

.woocommerce .titulo_nota p {
    font-size: 2.5rem;
    line-height: 30px;
}

.woocommerce .container-int-ml .card h2 {
    color: #000;
    margin-bottom: 15px;
    font-size: 2.75rem;
}

.woocommerce .div-post-ts.card h2+p {
    font-size: 2rem;
}

.container-int-ml .card h2 {
    color: #000;
    margin-bottom: 15px;
    font-size: 2.75rem;
}

.noticiashome2 .owl-carousel .owl-wrapper {
    margin-top: 50px;
}

.tiendaNube h3.tit_galeria.col-md-12 {
    font-weight: bold;
    font-size: 2.75rem;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    color: var(--color-marca2);
}

.tiendaNube .igual-gal span.ley_galeria {
    font-weight: bold;
    color: var(--color-marca5);
    font-size: 1.75rem;
    letter-spacing: 1px;
}

body.integraciones .desdoc img {
    float: left;
    filter: drop-shadow(2px 4px 6px #ccc);
    margin: 15px 0;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    animation: 1s ease-out;
    margin-right: 30px;
    width: 250px;
    height: auto;
    cursor: pointer;
}

body.integraciones .col-md-6.col-sm-6.col-xs-12.col-listar {
    display: flex;
}

body.integraciones a.btn.btn-default.btn-vernota {
    transition: all 0.5s ease-in-out;
}

.meli h3.tit_galeria.col-md-12 {
    font-weight: bold;
    font-size: 2.75rem;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    color: var(--color-marca2);
}

.meli .igual-gal img.img-responsive:hover {
    transform: scale(1.05);
    transition: all 0.5s ease-in-out;
}

.cajasoferta .product:hover {
    border: 1px solid var(--color-marca5);
    cursor: pointer;
}

body.productos .descuento-anual h3 a {
    /* color: #fff; */
    color: #ddd;
    transition: all 0.3s ease-in-out;
}

body.productos .descuento-anual h3 a:hover {
    /* color: var(--color-marca5); */
    color: #fff;
}


.productos .form-group.boton-registro {
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.productos .col-md-offset-2 .boton-registro a.btn.btn-primary.waves-effect.waves-light {
    width: 150px;
    transition: all 0.3s ease-in-out;
}

.col-md-offset-2 .boton-registro a.btn.btn-primary.waves-effect.waves-light:hover {
    background: var(--color-marca2) !important;
}

.boton-contacto a.btn.btn-primary.waves-effect.waves-light {
    width: 150px;
    transition: all 0.3s ease-in-out;
}

.boton-contacto a.btn.btn-primary.waves-effect.waves-light:hover {
    background: var(--color-marca2) !important;
    border: 1px solid;
}

.productos .cajasoferta span.dcorta {
    display: none;
}

.boton-registro a.btn.btn-primary.waves-effect.waves-light:hover {
    /* background: var(--color-marca2) !important; */
}

.boton-registro a.btn.btn-primary.waves-effect.waves-light {
    transition: all 0.3s ease-in-out;
}

.default .col-md-12.contact-form {
    background: #fff;
    border-radius: 15px;
    padding: 10px 25px;
    /* border: 1px solid #fff; */
    /* box-shadow: -23px 0px 100px 12px rgba(255, 87, 34, 0.14), 36px 24px 90px 7px rgba(0, 0, 0, 0.18); */
    box-shadow: 0 0 6px #ccc;
    border: none !important;
}



#contacto .contact-form .row {
    background: #fff;
    border-radius: 10px;
    padding-top: 20px;
}

#contacto button.btn.load.btn-success.pull-right {
    position: relative;
    top: 20px;
    width: 150px;
}


.default .contact-form h5 {
    /* text-align: center; */
    font-size: 2rem;
    margin: 20px 0 -5px 0;
}

.default #reg p {
    margin-top: -35px;
    /* text-align: center; */
    font-size: 2rem;
}

.default #reg h5+p {
    margin-top: 10px;
}

.default .contact-form h1 {
    /* text-align: center; */
    font-size: 4.5rem;
    margin-bottom: 0;
    color: var(--color-marca2);
}


/* inicio disenio sist nube */

.sist-nube-contenedor {
  margin-bottom: 40px;
}

.card-sist-nube {
  background: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  padding: 20px 10px;
  margin-bottom: 30px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  min-height: 450px;
}

.card-sist-nube:hover {
  transform: translateY(-6px);
  /* box-shadow: 0 6px 14px rgba(0,0,0,0.12); */
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15)
}

.sist-nube-img-wrap {
  width: 100%;
  height: 180px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 15px;
  background: #f5f5f5;
}

.sist-nube-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sist-nube-title {
  font-size: 22px;
  font-weight: 600;
  margin: 10px 0 15px;
  color: #333;
}

.sist-nube-text {
  color: #555;
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.5;
}

.sist-nube-cta-title {
  font-weight: 300;
  color: #333;
  margin-bottom: 20px;
}

.sist-nube-btn {
  display: inline-block;
  padding: 12px 28px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
}

/* fin disenio sist nube */

/* inicio disenio sist nube */

.sist-factu-contenedor {
  margin: 40px 0;
}

.sist-factu-card {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    min-height: 325px;
}

.sist-factu-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}

.sist-factu-img-wrap {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: transparent;
    border-radius: 10px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sist-factu-img {
  max-height: 100%;
  width: auto;
}

.sist-factu-img-wrap img {
    object-fit: contain;
    max-height: 200px;
    width: auto;
}

.sist-factu-text {
  font-size: 16px;
  color: #333;
  margin: 0;
  line-height: 1.4;
}

.sist-factu-text i {
  color: #ff6600; /* naranja netegia */
  margin-right: 6px;
}

/* VIDEO SECCIÓN */

.sist-factu-video-title {
  font-weight: 300;
  color: #666;
  margin-bottom: 25px;
}

.sist-factu-video-wrap {
  max-width: 900px;
  margin: 0 auto;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.sist-factu-video-wrap iframe {
  width: 100%;
  height: 500px;
}

/* CTA */

.sist-factu-cta-title {
  font-weight: 300;
  color: #333;
  margin-bottom: 20px;
}

.sist-factu-btn {
  display: inline-block;
  padding: 12px 28px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
}

/* fin disenio sist nube */

/* ==================== FUNCIONALIDADES ==================== */

.funcionalidad-item {
    padding: 30px 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    transition: all .3s ease;
    margin: 10px;
    min-height: 255px;
}

.funcionalidad-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

.funcionalidad-icon {
  font-size: 60px;
  margin-bottom: 20px;
  color: #0066CC;
}

/* ==================== INTEGRACIONES - HIGHLIGHT ==================== */

.integraciones-highlight {
  background: var(--gradiente-azul); 
  padding: 50px 20px;
  border-radius: 20px;
  margin: 40px 0;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.05);
}

.integraciones-title {
  font-weight: 700;
  margin-bottom: 35px;
  color: #fefefe;
  font-size: 3rem;
}

.integracion-card {
  display: block;
  text-align: center;
  background: #fff;
  border-radius: 14px;
  padding: 25px 15px;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  transition: all .3s ease;
}

.integracion-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 22px rgba(0,0,0,0.16);
}

.integracion-img {
  max-width: 110px;
  margin: 0 auto 15px;
}

.integracion-card h4 {
  margin-top: 10px;
  font-weight: 600;
  color: #fefefe;
}
.integraciones-highlight img {
    max-width: 150px !important;
    height: 100%;
}

.integraciones-highlight h4 {
    text-align: center;
    color: #fefefe;
}
.row.funcionalidades-netegia .col-md-4 {
    width: 25%;
}

.row.funcionalidades-netegia {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
}

/* ==================== CTA ==================== */

.cta-final h2 {
  font-weight: 300;
  margin-top: 40px;
  color: #333;
}


@media screen and (max-width: 1525px) {
    .formulario-registro .contacto .col-md-6 {
        width: 100%;
    }

    body.formulario-registro .contacto {
        padding: 20px 40px;
        background: #fafafa !important;
        border-radius: 25px !important;
        width: 70% !important;
        margin-top: 4% !important;
        margin-left: -80px !important;
    }

    .imagen-form img {
        width: 63% !important;
    }

}

@media screen and (max-width: 1366px) {
    .ban-top-izquierda img {
        max-width: 195px;
    }

    ul.nav.navbar-nav {
        margin-top: 15px;
        margin-left: 15px !important;
    }

    div#navbar-menu-superior ul#nav li:nth-child(8) a {
        margin: 0 7px;
    }
}

@media screen and (max-width: 480px) {

    div#navbar-menu-superior ul#nav li:nth-child(8) a {
        margin: 10px 0;
        width: 43%;
    }

    div#navbar-menu-superior ul#nav li:nth-child(9) a {
        width: 44%;
    }

    #contacto button.btn.load.btn-success.pull-right {
        position: unset;
        width: 100%;
    }

    .default .contact-form h1 {
        text-align: left;
        font-size: 3rem;
    }

    .default #reg p {
        margin-top: 0;
        text-align: left;
        font-size: 1.8rem;
    }

    .default .contact-form h5 {
        text-align: left;
        font-size: 2.1rem;
    }

    .titulo_nota p {
        font-size: 2rem;
    }

    .destacado1 {
        margin: 30px 0;
        line-height: 35px;
    }

    img.func2_img {
        display: none;
    }

    img.func1_img {
        display: none;
    }

    .func2 {
        padding-left: 0;
    }

    .destacado2 {
        font-size: 2.5rem;
        line-height: 38px;
        margin: 60px 0;
        font-weight: 500;
        text-align: center;
        padding: 0 10px;
    }

    body.crm .col-md-4.card {
        background: var(--color-marca5);
        padding: 0 20px;
        margin: 10px 0;
        height: 200px;
        border-radius: 25px;
        color: #fff;
        text-align: center;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    body.crm .col-md-6.card {
        background: var(--color-marca2);
        border-radius: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 17px 30px;
        height: 180px;
        color: #fff;
        width: 100%;
        margin: 10px 0;
        justify-content: center;
    }

    .franja_naranja {
        background: var(--color-marca5);
        color: #fff;
        padding: 50px 5px;
        text-align: center;
        font-size: 2.5rem;
        margin: 20px auto;
        border-radius: 15px;
        line-height: 30px;
    }

    .destacado3 {
        margin: 60px 0 0 0;
        text-align: center;
        background: var(--color-marca2);
        color: #fff;
        padding: 30px 0;
        border-radius: 15px;
        font-size: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        line-height: 30px;
    }

    .piramide {
        display: none !important;
    }

    .piramideCelu {
        display: inline-block !important;
    }

    /* TiendaNube */
    body.tiendaNube .funcImg img {
        display: none;
    }

    body.tiendaNube .container-int-ml.container-tiendanube {
        padding-top: 180px;
    }

    body.tiendaNube .col-md-6.func {
        padding-top: 30px;
    }

    body.tiendaNube .franja_naranja {
        background: var(--color-marca5);
        color: #fff;
        padding: 30px 10px;
        text-align: center;
        font-size: 2.5rem;
        margin: 20px auto;
        border-radius: 15px;
        line-height: 30px;
        font-weight: 400;
    }

    body.tiendaNube .spotTiendaNube img {
        width: 100%;
        margin: 30px auto;
    }

    /* TornadoStore */
    body.tornadoStore .funcImg img {
        display: none;
    }

    body.tornadoStore .container-int-ml.container-tiendanube {
        padding-top: 180px;
    }

    body.tornadoStore .col-md-6.func {
        padding-top: 30px;
    }

    body.tornadoStore .franja_naranja {
        background: var(--color-marca5);
        color: #fff;
        padding: 30px 10px;
        text-align: center;
        font-size: 2.5rem;
        margin: 20px auto;
        border-radius: 15px;
        line-height: 30px;
        font-weight: 400;
    }

    body.tornadoStore .spotTiendaNube img {
        width: 100%;
        margin: 30px auto;
    }

    body.tornadoStore .ts_h1 {
        margin-top: 80px;
        margin-bottom: 30px;
    }

    /* MercadoLibre */

    .meli .spotTiendaNube img {
        margin: 5px auto !important;
        width: 100%;
    }

    .meli .col-md-6.funcImg img {
        display: none;
    }

    .meli h3.tit_galeria.col-md-12 {
        font-size: 2.5rem;
    }

    /* Woocommerce */
    .woocommerce .funcImg img {
        display: none;
    }

    .woocommerce .spotTiendaNube img {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 30px auto;
        border-radius: 15px;
        transition: transform 0.3s ease-in-out;
    }

    /* planes */

    .productos .col-md-8.col-md-offset-2 {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    body.productos .descuento-anual h3 {
        font-size: 17px !important;
    }

    /* form registro */
    .imagen-form img {
        display: none !important;
    }

    body.formulario-registro .contacto {
        width: 100% !important;
        margin-top: 15% !important;
        margin-left: 0px !important;
        margin-bottom: 25px;
    }

    .contact-form input.btn.btn-primary.btn-theme.pull-left {
        width: 90% !important;
        padding: 10px !important;
        margin: 10px !important;
    }
}


/* inicio estilos notas mkt (novedades)  */
body.nov_mkt img.img-responsive.imagen_detalle {
    float: right;
    max-width: 600px;
    border-radius: 7px;
    margin: 17px 0 0 20px;
}

body.nov_mkt h1.titulo {
    text-align: left !important;
    color: var(--color-marca2) !important;
    font-size: 30px !important;
}

body.nov_mkt h2 {
    color: var(--color-marca5);
    font-weight: 500;
    margin-bottom: 15px;
}

body.nov_mkt h3 {
    color: var(--color-marca2);
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 15px;
}

body.nov_mkt .nov_dlarga ul {
    list-style: inherit;
}


@media screen and (max-width: 480px) {

    body.nov_mkt img.img-responsive.imagen_detalle {
        float: right;
        max-width: -webkit-fill-available;
        border-radius: 7px;
        margin: 50px auto;
    }

    .detalle-form {
        padding: 0;
    }


}

/* fin estilos notas mkt (novedades)  */

/* inicio estilos articulos */

body.detalle .tab-content h3,
body.detalle .tab-content h2 {
    color: var(--color-marca5);
    font-weight: bold;
}

body.detalle .tab-content ul {
    list-style: inherit;
}

body.detalle .tab-content strong {
    color: var(--color-marca1);
}

/* fin estilos articulos */


/* inicio ajustes footer */

.col-md-12.redes_footer {
    margin-left: 0;
    padding-left: 0;
}

.footer ul.social-footer {
    margin-left: 0;
}

@media screen and (max-width: 480px) {

    .footer ul.list-unstyled {
        margin: 5px 0;
        padding: 0;
    }

    .footer ul.social-footer {
        display: flex;
    }

    .footer .row {
        margin: 0 -15px;
        padding: 0;
    }

    .footer .col-md-3.col-xs-6 {
        margin: 0 !important;
        padding: 5px 0;
    }


}

/* fin ajustes footer */


/* inicio ajustes PLANES 2025 */
.productos .recomendadosrow {
    display: flex;
    justify-content: space-around;
    margin: 50px auto;
}

.recomendadosrow .image {
    display: none;
    margin: 0;
    padding: 0;
    height: auto !important;
}

body.productos .product {
    background: #fff;
    border: none !important;
    box-shadow: 0px 0px 5px #55555563;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
}

body.productos .product:hover {
    background: #fff;
    /* box-shadow: 0px 0px 5px 0px #ff5722a3; */
    box-shadow: 0px 0px 5px 0px #0000008f;
    border: none;
    transform: translateY(-5px);
}

.recomendadosrow .col-md-3.col-xs-6.cajasoferta:nth-child(3) .product {
    border-top: 5px solid var(--color-marca5) !important;
    box-shadow: 0px 0px 5px #ff7756;
}


/* .recomendadosrow .col-md-3.col-xs-6.cajasoferta:nth-child(3) .product:hover {
    transform: translateY(-15px);
} */

body.productos .product .description h4 a,
body.productos .product h4 a,
.recomendadosrow.row .product h4 a {
    color: #444;
    height: auto !important;
    display: block;
}

body.productos .product .description h4 span,
body.productos .product h4 span,
.recomendadosrow.row .product h4 span {
    display: flex;
    font-size: 60%;
    font-weight: 400;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 10px auto;
    height: auto !important;
}

.recomendadosrow .product a.btn {
    /* background: var(--gradiente-azul) !important; */
    background: linear-gradient(90deg, rgba(20, 32, 50, 1) 0%, rgba(0, 61, 143, 1) 96%) !important;
}

.recomendadosrow .product a.btn:hover {
    background: linear-gradient(270deg, rgba(20, 32, 50, 1) 0%, rgba(0, 61, 143, 1) 96%) !important;
    transition: all 0.3s ease-in-out;
}

.recomendadosrow .col-md-3.col-xs-6.cajasoferta:nth-child(3) .product a.btn {
    background: linear-gradient(90deg, rgba(255, 87, 34, 1) 0%, rgba(255, 126, 34, 1) 96%) !important;
}

.recomendadosrow .col-md-3.col-xs-6.cajasoferta:nth-child(3) .product a.btn:hover {
    background: linear-gradient(270deg, rgba(255, 87, 34, 1) 0%, rgba(255, 126, 34, 1) 96%) !important;
    transition: all 0.3s ease-in-out;
}

body.productos {
    padding-top: 90px;
}

body.productos #hormiga a {
    display: none;
}

body.productos .tx_categoria {
    margin-top: 40px;
}



/* fin ajustes PLANES 2025 */


/* Inicio Nueva sección planes */



body.planesNuevo .intro {
    text-align: center;
    margin: 100px auto 40px auto;
}
body.planesNuevo .intro h2 {
    font-size: 3rem;
    margin-bottom: 10px;
}

body.planesNuevo .intro p {
    color: #555;
}

body.planesNuevo .nota {
    font-size: 1.3rem;
    color: #888;
    font-style: italic;
}

/* body.planesNuevo .grid-planes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
} */

body.planesNuevo .grid-planes {
    display: flex;
    justify-content: space-evenly;
}

/* body.planesNuevo .plan {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 0 20px 20px 20px;
    text-align: center;
    position: relative;
    transition: transform 0.3s;
    height: auto !important;
} */
body.planesNuevo .plan {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 0 20px 20px 20px;
    text-align: center;
    position: relative;
    transition: transform 0.3s;
    height: auto !important;
    width: 20%;
}

body.planesNuevo .plan:hover {
    transform: translateY(-5px);
}

body.planesNuevo .plan-title {
    font-size: 1.4rem;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 8px;
    color: #fff;
}

body.planesNuevo h3.standard {
    background: #febe50;
}

.pyme a.btn {
    background: #febe50 !important;
    color: #fff !important;
}


body.planesNuevo h3.pyme {
    background: #01c7d2;
}

.premium a.btn {
    background: #01c7d2 !important;
    color: #fff !important;
}


body.planesNuevo h3.premium {
    background: #ff5722;
}

body.planesNuevo h3.custom {
    background: #034c79;
}

.custom a.btn {
    background: #034c79 !important;
    color: #fff !important;
}


body.planesNuevo .features {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    text-align: left;
}

body.planesNuevo .features li {
    margin: 8px 0;
    font-size: 1.5rem;
    font-weight: 400;
}

body.planesNuevo .features i {
    margin-right: 8px;
    color: #2a9d8f;
}

body.planesNuevo .plan .btn {
    display: inline-block;
    padding: 12px 20px;
    border-radius: 6px;
    background: #e5e5e5;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s;
}

body.planesNuevo .plan .btn:hover {
    background: #ccc;
}

body.planesNuevo .destacado {
    /* border: 2px solid #034c79; */
    box-shadow: 0 2px 8px #c0c0c0;
    transform: scale(1.03);
}

body.planesNuevo .destacado:hover {
    /* transform: scale(1.03); */
    transform: scale(1.03) translateY(-5px);
}

body.planesNuevo .badge {
    position: absolute;
    top: 5px;
    right: 10px;
    background: gold;
    color: #333;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 4px 10px;
    border-radius: 50px;
}

body.planesNuevo .btn-premium {
    background: #ff5722 !important;
    color: #fff !important;
}

body.planesNuevo .btn-premium:hover {
    background: var(--color-marca2) !important;
}

body.planesNuevo .cta {
    text-align: center;
    margin-top: 50px;
}

body.planesNuevo .btn-primary {
    background: #007bff;
    color: #fff;
}

body.planesNuevo {
    padding-top: 90px;
}

body.planesNuevo h1.titulo {
    display: none;
}

span.espacio-blanco {
    display: none;
}

body.detalle .espacio-blanco {
    display: block;
}

body.productos .product {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
}

body.productos .slick-slide img {
    margin: 0 auto;
    display: block;
}

.row.destacados-planes-bot {
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

body.planesNuevo .hr {
    border-top: 1px solid #ff572236;
    margin-top: 40px;
    width: 50%;
    margin: 40px auto 0 auto;
}

.destacados-planes-bot .destacado-planes {
    box-shadow: 0 0 5px #ff57227a;
    border-radius: 10px;
    padding: 10px 5px;
    height: auto !important;
    min-height: 170px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
}

body.planesNuevo .btn-primary:hover {
    background: var(--color-marca2) !important;
}

.planesNuevo .hormigafoot {
    display: none;
}


body.ofertas .des_nov p {
  margin-bottom: 0;
}

body.ofertas .cajasnove {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100% !important;
}


@media screen and (max-width: 480px) {
    .productos .recomendadosrow {
        display: flex;
        justify-content: space-around;
        margin: 0;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: space-between;
    }

    body.productos .tx_categoria {
        margin-top: 0;
    }

    body.productos .cajasoferta {
        width: 100%;
        margin: 20px auto;
    }

    body.planesNuevo .plan {
        width: 100%;
        margin: 20px 0;
    }

    .destacados-planes-bot .destacado-planes {
        width: 100%;
        margin: 10px auto;
    }

    body.planesNuevo .grid-planes {
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .row.destacados-planes-bot {
        margin: 20px auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }


}


/* Fin nueva seccion planes */

body.detalle .recomendadosrow .cajasoferta .product {
    border-radius: 10px !important;
}

body.detalle .recomendadosrow.row {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
}

body.detalle .recomendadosrow.row .product h4,
body.detalle .recomendadosrow.row .product h4 a,
body.detalle .recomendadosrow.row .product h4 span {
    height: auto !important;
}

body.detalle .recomendadosrow.row .price {
    margin-top: 10px;
    height: auto !important;
}


@media screen and (min-width: 800px) {
    ul.nav.navbar-nav {
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 1600px) {
    ul.nav.navbar-nav {
        margin-left: 3% !important;
    }
}



body.detalle form#agregado_articulo {
    display: none;
}


.breadcrumb {
    margin-left: 0;
}

body.detalle .boton-contacto a.btn.btn-primary.waves-effect.waves-light:hover {
    border: none !important;
}


body.detalle .sp-large {
    border-radius: 5px;
    border: 1px solid transparent;
    box-shadow: 0 0 5px #ccc;
}

#detalle .details-description {
    margin-top: 10px;
    padding-top: 0;
    border-top: 1px solid #ccc;
}

.col-md-12.text-center.div-vertodos-noticias.vertodos_OPC_NOTAS_OFERTAS_3 a.vertodos-noticias {
    background: var(--color-marca5);
    color: #fff;
    border-radius: 25px;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
}

.col-md-12.text-center.div-vertodos-noticias.vertodos_OPC_NOTAS_OFERTAS_3 a.vertodos-noticias:hover {
    background-color: var(--color-marca2);
}


@media screen and (max-width: 1666px) {
        .integra img {
    max-width: 200px;
}
.ayudas .card {
    min-height: 250px;
}
}

@media screen and (max-width: 1504px) {
    .navbar-nav>li>a {
        padding: 10px 5px;
        margin: 10px 0;
    }

    div#navbar-menu-superior ul#nav li:nth-child(8) a,
    div#navbar-menu-superior ul#nav li:nth-child(9) a {
        margin: 10px;
    }

    .navbar-fixed-top .ban-top-izquierda img {
        margin-top: 0;
    }

    .ban-top-izquierda img {
        max-width: 215px;
    }

    .buscador {
        margin-top: 0;
    }

    .navbar-fixed-top .buscador {
        margin-top: 7px;
    }

}

@media screen and (max-width: 1366px) {
    ul.nav.navbar-nav {
        margin: 0 !important;
    }

    .navbar-nav>li>a {
        padding: 10px 5px;
        margin: 15px 0;
    }

    div#navbar-menu-superior ul#nav li:nth-child(8) a,
    div#navbar-menu-superior ul#nav li:nth-child(9) a {
        margin: 15px 5px;
    }

    .buscador {
        margin-top: -12px;
    }
    .ayudas .card {
    min-height: 300px;
}
}

@media screen and (max-width: 1200px) {
    .navbar-default .navbar-nav>li>a {
        padding: 0;
    }

    .ban-top-izquierda img {
        max-width: 160px;
    }

    ul.nav.navbar-nav {
        margin-top: 20px;
    }

    .navbar-nav>li:nth-child(8),
    .navbar-nav>li:nth-child(9) {
        margin-top: -5px;
    }
}

@media screen and (max-width: 480px) {

    body.detalle .detalle_producto span.price-sales,
    body.detalle .detalle_producto span.price-standard {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    body.detalle ul.nav.nav-tabs {
        display: flex;
        flex-direction: column;
    }

    .noticiashome2 .owl-carousel .owl-wrapper {
        margin-top: 0;
    }

    body.testimonios .post-lead-image img {
        float: none !important;
        margin: 0 auto !important;
        width: 50%;
    }
    .row.noticiashome3 .cajasnove a.btn.btn-default.btn-vernota {
    width: 100%;
}
.container.logos_integraciones .col-xs-6 {
    width: 100%;
}
.integra img {
    max-width: 200px;
}
.navbar-nav > li {
    padding-bottom: 5px;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
}
}


body.testimonios .post-lead-image img {
    float: left;
    margin-right: 30px;
}

body.testimonios .nov_dlarga {
    font-size: 2rem;
    line-height: normal;
    letter-spacing: normal;
}

body.testimonios .nov_dlarga strong {
    font-style: italic;
    color: var(--color-marca5);
}

.des_nov {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    max-height: 92px;
    position: relative;
}

.desdoc {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: 90px;
    position: relative;
}

.desdoc p {
	margin: 0 !important;
}

#imagen_listar img.img-responsive {
    border-radius: 25px;
}

.caja_nov_listar a.btn.btn-default.btn-vernota {
    margin-top: 10px;
}

span.planes_cta {
    background: var(--color-marca5);
    color: #fff;
    padding: 10px 20px;
    border-radius: 25px;
    transition: all 0.3s ease-in-out;
}

span.planes_cta:hover {
    background: var(--color-marca2);
}

span.probalo {
    background: var(--color-marca5);
    color: #fff;
    border-radius: 25px;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
}

span.probalo:hover {
    background: var(--color-marca2);
}

span.ingresa {
    border-radius: 25px;
    border: 1px solid var(--color-marca5);
    color: var(--color-marca5);
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
}

span.ingresa:hover {
    background-color: var(--color-marca5);
    color: #fff;
}

span.crm_cta {
    color: var(--color-marca5);
    border: 1px solid var(--color-marca5);
    border-radius: 25px;
    padding: 10px 20px;
    transition: all 0.3s ease-in-out;
}

span.crm_cta:hover {
    background: var(--color-marca5);
    color: #fff;
}

/* seccion planes home */

.seccion-planes-home {
    padding: 60px;
    background: var(--gradiente-azul);
    /* background: linear-gradient(270deg,rgba(255, 87, 34, 1) 0%, rgba(23, 23, 23, 1) 50%, rgba(0, 27, 65, 1) 100%); */
    width: 100%;
}
.seccion-planes-home:before {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 420px;
    background-repeat: repeat-x;
    background: url(../b/sombra-puntos.png);
    content: "";
    animation: witr_slide 100s linear infinite;
    bottom: 89%;
}

.texto-seccion {
    padding-right: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.icono-principal {
    color: #fefefe;
    margin-bottom: 20px;
}

.titulo-seccion {
    font-size: 3rem;
    margin-bottom: 20px;
    color: #fefefe;
    font-weight: 700;
	padding-right: 50px;
}

.texto-intro {
    font-size: 1.75rem;
    line-height: 1.6;
    margin-bottom: 30px;
    color: #fafafa;
}

.card-link {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
    margin-bottom: 20px;
}

.item-plan {
    position: relative;
    height: 100%;
    padding: 5px 20px;
    border-radius: 8px;
    background: linear-gradient(
212deg, rgba(15, 55, 115, 1) 0%, rgba(34, 86, 162, 1) 100%);
    /* background: rgb(255 255 255 / 60%); */
    /* background: var(--gradiente-azul); */
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    overflow: hidden;
    cursor: pointer;
    /* border: 1px solid #e0e0e0; */
    border: 1px solid transparent;
    min-height: 200px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    align-content: center;
}

.item-plan:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    border-color: transparent;
}

/* Colores específicos en hover */
.item-plan[data-color="#febe50"] h3,
.item-plan[data-color="#febe50"] p,
.item-plan[data-color="#01c7d2"] h3,
.item-plan[data-color="#01c7d2"] p {
    color: #000;
}

.item-plan[data-color="#febe50"]:hover h3,
.item-plan[data-color="#febe50"]:hover p,
.item-plan[data-color="#01c7d2"]:hover h3,
.item-plan[data-color="#01c7d2"]:hover p {
color: #000 !important;
}

.item-plan[data-color="#febe50"] {
    background: #febe50 !important;
}


.item-plan[data-color="#01c7d2"] {
    background: #01c7d2 !important;
}

.item-plan[data-color="#ff5722"] {
    background: #ff5722 !important;
}

.item-plan[data-color="#034c79"] {
    background: #034c79 !important;
}

/* Cambiar color del texto en hover */
.item-plan:hover .nombre-plan,
.item-plan:hover p,
.item-plan:hover strong {
    color: white !important;
}

.nombre-plan {
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}

.item-plan p {
    color: #fefefe;
    line-height: 1.5;
    margin: 0;
}

/* Estilos para planes destacados */
.item-plan.destacado {
    /* border: 2px solid #ff5722; */
}

.item-plan.custom {
    /* border: 2px solid #034c79; */
}

.btn-cta {
    margin-top: 20px;
    padding: 12px 30px;
    font-size: 1.1em;
}
.texto-seccion .cta a.btn.btn-primary.btn-cta {
    background: var(--color-marca5) !important;
}
.texto-seccion .cta a.btn.btn-primary.btn-cta:hover {
    background: var(--color-marca2) !important;
}

/* Responsive */
@media (max-width: 991px) {
    .texto-seccion {
        padding-right: 0;
        padding-bottom: 40px;
        text-align: center;
    }
    
    .titulo-seccion {
        font-size: 1.8em;
    }
}

@media (max-width: 767px) {
    .resumen-planes .col-xs-12 {
        margin-bottom: 15px;
    }
    
    .item-plan {
        min-height: 180px;
    }
}



.seccion-fun {
    padding: 60px 0;
    background: #fafafafa;
    width: 100%;
}

.seccion-fun h1 {
  font-size: 32px;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}

.seccion-fun h3 {
  font-size: 18px;
  color: #666;
  margin-bottom: 25px;
}

.seccion-fun .img-funciones {
  max-width: 85%;
  margin-bottom: 15px;
}

.seccion-fun .sub-texto {
  font-weight: 600;
  color: #444;
  margin-top: 10px;
}

.titulo-funciones {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  margin-bottom: 25px;
}

.funciones-cards {
  margin-top: 10px;
}

.func-card {
    background: #fff;
    border-radius: 16px;
    padding: 25px 20px;
    margin-bottom: 25px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.07);
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
    min-height: 300px;
}

.func-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.icono-func {
  font-size: 40px;
  color: #ff5722;
  margin-bottom: 15px;
}

.func-card h4 {
  font-size: 18px;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}

.func-card p {
  font-size: 15px;
  color: #555;
  min-height: 70px;
}

.btn-func {
  background-color: #ff5722;
  border: none;
  margin-top: 10px;
  font-weight: 600;
  border-radius: 25px;
  padding: 8px 20px;
  transition: background 0.3s;
}

.btn-func:hover {
  background-color: #e54b1e;
}

.seccion-fun .row.funciones-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
}

body.integraciones .caja_nov_listar .desdoc {
    display: block !important;
    width: 100%;
    max-height: unset !important;
    -webkit-line-clamp: none !important;
    overflow: unset !important;
    text-overflow: unset !important;
    position: unset !important;
}
.funciones-cards .func-card {
    min-height: 322px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: flex-start;
}
.funciones-cards .func-card a.btn {
    transition: all 0.3s ease-in-out;

}

.funciones-cards .func-card a.btn:hover {
   background: var(--color-marca2) !important;
}

body.planesNuevo.productos .description {
    display: none;
}
body.planesNuevo.productos .product {
    min-height: 400px;
    padding: 40px 0;
}
body.planesNuevo.productos .nov_dcorta {
    margin-top: 70px;
}
body.productos .descuento-anual {
    margin: 30px auto 80px auto;
}
body.planesNuevo .cta a.btn {
    margin: 15px auto 0 auto;
}
body.planesNuevo.productos .product {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}




/* seccion soporte nueva */
body.soporte {
    padding-top: 85px;
}
/* Estilos específicos para la página de soporte */
body.soporte .soporte-netegia-container {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
  line-height: 1.6;
}

/* Tipografía más grande */
body.soporte .soporte-hero-title {
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fefefe;
}

body.soporte .soporte-hero-text {
  font-size: 1.5rem;
  opacity: 0.9;
}

body.soporte .soporte-section-title {
    font-size: 3rem;
    margin-bottom: 30px;
    color: #2c3e50;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}

body.soporte .soporte-contacto-title,
body.soporte .soporte-horario-title,
body.soporte .soporte-criticidad-title,
body.soporte .soporte-step-title,
body.soporte .soporte-info-title {
  font-size: 1.8rem;
}

body.soporte .soporte-contacto-text,
body.soporte .soporte-horario-text,
body.soporte .soporte-checklist-text,
body.soporte .soporte-criticidad-desc,
body.soporte .soporte-step-desc,
body.soporte .soporte-feedback-text,
body.soporte .soporte-nota-text {
  font-size: 1.25rem;
}

body.soporte .soporte-checklist-intro,
body.soporte .soporte-criticidad-intro,
body.soporte .soporte-proceso-intro {
  font-size: 1.3rem;
  margin-bottom: 25px;
  color: #666;
  text-align: center;
}

/* Hero Section */
body.soporte .soporte-hero {
    text-align: center;
    padding: 60px 0;
    background: var(--gradiente-azul);
    color: white;
    margin: 50px 0;
    border-radius: 10px;
}

/* Sección de Contacto */
body.soporte .soporte-contacto-section {
  margin: 60px 0;
  padding: 0 15px;
}

body.soporte .soporte-contacto-card {
    background: white;
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 5px solid var(--color-marca5);
    height: 100%;
    margin-bottom: 30px;
}

body.soporte .soporte-contacto-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

body.soporte .soporte-contacto-icon {
    font-size: 3rem;
    color: var(--color-marca2);
    margin-bottom: 20px;
}

body.soporte .soporte-contacto-title {
  margin-bottom: 15px;
  color: #2c3e50;
}

body.soporte .soporte-contacto-text {
  margin-bottom: 25px;
  color: #666;
}

body.soporte .soporte-btn-link {
    display: inline-block;
    background: var(--color-marca5);
    color: white;
    padding: 9px 25px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.5rem;
    transition: background 0.3s ease;
}

body.soporte .soporte-btn-link:hover {
  background: var(--color-marca2);
  text-decoration: none;
  color: white;
}

/* Sección de Horarios */
body.soporte .soporte-horarios-section {
  margin-bottom: 60px;
  padding: 0 15px;
}

body.soporte .soporte-horario-card {
    background: white;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    height: 100%;
    margin-bottom: 30px;
    min-height: 225px;
}

body.soporte .soporte-horario-title {
  color: #2c3e50;
  margin-bottom: 20px;
  border-bottom: 3px solid #f1f1f1;
  padding-bottom: 15px;
}

body.soporte .soporte-horario-text {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.5rem;
}

body.soporte .soporte-horario-link {
    color: var(--color-marca1);
    font-size: 1.25rem;
    text-decoration: none;
    font-weight: 500;
}

body.soporte .soporte-horario-link:hover {
  text-decoration: underline;
  color: #2980b9;
}

/* Sección Checklist */
body.soporte .fa-check-circle {
    position: relative;
    top: 0;
    font-size: 1.75rem !important;
}
body.soporte .soporte-checklist-section {
  margin-bottom: 60px;
  padding: 0 15px;
}

body.soporte .soporte-checklist-item {
  display: flex;
  align-items: center;
  gap: 15px;
  background: #f8f9fa;
  padding: 18px 20px;
  border-radius: 10px;
  border-left: 5px solid #27ae60;
  margin-bottom: 20px;
  height: 100%;
}

body.soporte .soporte-checklist-item i {
  color: #27ae60;
  font-size: 1.4rem;
}

body.soporte .soporte-checklist-text {
    margin: 0;
    font-size: 1.5rem;
}

body.soporte .soporte-checklist-text a {
  color: #3498db;
  text-decoration: none;
  font-weight: 500;
}

body.soporte .soporte-checklist-text a:hover {
  text-decoration: underline;
}

body.soporte .soporte-info-contacto {
  background: #e8f4fc;
  padding: 30px;
  border-radius: 10px;
  border-left: 5px solid #3498db;
  margin-top: 20px;
}

body.soporte .soporte-info-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

body.soporte .soporte-info-list li {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.75rem;
}

body.soporte .soporte-info-list i {
  color: #3498db;
  font-size: 1.2rem;
}

/* Sección de Criticidad */
body.soporte .soporte-criticidad-section {
  margin-bottom: 60px;
  padding: 0 15px;
}

body.soporte .soporte-criticidad-card {
  border-radius: 12px;
  padding: 30px;
  color: white;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  height: 100%;
  margin-bottom: 30px;
}

body.soporte .soporte-criticidad-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

body.soporte .soporte-criticidad-header i {
  font-size: 2rem;
}

body.soporte .soporte-criticidad-title {
    margin: 0;
    color: #fefefe;
}

body.soporte .soporte-nivel-1 {
  background: linear-gradient(135deg, #e74c3c, #c0392b);
}

body.soporte .soporte-nivel-2 {
  background: linear-gradient(135deg, #f39c12, #e67e22);
}

body.soporte .soporte-nivel-3 {
  background: linear-gradient(135deg, #3498db, #2980b9);
}

body.soporte .soporte-tiempos-respuesta {
  margin-top: 25px;
  background: rgba(255, 255, 255, 0.2);
  padding: 20px;
  border-radius: 8px;
}

body.soporte .soporte-tiempo {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  font-size: 1.2rem;
}

body.soporte .soporte-tiempo:last-child {
  margin-bottom: 0;
}

body.soporte .soporte-tiempo-label {
  font-weight: 500;
}

body.soporte .soporte-tiempo-valor {
  font-weight: 700;
}

body.soporte .soporte-notas-criticidad {
  background: #f8f9fa;
  padding: 25px 30px;
  border-radius: 10px;
  color: #666;
  margin-top: 20px;
}

body.soporte .soporte-nota-text {
  margin-bottom: 10px;
}

body.soporte .soporte-nota-text:last-child {
  margin-bottom: 0;
}

/* Sección de Proceso */
body.soporte .soporte-proceso-section {
  margin-bottom: 60px;
  padding: 0 15px;
}

body.soporte .soporte-proceso-step {
  text-align: center;
  padding: 30px 20px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  height: 100%;
  margin-bottom: 30px;
}

body.soporte .soporte-step-number {
    width: 70px;
    height: 70px;
    background: var(--color-marca1);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: bold;
    margin: 0 auto 20px;
}

body.soporte .soporte-step-title {
  margin-bottom: 15px;
  color: #2c3e50;
}

body.soporte .soporte-step-desc {
    color: #666;
    font-size: 1.5rem;
}

/* Sección de Feedback */
body.soporte .soporte-feedback-section {
  text-align: center;
  padding: 50px 15px;
  background: #f8f9fa;
  border-radius: 12px;
  margin-bottom: 30px;
}

body.soporte .soporte-feedback-text {
    margin-bottom: 15px;
    color: #666;
    font-size: 1.5rem;
}

body.soporte .soporte-feedback-link {
  color: #3498db;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.3rem;
}

body.soporte .soporte-feedback-link:hover {
  text-decoration: underline;
  color: #2980b9;
}
body.soporte h1.titulo {
    display: none;
}


/* Responsive con Bootstrap */
@media (max-width: 767px) {
  body.soporte .soporte-hero-title {
    font-size: 2.2rem;
  }
  
  body.soporte .soporte-hero-text {
    font-size: 1.3rem;
  }
  
  body.soporte .soporte-section-title {
    font-size: 2rem;
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  
  body.soporte .soporte-contacto-title,
  body.soporte .soporte-horario-title,
  body.soporte .soporte-criticidad-title,
  body.soporte .soporte-step-title,
  body.soporte .soporte-info-title {
    font-size: 1.6rem;
  }
  
  body.soporte .soporte-contacto-text,
  body.soporte .soporte-horario-text,
  body.soporte .soporte-checklist-text,
  body.soporte .soporte-criticidad-desc,
  body.soporte .soporte-step-desc,
  body.soporte .soporte-feedback-text,
  body.soporte .soporte-nota-text {
    font-size: 1.1rem;
  }
  
  body.soporte .soporte-checklist-intro,
  body.soporte .soporte-criticidad-intro,
  body.soporte .soporte-proceso-intro {
    font-size: 1.15rem;
  }
  
  body.soporte .soporte-step-number {
    width: 60px;
    height: 60px;
    font-size: 1.7rem;
  }
}

.contact-form .form-group.col-md-4 {
    width: 25%;
}
.contact-form .form-group:nth-child(5) {
    display: none;
}
.contact-form .form-group.col-md-4.col-sm-4.col-xs-12 {
    width: 33%;
}

body.busquedaAvanzada .cajasnove img.img-responsive {
    border-radius: 25px;
    margin: 0 auto 15px auto;
}
body.busquedaAvanzada .cajasnove {
    height: auto !important;
    padding: 20px 15px;
    margin: 15px 0;
    width: 33%;
    min-height: 500px;
}
body.busquedaAvanzada .novedades-home-row.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: center;
}
body.busquedaAvanzada .des_nov p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    max-height: 92px;
    position: relative;
}
body.busquedaAvanzada .des_nov {
    display: flex;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    text-overflow: unset;
    line-height: normal;
    max-height: unset;
    position: unset;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: center;
}

/* Fondo original */
.rubros {
    background: #f8f9fa;
    padding: 60px 0;
}

/* Flex para filas */
.rubros-flex-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

/* CARD BASE */
.card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: block;
    text-decoration: none;
    color: #333;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    transition: all .25s ease;
}

/* Hover */
.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

.card img {
    width: 100%;
    display: block;
}

.card-body {
    padding: 15px;
}

.card-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

/* ---- DESTACADAS ---- */
.rubro-destacado {
    padding: 10px;
}

/* Las destacadas ahora más chicas */
.card-destacado {
    max-width: 80%;  
    margin: 0 auto;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12); /* más visible */
}

.card-destacado:hover {
    box-shadow: 0 6px 22px rgba(0,0,0,0.16);
}

/* Spacing */
.mt-30 {
    margin-top: 30px;
}
.rubro-destacado .card-destacado img {
    min-height: 300px;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .card,
    .card-destacado {
        max-width: 100%;
        margin-bottom: 20px;
    }
}

/* inicio func por rubro */
/* Estilos generales para las secciones de rubros */
.rubros-container {
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    color: #333;
    line-height: 1.6;
}

.rubro-section {
    padding: 20px 0;
    position: relative;
}

/* Fondos alternados con gradientes sutiles */
.rubro-section:nth-child(odd) {
    background: linear-gradient(135deg, #f8fafc 0%, #f0f5ff 100%);
}

.rubro-section:nth-child(even) {
    background: linear-gradient(135deg, #f9f9f9 0%, #f5f7fa 100%);
}

/* Estilos para las filas */
.rubro-row {
    display: flex;
    align-items: stretch;
    min-height: 500px;
}

.rubro-row.reverse {
    flex-direction: row-reverse;
}

/* Más padding lateral para los contenidos */
.rubro-content {
    padding: 40px 50px;
    display: flex;
    flex-direction: column;
}

.rubro-imagen {
    padding: 40px 50px;
    display: flex;
    flex-direction: column;
}

/* Asegurar que el contenido ocupe el espacio disponible */
.features-list {
    flex-grow: 1;
}

.rubro-header {
    margin-bottom: 30px;
}

/* Responsive: en pantallas pequeñas, apilar verticalmente */
@media (max-width: 767px) {
    .rubro-row,
    .rubro-row.reverse {
        flex-direction: column;
    }
    
    .rubro-imagen,
    .rubro-content {
        margin-bottom: 30px;
        padding: 30px 20px;
    }
    
    .rubro-section {
        padding: 50px 0;
    }
}

/* Ajustes para tablets */
@media (min-width: 768px) and (max-width: 991px) {
    .rubro-content,
    .rubro-imagen {
        padding: 30px 25px;
    }
}

/* Estilos para las imágenes */
.rubro-imagen .img-container {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    max-height: 400px;
}

.img-container:hover {
    transform: translateY(-5px);
}

.img-container img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    flex-grow: 1;
    object-fit: cover;
}

.rubro-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #333;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Estilos para los badges con gradientes específicos */
.rubro-badge {
    display: inline-block;
    color: white;
    padding: 10px 28px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 35px;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: none;
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    max-width: 300px;
}

.rubro-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

/* Gradientes específicos para cada rubro */

/* === INDUMENTARIA (beige / crema elegante) === */
.rubro-indumentaria .rubro-badge {
    background: linear-gradient(135deg, #f3e5c9 0%, #d6c4a5 100%);
    color: #4a3d2b; /* contraste suave */
}

/* === INFORMÁTICA (azul tecnológico) === */
.rubro-tecnologia .rubro-badge {
    background: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%);
}

/* === AUTOMOTRIZ (negro / gris metálico) === */
.rubro-automotriz .rubro-badge {
    background: linear-gradient(135deg, #2e2e2e 0%, #000000 100%);
    color: #fff;
}

/* === FERRETERÍA (naranja → rojo intenso) === */
.rubro-ferreteria .rubro-badge {
    background: linear-gradient(135deg, #ff9800 0%, #e53935 100%);
    color: #fff;
}

/* === BAZARES (marrón / chocolate) === */
.rubro-bazares .rubro-badge {
    background: linear-gradient(135deg, #795548 0%, #4e342e 100%);
    color: #f5f5f5;
}


.rubro-header h3 {
    font-size: 28px;
    font-weight: 700;
    color: #222;
    margin-bottom: 15px;
    line-height: 1.3;
    margin-top: 0;
}

.divider {
    width: 80px;
    height: 4px;
    background-color: #f05a35;
    margin-top: 15px;
}

.features-list {
    margin-top: 0;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 28px;
    transition: transform 0.2s ease;
    padding-right: 10px;
}

.feature-item:hover {
    transform: translateX(5px);
}

.feature-item i {
    font-size: 22px;
    color: #f05a35;
    margin-right: 18px;
    margin-top: 5px;
    flex-shrink: 0;
    min-width: 24px;
}

.feature-text h4 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
    line-height: 1.4;
    margin-top: 0;
}

.feature-text p {
    font-size: 15px;
    color: #666;
    margin: 0;
    line-height: 1.5;
}

.registro-section {
    background: linear-gradient(135deg, #f05a35 0%, #e04a25 100%);
    padding: 80px 0;
    color: white;
    text-align: center;
}

.registro-section h2 {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 20px;
    color: white;
}

.registro-section p {
    font-size: 18px;
    margin-bottom: 40px;
    opacity: 0.9;
}

.cta-button-container {
    margin-top: 30px;
}

.cta-button-container .btn-cta {
    background: var(--color-marca2);
    color: #fefefe;
    padding: 10px 30px;
    font-size: 20px;
    border-radius: 50px;
    letter-spacing: 1px;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cta-button-container .btn-cta:hover {
    background: var(--gradiente-azul);
    color: #fefefe;
    transform: translateY(-3px);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3);
    text-decoration: none;
}



/* Responsive adicional */
@media (max-width: 991px) {
    .rubro-header h3 {
        font-size: 24px;
    }
    
    .registro-section h2 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .rubro-header h3 {
        font-size: 22px;
    }
    
    .feature-text h4 {
        font-size: 16px;
    }
    
    .registro-section {
        padding: 60px 0;
    }
    
    .registro-section h2 {
        font-size: 26px;
    }
    
    .btn-cta {
        padding: 15px 30px;
        font-size: 16px;
    }
    
    .rubro-badge {
        margin-bottom: 25px;
        padding: 8px 20px;
        font-size: 13px;
    }
}
/* fin func por rubro */

/* inicio rubros home */

.rubros-sec {
    padding: 50px 0;
    background: var(--gradiente-azul);
}

.rubros-sec-sub {
    font-size: 16px;
    color: #ccc;
    margin-bottom: 5px;
}

.rubros-sec-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 40px;
    color: #fefefe;
}

.rubros-sec-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: all .25s ease;
    /* cursor: pointer; */
}

.rubros-sec-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.rubros-sec-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.rubros-sec-card h4 {
    margin: 15px 0;
    font-size: 18px;
    font-weight: 600;
    color: #222;
}

.rubros-sec-btn {
    display: inline-block;
    margin-top: 35px;
    padding: 12px 32px;
    border-radius: 30px;
    background: var(--color-marca5);
    color: #fff !important;
    font-weight: 400;
    letter-spacing: .5px;
    transition: background .25s ease;
}

.rubros-sec-btn:hover {
    background: var(--color-marca2);
    text-decoration: none;
}

@media (max-width: 991px) {
    .rubros-sec-card img {
        height: 160px;
    }
}

@media (max-width: 767px) {
    .rubros-sec-title {
        font-size: 26px;
    }
    .rubros-sec-card img {
        height: 150px;
    }
}
/* fin rubros home */

/* slider contactenos htm */
.slider-contacto-wrapper {
  position: relative;
  margin-bottom: 40px;
  border-radius: 25px;
  cursor: pointer;
}

.slider-contacto-wrapper img {
    border-radius: 25px;
}

.slider-contacto-wrapper button {
    display: none !important;
}

body.novedades {
    padding-top: 90px;
}

@media (min-width: 769px) {
  .slider-contacto-slide {
    height: auto;
  }

  .slider-contacto-img {
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 768px) {
  .slider-contacto-slide {
    height: auto;
  }

  .slider-contacto-img {
    height: 100%;
    object-fit: cover;
  }
}

/* Responsive */
@media (max-width: 991px) {
  .info-left {
    text-align: center;
    margin-bottom: 40px;
  }
  .img-funciones {
    max-width: 60%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav > li {
        margin-left: 7px !important;
        margin-top: 7px !important;
    }
}

@media (min-width: 1000px) and (max-width: 1099px) {
.navbar-nav > li {
        margin-left: 2px !important;
    }
}

@media (min-width: 1100px) and (max-width: 1366px) {
    .rubro-content {
    padding: 20px 40px;
}

.rubro-imagen {
    padding: 20px 40px;
}
.navbar.navbar-default.navbar-superior { 
 width: 100%;
}
}

@media  (min-width: 481px) and (max-width: 1199px) {
 .productos .recomendadosrow {
    display: flex;
    justify-content: center;
    margin: 50px auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
    body.planesNuevo .prodplanes .cajasoferta {
    width: 33%;
    margin: 10px;
}
body.planesNuevo .grid-planes {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}
body.planesNuevo .plan {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 0 20px 20px 20px;
    text-align: center;
    position: relative;
    transition: transform 0.3s;
    height: auto !important;
    width: 40%;
    margin: 10px;
}
.row.destacados-planes-bot {
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

body.planesNuevo .boton-registro a.btn {
    
    font-size: 1.25rem;
}

body.planesNuevo .boton-registro a.btn i{
    display: none;
}
body.planesNuevo.productos .product {
    padding: 15px 0;
}
.destacado-planes.text-center {
    width: 33%;
    margin: 10px;
    min-height: 200px !important;
}
.row.destacados-planes-bot {
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}


}
@media screen and (max-width: 480px) {
    .seccion-planes-home {
    padding: 0 10px;
}
.titulo-seccion {
    font-size: 2.25rem;
    text-align: center;
    padding: 0;
    margin-top: 50px;
}
.seccion-planes-home:before,
.planes:before {
    display: none;
}
footer .container.menu_pie .container {
    width: 100%;
    padding: 0 10px;
}
body.productos .descuento-anual {
    max-width: 100%;
}
body.soporte .soporte-btn-link {
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-form .form-group.col-md-4 {
    width: 100% !important;
}
.row.funcionalidades-netegia .col-md-4 {
    width: 100%;
    margin: 10px;
}
.col-md-3.col-sm-6.col-xs-12.rubros-sec-item {
    margin: 20px auto;
}
}