.precio {
    color: #333333;
}

body.cloud-server-vps {
    background: #f6f9ff;
    overflow-x: hidden;
}

.cont-selector-cloud {
    padding: 6px;
    box-sizing: border-box;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin: 0 auto 27px;
    box-shadow: 0 0 10px 0 rgba(11, 119, 244, 0.25);
    min-width: 202px;
}

.cont-selector-cloud .selector {
    border-radius: 50px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 3px 21px;
}

.cont-selector-cloud .selector .descuento {
    border-radius: 5px;
    font-size: 12px;
    line-height: 15px;
    background-color: #ff5925;
    position: absolute;
    top: -31px;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    padding: 0 7px;
    display: none;
    text-transform: uppercase;
    width: 87px;
    height: 21px;
}

.cont-selector-cloud .selector .descuento .valor {
    display: block;
    margin-left: 4px;
}

.cont-selector-cloud .selector .descuento .triangulo {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #ff5925 transparent transparent transparent;
    position: absolute;
    top: 100%;
}

.cont-selector-cloud .selector.activo {
    color: #ffffff;
    background-color: var(--azul100);
}

header {
    color: #FFFFFF;
    height: 100px;
    background: #2E5399;
    padding-top: 60px;
}

header .width_wrap {
    height: 100px;
    position: relative;
    
}

header h1 {
    text-transform: uppercase;
    margin-bottom: 0;
    position: absolute;
    bottom: 5px;
    left: 160px;
    font-weight: 300;
    font-size: 24px;
    letter-spacing: 1px;
}

header img {
    opacity: .3;
    width: 138px;
    height: 135px;
    background-position: -158px 0;
    position: absolute;
    left: 0px;
    bottom: -45px;
}

.width_wrap.cloud {
    padding: 110px 0;
    overflow: hidden;
    max-width: 96%;
}

span.titulo-xm {
    margin-bottom: 40px;
    display: block;
}

span.titulo-xm h1 {
    display: inline-block;
    margin-bottom: 0;
}

.cloud_configuracion {
    position: relative;
}

.cloud_configuracion.width_wrap {
    position: relative;
}

.pb60 {
    padding-bottom: 60px;
}

.pb80 {
    padding-bottom: 80px;
}

.pb100 {
    padding-bottom: 100px;
}

.pb120 {
    padding-bottom: 120px;
}

.pt60 {
    padding-top: 60px;
}

.pt80 {
    padding-top: 80px;
}

.pt100 {
    padding-top: 100px;
}

.pt120 {
    padding-top: 120px;
}

.s_sprite {
    background-color: transparent;
    background-repeat: no-repeat;
}

label.radio span.s_sprite {
    cursor:auto;
}

label.radio span.s_sprite.corona-semanal {
    background-position: -252px -52px;
    width: 25px;
    height: 23px;
    margin-left: 8px;
}

label.radio span.s_sprite.corona-diario {
    background-position: -250px -75px;
    width: 30px;
    height: 28px;
    margin-left: 6px;
}

p.breadcrum {
    font-size: 16px;
    font-weight: 300;
}

p.breadcrum a {
    font-weight: 300;
}

#conf_box {
    width: 70%;
    float: left;
}

section.conf_item_box {
    min-height: 100px;
    position: relative;
    background-color: #ffffff;
    margin-bottom: 40px;
    padding: 130px 35px 40px 35px;
    border-radius: 7px;
    box-shadow: 0px 5px 20px 0px rgb(11 119 244 / 15%);
}

section.conf_item_box.ssl {
    min-height: auto;
}

section.conf_item_box header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: var(--cloud-pri);
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    padding: 0 25px;
    height: auto;
    line-height: 50px;
    border-radius: 4px 4px 0 0;
    display: flex;
    align-items: center;
    height: 90px;
}

section.conf_item_box header .texto .titulo-m {
    margin: 0;
}

section.conf_item_box header .texto .texto-m {
    color: #90f268;
    margin: 0;
    cursor: pointer;
}

section.conf_item_box header .texto .texto-m>b {
    font-weight: 600;
}

header .logo.s_sprite {
    height: 50px;
    width: 50px;
    display: block;
    background-position: 0 0;
    margin-right: 20px;
}

.transferencia header .logo.s_sprite {
    background-position: -150px 0;
}

.vcpu.memoria header .logo.s_sprite {
    background-position: 0 0;
}

.disco header .logo.s_sprite {
    background-position: -50px 0;
}

.copia header .logo.s_sprite {
    background-position: -200px -50px;
}

.copia .bajada-copia{
    margin-bottom: 30px;
}   

.licencias .bajada-copia{
    margin-bottom: 30px;
    font-size: 15px;
} 

.copia .bajada-copia a{
    vertical-align: middle;
} 
/* comentario tarea WS-5010 */

.licencias header .logo.s_sprite,
.ssl header .logo.s_sprite {
    background-position: -100px 0;
}

section.conf_item_box header i.s_sprite {
    float: right;
    width: 50px;
    height: 50px;
    margin-left: 20px;
}

section header i.ic_micro {
    background-position: 0 0;
}

section header i.ic_memoria {
    background-position: -50px 0;
}

section.disco .select_container {
    display: none;
}

section.disco header i {
    background-position: -100px 0;
}

section.licencias header i,
section.ssl header i {
    background-position: -300px 0;
}

section.network header i {
    background-position: -350px 0;
}

section.adicionales header i {
    background-position: -250px 0;
}

.conf_items_container p.texto-l {
    margin-bottom: 5px;
}
.conf_items_container .titulo-opciones {
    font-family: "Roboto Condensed";
    font-size: 18px;
}

.conf_items_container  .container-opciones {
    border-radius: 5px;
    background: #DEEFFF;
    padding: 10px 20px;
    font-family: "Roboto Condensed";
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.conf_items_container  .container-opciones #procesamiento-opciones,
.conf_items_container  .container-opciones #almacenamiento-opciones {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
}

.conf_items_container  .container-opciones .boton-secundario{
    padding: 5px 15px;
}

.conf_items_container  .container-opciones .boton-secundario.selected {
    background: #EDFFE9;
}

#copia [data-tooltip]:after {
    width: 300px;
    bottom: 60px;
}

#copia [data-tooltip]:before {
    bottom: 38px;
    left: 30px;
}

[data-tooltip]:hover:before {
    position: absolute;
    content: '';
    border: 6px solid transparent;
    bottom: 28px;
    left: 0;
    border-top-color: #3A3F4E;
    visibility: visible;
    transform: translateX(50%);
    filter: blur(0px);
    margin-left: -1px;
    margin-bottom: 0;
}

[data-tooltip]:hover:after {
    position: absolute;
    background-color: #3A3F4E;
    color: #ecf0f1;
    height: auto;
    width: 220px;
    padding: 10px;
    line-height: 1.4;
    white-space: normal;
    text-align: left;
    border-radius: 4px;
    margin-left: 0;
    left: 0;
    margin-bottom: -10px;
    bottom: 50px;
    text-transform: none;
}

/* SLIDERS INICIO */

.slider_container {
    height: 60px;
    padding: 0 7px;
    position: relative;
}

.conf_items_container .total-valor {
    font-weight: 600;
    color: var(--cloud-pri);
}

.slider_container .extremos {
    position: absolute;
    top: 30px;
}

.slider_container .extremos.minimo {
    left: 6px;
}

.slider_container .extremos.maximo {
    right: 0;
}

.slider_container .slider_hd.slider_item .noUi-value-horizontal {
    display: none;
}

.noUi-base {
    z-index: 1;
}

.noUi-handle {
    border: none!important;
    box-shadow: none!important;
    background-position: -50px -50px!important;
    width: 30px!important;
    height: 30px!important;
    border-radius: 100%!important;
}

.noUi-handle:before,
.noUi-handle:after {
    display: none!important;
}

.noUi-horizontal .noUi-handle {
    right: -14px !important;
}

.noUi-target {
    box-shadow: none!important;
    background: #dddddd!important;
}

.noUi-background {
    box-shadow: none!important;
    background: #dddddd!important;
}

.noUi-target,
.noUi-origin {
    border: none!important;
    box-shadow: none!important;
    -webkit-border-radius: 9px!important;
    -moz-border-radius: 9px!important;
    -ms-border-radius: 9px!important;
    -o-border-radius: 9px!important;
    border-radius: 9px!important;
}

.noUi-pips {
    font-size: 14px!important;
}

.noUi-pips-horizontal {
    padding: 0!important;
    height: 30px!important;
    width: 99%!important;
}

.noUi-marker-horizontal.noUi-marker-large {
    display: none!important;
}

.noUi-pips-horizontal .noUi-value-horizontal {
    color: var(--gris100)!important;
    font-size: 16px!important; 
    font-weight: 300!important;
    line-height: 1.6!important;
    opacity: .7;
}

.noUi-pips-horizontal .noUi-value-horizontal.resaltado {
    font-weight: 800!important;
}

/* Estilos personalizados para los sliders*/
.noUi-horizontal .noUi-connect {
    background: var(--azul50); /* Color del área conectada */
}

.noUi-connects {
    border-radius: 8px !important;
}

.noUi-horizontal .noUi-tooltip {
    display: none;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    bottom: -34px !important;
    border-radius: 5px;
    border: none;
    background: var(--Productos-Cloud-Pri, #3071F2);
    color: var(--Blanco, #FFF);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 171.429% */
}

.noUi-tooltip.visible {
    display: inline-flex; /* Mostrar tooltip cuando tenga esta clase */
}

.noUi-horizontal .noUi-tooltip::after {
    content: '';
    position: absolute;
    top: -6px; /* Ajusta la posición vertical */
    left: 50%; /* Centra el triángulo */
    transform: translateX(-50%); /* Centrado horizontal */
    width: 0;
    height: 0;
    border-left: 6px solid transparent; /* Lado izquierdo transparente */
    border-right: 6px solid transparent; /* Lado derecho transparente */
    border-bottom: 6px solid #3071F2;  /* Triángulo relleno del mismo color azul */
}

.noUi-handle {
    border-radius: 50%; /* Hacer los botones de control más redondeados */
    background: #0044cc; /* Color de los controles */
} 

.noUi-touch-area {
    cursor: pointer;
}

.memoria-ram-titulo {
    margin-top: 34px;
}

.conf_items_container .memoria-ram-titulo .tooltip-info {
    vertical-align: middle;
    margin-bottom: 3px;
}

/* SLIDERS FIN */

section.conf_item_box .spinner.s_doble {
    position: absolute;
    top: 125px;
    left: -50%;
    right: -50%;
}

label.radio,
label.checkbox {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    color: #888888;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

label.radio .cont-selector,
label.checkbox .cont-selector {
    display: flex;
    align-items: center;
    gap: 8px;
}

.copia li.titulo label {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--Paleta-principal-Azul-25, #DEEFFF);
}

.copia li {
    width: 100%;
}

.copia li label {
    display: flex;
    justify-content: space-between;
}

.copia .mas-info {
    font-size: 15px;
    color: #0099ff;
    position: relative;
}

.copia li.titulo label span.tit-resta,
.copia label.radio .resta {
    width: 225px;
    padding-right: 20px;
    z-index: 2;
}

.copia li.titulo label span.tit-reten,
.copia label.radio .reten {
    min-width: 120px;
    z-index: 2;
}

.copia li.titulo label span.tit-frecu,
.copia label.radio .frecu {
    min-width: 80px;
    z-index: 2;
}

.copia li.titulo label .espacio,
.copia label.radio .cont-selector {
    width: 246px;
    padding-left: 20px;
    z-index: 2;
}

.copia label.radio{
    box-sizing: border-box;
    padding: 10px 0;
    margin-bottom: 5px;
}

.copia label.radio:not(.activo):hover::before{
    background-color: var(--verde50);
    opacity: .3;
    border-radius: 5px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.copia label.radio.activo::before{
    background-color: var(--verde100);
    opacity: .15;
    border-radius: 5px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.copia label.radio.activo .cont-selector .nombre,
.copia label.radio.activo .resta,
.copia label.radio.activo .reten,
.copia label.radio.activo .frecu {
    font-weight: 600;
    color: var(--verde100);
    position: relative;
}

.copia label.radio .cont-selector .nombre {
    min-width: 132px;
}

.copia label.radio .cont-selector .nombre,
.copia label.radio .resta,
.copia label.radio .reten,
.copia label.radio .frecu {
    color: #000000;
} 
/* comentario tarea WS-5010 */

label.checkbox.activo strong,
label.checkbox.activo span.costo {
    color: #0071ff;
}

label.checkbox strong .cantidad {
    display: inline-flex;
    width: 60px;
    border: 1px solid #666666;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: flex-start;
    margin-left: 25px;
    font-weight: 800;
}

label.checkbox strong .cantidad .num-cantidad {
    width: 65px;
    background: none;
    border: none;
    -moz-appearance: textfield;
    font-weight: 800;
    color: #666666;
    font-size: 12px;
    padding: 5px 18px 5px 10px;
}

label.checkbox strong .cantidad .mas {
    height: 13px;
    width: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -1px;
    right: -1px;
    border: 1px solid #666666;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden;
    font-weight: 800;
    color: #666666;
    font-size: 12px;
}

label.checkbox strong .cantidad .menos {
    height: 13px;
    width: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -1px;
    right: -1px;
    border: 1px solid #666666;
    cursor: pointer;
    font-size: 12px;
    overflow: hidden;
    font-weight: 800;
    color: #666666;
}

.licencias-cpanel,
.licencias-ferozo {
    margin-left: 50px;
    background: #ffffff;
    border: 1px solid #999999;
    appearance: none;
    background-image: url(/img/flecha-abajo-2.svg);
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-radius: 3px;
    width: 160px;
    padding: 5px;
    color: #333333;
    -webkit-appearance: none;
    height: 30px;
    width: 180px;
}

.licencias-ferozo {
    margin-left: 64px;
}

label.checkbox:not(.activo) strong .cantidad {
    display: none;
}

/* label.radio span.costo,
label.checkbox span.costo {
    float: right;
    font-size: 15px;
    color: #333333;
} */

label.radio{
    cursor: pointer;
}

label.radio span.extra_desc,
label.checkbox span.extra_desc {
    font-weight: 300;
    font-size: 14px;
}

label.radio.selected,
label.checkbox.selected {
    color: #3071F2;
}

label.radio.disabled,
label.checkbox.disabled {
    cursor: default;
    color: #DDDDDD;
}

label.radio.selected.disabled,
label.checkbox.selected.disabled {
    color: #2E5399;
}

label.radio input {
    display: none;
}

label.radio i.s_sprite,
label.checkbox i.s_sprite {
    width: 23px;
    height: 23px;
    margin-right: 10px;
    display: inline-block;
    zoom: 1;
    display: inline;
    vertical-align: text-bottom;
    cursor: pointer;
    margin-left: 7px;
}

label.radio i.s_sprite {
    width: 30px;
    height: 30px;
    background-position: -162px -50px;
}

label.radio.activo i.s_sprite {
    background-position: -133px -50px;
}

label.radio.disabled i.s_sprite {
    background-position: -162px -50px;
}

/* label.radio.selected.disabled i.s_sprite {
    background-position: -75px -50px;
} */

label.checkbox i.s_sprite {
    background-position: 0 -50px;
}

label.checkbox.activo i.s_sprite {
    background-position: -25px -50px;
}

label.checkbox.disabled i.s_sprite {
    background-position: -160px -50px;
}

label.checkbox.selected.disabled i.s_sprite {
    background-position: -185px -50px;
}

label.radio i.s_sprite.ic_linux,
label.radio i.s_sprite.ic_windows {
    margin-right: 0px;
}

label.radio i.s_sprite.ic_linux {
    background-position: -308px -50px;
}

label.radio.selected i.s_sprite.ic_linux {
    background-position: -332px -50px;
}

label.radio i.s_sprite.ic_windows {
    background-position: -260px -50px;
}

label.radio.selected i.s_sprite.ic_windows {
    background-position: -284px -50px;
}

label.radio i.s_sprite.ic_recomendado,
label.checkbox i.s_sprite.ic_recomendado {
    top: 5px;
    left: -34px;
    position: absolute;
    width: 30px;
    background-position: -60px -75px;
}

label.radio.selected i.s_sprite.ic_recomendado,
label.checkbox.selected i.s_sprite.ic_recomendado {
    background-position: 0 -75px;
}


/* SECCION LICENCIAS */

.licencia_slot {
    margin-top: 40px;
}

.licencia_slot:nth-of-type(1) {
    margin-top: 0px;
}

.licencia_slot .tit {
    position: relative;
    background-color: #ECF0F1;
    font-size: 16px;
    padding: 15px 15px;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.licencia_slot ul {
    margin: 0 15px;
}

.licencia_slot .tit i.ic_linux,
.licencia_slot .tit i.ic_windows {
    width: 24px;
    height: 24px;
    float: right;
    margin-top: -2px;
}

.licencia_slot .tit i.ic_linux {
    background-position: -308px -50px;
}

.licencia_slot .tit i.ic_windows {
    margin-top: -4px;
    background-position: -260px -50px;
}

p.banner_so_terminal {
    background-color: #eeeeee;
    margin: 20px 15px 0 15px;
    padding: 10px 20px;
    line-height: 1.6;
    color: #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}


/* SECCION RED */

.red_slot {
    margin-top: 40px;
}

.red_slot.transferencia {
    margin-top: 0px;
}

.red_slot .tit {
    position: relative;
    background-color: #ECF0F1;
    font-size: 16px;
    padding: 15px 15px;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.red_slot ul {
    margin: 0 15px;
}


/* SECCION ADICIONALES */

.adicionales_slot {
    margin-top: 40px;
}

.adicionales_slot.otros {
    margin-top: 0px;
}

.adicionales_slot .tit {
    position: relative;
    background-color: #ECF0F1;
    font-size: 16px;
    padding: 15px 15px;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.adicionales_slot ul {
    margin: 0 15px;
}

.adicionales_slot.otros ul {
    margin: 0px;
}


/* SECCION PRECIOS & DETALLES */

#side_box {
    left: 73%;
    top: 0;
    position: absolute;
    width: 322px;
    font-size: 14px;
    max-height: calc(100vh - 70px);
}

#side_box .link {
    color: #0099ff;
    font-weight: 600;
    cursor: pointer;
    font-size: 13px;
    position: absolute;
    width: 580px;
    max-width: 100%;
    top: 5px;
    padding: 0 20px;
    box-sizing: border-box;
    display: none;
    line-height: 1.8;
}

#side_box .link .ver-menos {
    display: none;
}

#side_box .link.desplegado .ver-menos {
    display: initial;
}

#side_box .link.desplegado .ver-mas {
    display: none;
}

#side_box .contenido-precio {
    background: #ffffff;
    padding: 40px 30px 20px 30px;
    box-shadow: 0px 5px 20px 0px rgba(11, 119, 244, 0.15); 
    border-radius: 6px;
    text-align: center;
}

#side_box .contenido-precio.descuento {
    padding-top: 15px;
}

#side_box .contenido-precio .boton {
    color: #1d41b8;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 auto 30px auto;
    width: 185px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    text-align: left;
    width: 100%;
}

#side_box .contenido-precio .boton img {
    display: block;
}

#side_box .contenido-precio .boton.texto-codigo img {
    display: none;
}

#side_box .contenido-precio .boton.texto-codigo {
    width: 100%;
    justify-content: center;
}

#side_box .contenido-precio .boton.texto-codigo .texto-chanchito {
    text-align: center;
    color: #333333;
    font-size: 14px;
    line-height: 2.0;
} 

#side_box .contenido-precio .boton .texto-chanchito {
    color: var(--cloud-pri);
}

#side_box .contenido-precio .boton .texto-chanchito>b {
    font-weight: 600;
}

#side_box .contenido-precio .boton.texto-codigo .texto-chanchito span {
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #f2a838;
    font-size: 16px;
    color: #ffffff;
}

#side_box .contenido-precio .boton .chancho {
    width: 47px;
    height: 40px;
    background-position: -202px 0;
    margin-right: 20px;
}

#side_box .contenido-precio .cont-descuento {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

#side_box .contenido-precio.descuento .cont-descuento {
    display: flex;
}

#side_box .contenido-precio .cont-descuento .texto-descuento {
    margin-bottom: 2px;
    display: block;
}

#side_box .contenido-precio .cont-descuento .pastilla {
    padding: 1px 14px;
    font-weight: 600;
    border-radius: 5px;
    background-color: var(--naranja100);
    color: #ffffff;
}

#side_box .detalles {
    background: #ffffff;
    padding: 20px 30px;
    margin-top: 20px;
    box-shadow: 0px 5px 20px 0px rgba(11, 119, 244, 0.15); 
    border-radius: 3px;
    display: none;
}

#side_box .detalles hr {
    width: 100%;
    height: 1px;
    background: rgba(156, 156, 156, 0.30);
    margin: 0;
    border: none;
    display: none;
}

#side_box .detalles .titulo-lista-componentes {
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    font-family: "Roboto condensed";
    display: none;
    margin-bottom: 10px;
}

#side_box a.btn.principal {
    width: 100%;
    margin-top: 20px;
}

#side_box.fixed {
    top: 70px;
    position: absolute;
    left: 73%;
}

#side_box.bottom {
    left: 73%;
    top: auto;
    bottom: 40px;
}

.btn_contratar {
    width: 100%;
    margin-top: 30px;
    display: block;
    box-sizing: border-box;
}

.btn_contratar.disabled {
    background: var(--gris50);
    cursor: not-allowed;
}

#side_box .ver_detalles{
    display: block;
    color: #0099ff;
    text-align: center;
    font-size: 14px;
    line-height: 25px;
    background: transparent;
    border: none;
    margin: 15px auto 0;
    cursor: pointer;
}

#side_box span.totalPeriodico {
    display: block;
    text-align: left;
    font-size: 24px;
    font-weight: 600;
    margin-left: 8px;
}

#side_box .cont-valores {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    position: relative;
}

#side_box .cont-valores .cont-precios {
    display: flex;
    align-items: end;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

#side_box div.cuotas {
    display: none;
    align-items: center;
    margin: 5px 0;
}

#side_box div.cuotas .texto-s{
    font-weight: 400;
    margin-right: 5px;
}

#side_box div.cuotas .valor-cuota{
    font-weight: 600;
}

#side_box div.cuotas .logo-tarjeta-resumen{
    width: 48px;
    height: 11px;
}

#side_box span.totalPeriodico span.decimal {
    font-weight: 400;
    font-size: 18px;
    vertical-align: top;
    line-height: 1.2;
    margin-left: 2px;
}

body.cl #side_box span.totalPeriodico span.entero,
body.co #side_box span.totalPeriodico span.entero {
    font-size: 26px;
}

body.cl #side_box span.totalPeriodico span.moneda,
body.co #side_box span.totalPeriodico span.moneda {
    font-size: 26px;
}

body.cl #side_box span.totalPeriodico span.decimal,
body.co #side_box span.totalPeriodico span.decimal {
    display: none;
}

#side_box span.totalSetup {
    display: block;
    text-align: left;
    font-size: 16px;
}

#side_box span.totalSetup span.moneda {
    font-size: 15px;
}

#side_box span.totalSetup span.entero {
    font-weight: 600;
    font-size: 20px;
}

#side_box span.totalSetup span.decimal {
    font-weight: 600;
    font-size: 14px;
    vertical-align: top;
    line-height: 1;
    margin-left: 2px;
}

.modal-detalles .totalResumen {
    line-height: 20px;
    font-size: 12px;
    font-weight: 300;
    padding-left: 8px;
}

.modal-detalles .totalResumen li {
    font-weight: 400;
    color: #777777;
}

.modal-detalles .totalResumen li .texto-m {
    width: calc(100% - 15px);
}

#side_box span.detalles_tit {
    font-weight: 400;
    margin: 10px 0 5px 0;
    padding-bottom: 3px;
    display: block;
    border-bottom: 1px solid #777777;
}

#side_box .cont-precio .costo_tit>b {
    font-weight: 600;
    line-height: 1;
    font-size: 16px;
}

#side_box .cont-precio {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    position: relative;
}

#side_box .cont-precio .precio .num_decimal {
    position: relative;
    right: 0;
    top: 0;
    font-size: 11px;
}

#side_box .cont-precio .precio-tachado .num_decimal {
    position: relative;
    right: 0;
    top: 2px;
}

#side_box .cont-periodo {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#side_box span.totalPeriodico {
    margin: 0;
}

#side_box span.costo_tit {
    display: block;
    position: relative;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 20px; /* 133.333% */
    width: inherit;
    text-align: left;
    max-width: 160px;
}

#side_box span.costo_tit>b {
    font-weight: 600;
}

#side_box .total-setup span.costo_tit {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
}

#side_box .total-setup span.costo_tit span {
    font-size: 16px;
    font-weight: 300;
    color: #666666;
}

#side_box .moneda_impuestos {
    font-weight: 300;
    font-size: 12px;
    margin: 0;
    display: block;
    color: #000000;
    text-align: left;
    margin-top: 3px;
}

#side_box .cont-moneda {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#side_box .cont-moneda .tooltip {
    display: none;
}

#side_box.upgrade .cont-moneda .tooltip {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
}

#side_box.upgrade .cont-moneda .tooltip>p {
    right: -25px;
    bottom: 12px;
    left: auto;
    top: auto;
}

span.otros_precios {
    color: #999999;
    font-size: 14px;
    display: block;
    line-height: 1.4;
}


/*upgrade*/

.upgrade-cont {
    display: none;
    box-sizing: border-box;
    padding: 0;
    margin: 30px 0 0 0;
}

.upgrade-cont .descuento-upgrade,
.upgrade-cont .favor-upgrade {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.upgrade-cont .descuento-upgrade .tooltip,
.upgrade-cont .favor-upgrade .tooltip {
    color: #777777;
    border: solid 2px #777777;
    height: auto;
    display: inline-block;
    margin-left: 4px;
    width: 10px;
}

.total-setup {
    margin-top: 20px;
}

#side_box .otros_precios {
    display: none;
}

#side_box select {
    width: 160px;
    height: 30px;
    max-width: 100%;
    border: 1px solid #666666;
    border-radius: 5px;
    padding: 3px;
    background: #ffffff;
}

.copia .conf_items_containers {
    margin-bottom: 0;
}

.conf_item_box.licencias {
    padding-top: 120px;
    padding-bottom: 30px;
}
.conf_item_box.ssl {
    padding-bottom: 30px;
}

.copia .conf_items_container>li.titulo {
    margin-bottom: 16px;
}

.copia .conf_items_container>li img {
    margin-top: -5px;
}

.copia .conf_items_container li .span-tit {
    display: none;
} 

#side_box .favor-upgrade,
#side_box .total-upgrade {
    margin-top: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    position: relative;
    width: 100%;
}

#side_box .total-upgrade .upgradeFinal {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#side_box .total-upgrade .upgradeFinal span.simbolo-moneda {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
}


#side_box .total-upgrade .upgradeFinal span.num_entero {
    font-size: 35px;
    font-weight: bold;
}

#side_box .total-upgrade .upgradeFinal span.num_decimal {
    font-size: 18px;
    vertical-align: top;
    line-height: 1.2;
    font-weight: 600;
    position: relative;
    bottom: 5px;
}

#side_box.upgrade span.costo_tit.total-a-pagar {
    display: none;
}
#side_box span.costo_tit.costo {
    display: none;
}

#side_box.upgrade span.costo_tit.costo {
    display: block;
}
#side_box .periodicos{
    text-align: right;
    width: max-content;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: end;
}
#side_box .cont-tachado-descuento {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    margin-bottom: 3px;
}
#side_box .badge-descuento-total {
    display: none;
    color: #3a7bff;
    background: #e5eeff;
    border-radius: 3px;
    padding: 2px 4px;
    font-weight: 600;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
}
#side_box .tachadoPeriodico{
    text-align: right;
    width: max-content;
    color: var(--gris50);
}
#side_box .tachadoPeriodico.precio-tachado-xl .num_entero,
#side_box .tachadoPeriodico.precio-tachado-xl .simbolo-moneda {
    font-size: 16px;
    font-weight: 600;
}

#side_box .tachadoPeriodico.precio-tachado-xl .num_decimal {
    font-size: 11px;
    font-weight: 600;
    top: 0;
}

#side_box span.descuentoAplicable,
#side_box.upgrade .totalPeriodico .num_entero {
    font-weight: bold;
    font-size: 25px;
}

#side_box .totalPeriodico .num_entero {
    font-weight: bold;
    font-size: 40px;
}

#side_box .totalPeriodico .simbolo-moneda,
#side_box span.descuentoAplicable .simbolo-moneda{
    font-size: 25px;
    font-weight: 600;
}

#side_box span.descuentoAplicable .num_decimal{
   line-height: normal;
}

#side_box .cont-descuento-aplicado {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#side_box span.saldoFavor span.simbolo-moneda,
#side_box span.upgradeFinal span.simbolo-moneda {
    font-size: 18px;
    margin-top: 10px;
    font-weight: 600;
}

#side_box span.saldoFavor span.num_entero,
#side_box span.upgradeFinal span.num_entero {
    font-weight: bold;
    font-size: 35px;
}

#side_box span.saldoFavor span.num_decimal,
#side_box span.upgradeFinal span.num_decimal {
    font-weight: 600;
    font-size: 16px;
    vertical-align: top;
    line-height: 1.2;
    margin-left: 2px;
    margin-bottom: 5px;
}

#side_box span.saldoFavor span.moneda,
#side_box span.saldoFavor span.entero,
#side_box span.saldoFavor span.decimal {
    color: #56a846;
    font-weight: 800;
    font-size: 30px;
}

#side_box span.saldoFavor span.decimal {
    font-size: 18px;
    font-weight: 400;
    position: relative;
    bottom: 5px;
}

#side_box span.descuentoAplicable span.moneda {
    font-size: 18px;
}

#side_box span.descuentoAplicable span.entero {
    font-size: 22px;
}

#side_box span.descuentoAplicable span.decimal {
    font-size: 12px;
    line-height: 1.6;
}

#side_box .favor-upgrade {
    color: var(--gris100);
}

#side_box .favor-upgrade .costo_tit .texto-l{
    font-weight: 600;
}

#side_box .favor-upgrade .saldoFavor {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

#side_box .setup {
    margin-top: 15px;
}

.tooltip {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    position: relative;
    margin-right: 10px;
    text-align: center;
    border: solid 2px #3497DB;
    border-radius: 50%;
    color: #3497DB;
}

.tooltip i {
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin: auto;
}

.tooltip p {
    visibility: hidden;
    background: #fff;
    color: #000;
    font-weight: 400;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
    padding: 10px;
    width: 260px;
    position: absolute;
    left: -100px;
    top: -105px;
    box-sizing: border-box;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.tooltip i:hover {
    cursor: pointer;
}

.tooltip i:hover+p {
    visibility: visible;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.tooltip span.tri {
    position: absolute;
    background: #fff;
    height: 12px;
    width: 12px;
    bottom: -6px;
    right: 142px;
    transform: rotate(45deg);
}

.favor-upgrade .tooltip p {
    top: -124px;
}

.modal-vcpu-memoria,
.so-modal {
    display: none;
}

.overlay .text p {
    font-size: 16px;
}

.overlay.alerta .text p {
    font-size: 14px;
}

.overlay .text ul {
    padding: 0 20px 20px 20px;
    font-size: 14px;
    list-style: disc;
}

.overlay .text ul li {
    margin: 15px 0;
}

.overlay-msg p.text a {
    color: #0066CC;
    cursor: pointer;
}

.alerta-win {
    font-size: 13px;
    margin-top: 15px;
    line-height: 1.2;
    background-color: #FFF1D7;
    border-radius: 4px;
    padding: 8px;
    display: none;
}

.alerta-ferozo-win {
    font-size: 13px;
    margin-top: 15px;
    line-height: 1.2;
    background-color: #FFF1D7;
    border-radius: 4px;
    padding: 8px;
    display: none;
}

.alerta-paneles {
    font-size: 13px;
    margin-top: 15px;
    line-height: 1.2;
    background-color: #FFF1D7;
    border-radius: 4px;
    padding: 8px;
    display: none;
}

.alerta-cpanel {
    font-size: 13px;
    margin-top: 15px;
    line-height: 1.2;
    background-color: #FFF1D7;
    border-radius: 4px;
    padding: 8px;
    display: none;
}

.alerta-memoria-sql {
    font-size: 13px;
    margin-top: 15px;
    line-height: 1.2;
    background-color: #FFF1D7;
    border-radius: 4px;
    padding: 8px;
    display: none;
}

.alerta-licencias,
.alerta-remote,
.alerta-sql,
.alerta-unificada {
    font-size: 13px;
    margin-top: 15px;
    line-height: 1.2;
    background-color: #f1f6ff;
    border-radius: 4px;
    padding: 8px;
    display: none;
}

.alerta-remote a,
.alerta-sql a,
.alerta-unificada a {
    text-decoration: underline;
    color: #0099FF;
    cursor: pointer;
}


#leyenda-iva {
    color: #ffffff;
}

#cards {
    background-color: var(--cloud-pri);
    padding: 55px 0;
}

section#cards .cont-banners {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}

section#cards .cont-banners .banner {
    border-radius: 10px;
    background-color: #ffffff;
    width: 535px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px;
    margin: 20px;
    box-sizing: border-box;
    max-width: 100%;
    cursor: pointer;
}

section#cards .cont-banners .banner#ip-publica {
    cursor: initial;
}

section#cards .cont-banners .banner .cont-logo {
    width: 74px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

section#cards .cont-banners .banner .cont-texto {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: calc(100% - 89px);
}

section#cards .cont-banners .banner .cont-texto .titulo-xs {
    margin-bottom: 2px;
}

section#cards .cont-banners .banner .cont-texto .link-dark {
    color: #0099FF;
    font-size: 16px;
    font-weight: 600;
}

section#cards .cont-banners .banner .cont-texto .link-dark:hover {
    text-decoration: underline;
}

section#dejalo {
    background-color: #ffffff;
    padding: 200px 0;
}

/*faqs*/

section#faqs {
    background-color: var(--cloud-pri);
    padding: 200px 0 100px 0;
}

section#faqs .titulo-xl {
    margin-bottom: 50px;
    text-align: center;
}

section#faqs .boton-secundario-light {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 98px;
    text-align: center;
}

body.us section#faqs .boton-secundario,
body.int section#faqs .boton-secundario,
body.uy section#faqs .boton-secundario,
body.br section#faqs .boton-secundario {
    display: none;
}

section#faqs .width_wrap ul.acordeon>li {
    background-color: #ffffff;
}

section#faqs .width_wrap ul.acordeon>li img {
    max-width: 100%;
}

section#faqs .width_wrap #faqs-title {
    margin-bottom: 60px;
    text-align: center;
    overflow: hidden;
}

section#faqs .width_wrap .mas-preguntas {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

section#faqs .width_wrap .mas-preguntas .logo-conversacion {
    width: 48px;
    height: 38px;
    background-position: -580px -67px;
}

section#faqs .width_wrap .mas-preguntas .pregunta {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    margin: 0 20px;
    color: #ffffff;
}

section#faqs .width_wrap .mas-preguntas a.link-conversa {
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    text-decoration: underline;
    font-weight: 300;
}

section#faqs .width_wrap .mas-preguntas .texto-m-light {
    margin: 0 10px;
}


section#faqs .width_wrap  .info-desplegable {
    display: none;
    position: relative;
}

#leyenda-iva {
    color: #333333;
}

section#faqs .width_wrap  .info-desplegable h6,
section#faqs .width_wrap  .info-desplegable h2,
section#faqs .width_wrap  .info-desplegable h3 {
    text-align: center;
    margin-top: 50px;
}

section#faqs .width_wrap  .info-desplegable p a {
    color: #0099FF;
    text-decoration: none;
}

section#faqs .width_wrap  .info-desplegable ul {
    margin: 0 0 30px 0;
}

section#faqs .width_wrap  .info-desplegable li {
    margin: 0 0 0.8em;
    list-style: inside;
}

section.faqs .faqs__contenedor .icono-titulo i.material-icons {
    color: var(--cloud-pri);
}

.cont-precio-periodo {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}


.licencias .conf_items_container>.precio .cont-precio .simbolo-moneda,
.ssl .conf_items_container>.precio .cont-precio .simbolo-moneda {
    color: #0098de;
    font-size: 25px;
    font-weight: 800;
}

.licencias .conf_items_container>.precio .cont-precio .num_entero,
.ssl .conf_items_container>.precio .cont-precio .num_entero {
    font-weight: 800;
    color: #0098de;
    font-size: 45px;
}

.licencias .conf_items_container>.precio .cont-precio .num_decimal,
.ssl .conf_items_container>.precio .cont-precio .num_decimal {
    font-weight: 800;
    color: #0098de;
    font-size: 20px;
    line-height: 1.5;
}

.licencias .conf_items_container>.precio .cont-precio .periodo,
.ssl .conf_items_container>.precio .cont-precio .periodo {
    color: #999999;
    font-size: 12px;
}

.licencias .conf_items_container>.precio .nombre-moneda,
.ssl .conf_items_container>.precio .nombre-moneda {
    color: #333333;
    text-align: center;
    margin-top: 3px;
}

.licencias .conf_items_container>.precio .total-licencias,
.ssl .conf_items_container>.precio .total-licencias {
    margin: 0;
    text-align: center;
}

.licencias .conf_items_container p,
.ssl .conf_items_container p {
    margin: 0;
}

.licencias .conf_items_container p.nombre,
.ssl .conf_items_container p.nombre {
    font-weight: 800;
}

.licencias .conf_items_container p.precio,
.ssl .conf_items_container p.precio {
    color: #999999;
}

.licencias .conf_items_container>div,
.ssl .conf_items_container>div {
    display: flex;
    flex-direction: column;
}

.licencias .conf_items_container>div:first-child {
    margin-bottom: 15px;
}

.licencias .conf_items_container>div p.titulo,
.ssl .conf_items_container>div p.titulo {
    font-size: 12px;
    margin: 20px 0 10px 0;
}

.licencias .alertas,
.ssl .alertas {
    display: flex;
    padding: 10px 20px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 10px;
    background: #FFF1D7;
    margin-top: 30px;
}

.licencias .alertas .alerta::marker,
.ssl .alertas .alerta::marker {
    font-size: 12px;
}

.licencias .alertas .alerta,
.ssl .alertas .alerta {
    list-style: disc;
    display: list-item;
    margin-left: 15px;
}

.licencias .conf_items_container .titulo-grupo,
.ssl .conf_items_container .titulo-grupo {
    border-radius: 5px;
    background: #DEEFFF;
    color: var(--Paleta-principal-Azul-100, #0B77F4);
    padding: 10px 20px;
    font-family: "Roboto Condensed";
    margin-bottom: 15px;
}

.conf_items_container .tooltip-info, 
.licencias .conf_items_container .item .tooltip-info,
.ssl .conf_items_container .item .tooltip-info {
    cursor: pointer;
    margin-left: 5px;
    vertical-align: bottom;
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-shadow: none;
}

.conf_items_container .tooltip-info i,
.licencias .conf_items_container .item .tooltip-info i,
.ssl .conf_items_container .item .tooltip-info i {
    font-size: 17px;
    color: #5EAAFF;
}

.conf_items_container .tooltip-info .tooltip,
.licencias .conf_items_container .item .tooltip-info .tooltip,
.ssl .conf_items_container .item .tooltip-info .tooltip {
    display: none;
    position: absolute;
    width: 180px;
    border-radius: 5px;
    background-color: #333333;
    bottom: 20px;
    color: #ffffff;
    font-size: 12px;
    padding: 10px;
    z-index: 9;
    font-weight: 400;
    text-align: left;
    line-height: 1.1;
    border: none;
    height: auto;
}

.conf_items_container .tooltip-info .tooltip p,
.licencias .conf_items_container .item .tooltip-info .tooltip p,
.ssl .conf_items_container .item .tooltip-info .tooltip p {
    margin: 0;
}

.conf_items_container .tooltip-info:hover .tooltip,
.licencias .conf_items_container .item .tooltip-info:hover .tooltip,
.ssl .conf_items_container .item .tooltip-info:hover .tooltip {
    display: block;
}

.licencias .conf_items_container .item,
.ssl .conf_items_container .item {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* Tres columnas de igual ancho */
    gap: 10px; /* Espacio entre columnas */
    padding: 8px 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin: 2px 0;
    position: relative;
}

.licencias .conf_items_container .item label,
.ssl .conf_items_container .item label {
    z-index: 2;
    display: flex;
    align-items: center;
}
.licencias .conf_items_container .item .precio-licencia,
.ssl .conf_items_container .item .precio-licencia {
    z-index: 2;
}

.licencias .conf_items_container .item.agregado,
.ssl .conf_items_container .item.agregado {
    border-radius: 5px;
    position: relative;
}

.licencias .conf_items_container .item:not(.agregado):hover::before,
.ssl .conf_items_container .item:not(.agregado):hover::before {
    background-color: var(--verde50);
    opacity: .3;
    border-radius: 5px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.licencias .conf_items_container .item.agregado::before,
.ssl .conf_items_container .item.agregado::before {
    background-color: var(--verde100);
    opacity: .15;
    border-radius: 5px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.licencias .conf_items_container .item.agregado label,
.licencias .conf_items_container .item.agregado .precio-licencia,
.ssl .conf_items_container .item.agregado label,
.ssl .conf_items_container .item.agregado .precio-licencia {
    font-weight: 600;
    color: var(--verde100);
}

.licencias .conf_items_container .item select,
.ssl .conf_items_container .item select {
    -webkit-appearance: button;
    appearance: button;
    outline: none;
    border-radius: 5px;
    padding: 5px 15px 5px 5px;
    width: 210px;
    text-align: left;
    max-width: 100%;
    margin: auto 0 auto auto;
    color: #777777;
    z-index: 1;
}

.licencias .conf_items_container .item .precio-licencia,
.ssl .conf_items_container .item .precio-licencia {
    text-align: right;
}


.licencias .cantidad,
.ssl .cantidad {
    display: inline-flex;
    align-items: center;
    justify-content: end;
    border: 1px solid #ccc; /* mismo borde que el select */
    border-radius: 4px; /* radio del borde para que coincida */
    overflow: hidden; /* para redondear los bordes */
    font-family: Arial, sans-serif; /* misma fuente */
    color: #555; /* color del texto para que coincida */
    background: #ffffff;
    margin: auto 0 auto auto;
    width: 80px;
    position: relative;
    height: 30px;
}

.licencias .cantidad .num-cantidad,
.ssl .cantidad .num-cantidad {
    width: 60px;
    text-align: left;
    border: none;
    font-size: 14px; /* ajuste de tamaño de texto */
    outline: none;
    appearance: none;
    background-color: transparent;
    color: inherit; /* heredar el color de la cantidad */
}

.licencias .cantidad .agregar-quitar,
.ssl .cantidad .agregar-quitar {
    position: absolute;
    right: 0;
    font-size: 20px;
    cursor: pointer;
}

.licencias .cantidad .mas,
.ssl .cantidad .mas {
    top: -2px;
}

.licencias .cantidad .menos,
.ssl .cantidad .menos {
    bottom: -2px;
}

.overlay.alerta{
    max-height: 90%;
    overflow: auto;
}

.overlay.alerta div.alerta{
    margin: 10px 0 10px 18px;
}

.overlay.alerta .botones .btn.secundario {
    line-height: 24px;
}

.overlay.alerta .botones {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
    width: 100%;
    margin-top: 20px;
}

.overlay.ssl-mas-info-modal .html p {
    font-size: 16px;
}

.overlay.modal-detalles p{
    margin: 0;
}

.overlay.modal-detalles p.title{
    display: none;
}

.overlay.modal-detalles .sep-title{
    display: none;
}

.overlay.modal-detalles .totalResumen{
    margin-top: 20px;
    padding-left: 20px;
    list-style: disc;
}

.overlay.modal-upgrade-error .boton-principal{
    margin-top: 30px;
    float:right;
}

@media (max-width:1200px) {

    .cont-selector-cloud{
        min-width: 207px;
    }

    #conf_box {
        width: 66%;
    }
    #side_box {
        left: 69%;
        width: 300px;
    }

    .copia label.radio {
        align-items: center;
        padding-bottom: 20px;
    }

    .copia .conf_items_container>li {
        margin-bottom: 20px;
    }

    .copia .conf_items_container>li:last-child {
        margin-bottom: 0;
    }

    .copia .conf_items_container li.titulo {
        display: none;
    }

    .copia .conf_items_container#copia label.radio span.span-tit {
        display: inline;
        padding: 0;
    }

    .copia label.radio .reten {
        min-width: 100px;
        padding: 0 8px;
    }
    label.radio span.s_sprite.corona-semanal {
        margin-left: 2px;
    }
    
    label.radio span.s_sprite.corona-diario {
        margin-left: 0;
    }
    
    .copia #copia label.radio {
        display: block;
    }

    .copia #copia label.radio span {
        padding-left: 46px;
        display: block;
    }

    .copia #copia label.radio span{
        max-width: 96%;
        width: auto;
    }
    .copia label.radio .cont-selector .nombre {
        min-width: 144px;
    } 
    .cont-selector-cloud .selector .descuento {
        font-size: 12px;
    }

    #side_box.fixed {
        left: 69%;
    }
    #side_box.bottom{
        left: 69%;
    }

    #side_box div.cuotas .texto-s {
        font-size: 12px;
    }
}

@media (max-width:980px) {
    .cont-precio-periodo {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }
    #side_box .contenido-precio .boton .texto-chanchito>br {
        display: none;
    }
    section#dejalo {
        padding: 160px 0;
    }
    section#faqs {
        padding: 160px 0 100px 0;
    }
    #chat-widget-container {
        display: none!important;
    }
    #side_box span.saldoFavor span.decimal {
        bottom: 1px;
    }
    #side_box .total-upgrade .upgradeFinal span.decimal {
        bottom: 1px;
    }
    #side_box span.descuentoAplicable span.decimal {
        bottom: 3px;
        position: relative;
    }
    #side_box .descuento-upgrade .tooltip {
        position: relative;
        bottom: 2px;
        margin-right: 0;
    }
    .cont-periodo {
        flex-direction: column;
        align-items: flex-start!important;
    }
    #side_box .cont-precio {
        width: 100%;
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-end;
    }
    .conf_items_container {
        margin-top: 65px;
    }
    .licencias .conf_item_container ul {
        margin-top: 80px;
    }
    #side_box {
        position: fixed;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        padding: 17px 15px 15px 15px;
        top: auto!important;
        bottom: 0!important;
        right: 0;
        left: 0;
        margin: 0;
        z-index: 99;
        box-sizing: border-box;
        background-color: #ffffff;
    }
    #side_box.fixed {
        top: auto;
        right: 0;
        position: fixed;
        padding: 15px;
        box-sizing: border-box;
    }
    #side_box.bottom {
        right: 0;
        left: 0;
        width: 100%;
        margin: 0;
        bottom: 0;
        padding: 15px;
        box-sizing: border-box;
    }

    #conf_box {
        width: 100%;
        box-sizing: border-box;
    }
    section.conf_item_box {
        padding: 50px 20px 40px 20px;
    }
    section.conf_item_box.copia,
    section.conf_item_box.licencias {
        padding-top: 120px;
    }
    section.conf_item_box.copia .bajada-copia,
    section.conf_item_box.licencias .bajada-copia {
        font-size: 16px;
        margin: 0;
    }
    section.conf_item_box.copia .conf_items_container,
    section.conf_item_box.licencias .conf_items_container {
        margin-top: 30px;
    } 
    #side_box .cont-valores .cont-precios {
        flex-direction: column;
    }
    #side_box span.costo_tit {
        float: left;
        width: auto;
        margin: 0;
        padding: 0;
        font-weight: 300;
    }
    #side_box span.totalPeriodico span.moneda,
    #side_box span.totalPeriodico span.entero {
        font-size: 16px;
    }
    #side_box span.totalPeriodico span.decimal {
        font-size: 12px;
    }
    #side_box select {
        display: inline-block;
        float: left;
        text-align: left;
        width: 100%;
        margin: 0;
        font-size: 14px;
        line-height: 1;
        padding: 0;
        height: 38px;
    }
    #side_box span.totalPeriodico,
    #side_box span.totalSetup {
        display: inline-block;
        float: right;
        text-align: right;
        margin: 0 0 6px 0;
        font-size: 14px;
        line-height: 1;
        padding: 0;
    }
    #side_box .moneda_impuestos {
        display: inline-block;
        float: right;
        text-align: right;
        width: 100%;
        margin: 0;
        line-height: 1.3;
        padding: 0;
    }

    #side_box .cont-tachado-descuento{
        margin-top: 10px;
    }
    .btn_contratar {
        width: 100%;
        box-sizing: border-box;
    }
    .cloud_configuracion.width_wrap {
        padding: 75px 15px 220px 15px !important;
    }

    .upgrade-cont {
        margin-top: 25px;
    }

    #side_box .favor-upgrade,
    #side_box .total-upgrade {
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        align-items: self-end;
        margin-top: 25px;
    }

    #side_box .favor-upgrade .costo_tit .texto-l{
        font-size: 20px;
    }

    #side_box .upgrade-cont span.costo_tit.texto-l{
        font-size: 20px; 
    }

    #side_box .cont-descuento-aplicado {
        align-items: flex-end;
    }
    #side_box .favor-upgrade .saldoFavor,
    #side_box .total-upgrade .upgradeFinal {
        width: auto;
    }
    .upgrade-cont .descuento-upgrade {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: self-end;
    }
    .tooltip p {
        left: -190px;
        width: 223px;
        top: -105px;
    }
    .tooltip span.tri {
        bottom: -6px;
        right: 15px;
    }
    #side_box .favor-upgrade .tooltip p {
        top: -120px;
        left: -30px;
    }
    #side_box .favor-upgrade .tooltip p .tri {
        bottom: -6px;
        left: 35px;
    }
    /**/
    #side_box .total-setup span.costo_tit span {
        font-size: 14px;
    }
    #side_box .total-setup span.costo_tit {
        font-size: 14px;
        margin-bottom: 30px;
    }
    #side_box span.totalSetup {
        display: block;
        margin-top: 6px;
    }
    #side_box.fixed {
        padding: 30px 0 0 0;
    }
    #side_box .detalles {
        margin-top: 0;
        box-shadow: none;
        border-radius: initial;
        padding: 17px 20px 21px 20px;
        width: 580px;
        max-width: 100%;
        box-sizing: border-box;
        display: none;
    }
    #side_box .totalResumen {
        line-height: 20px;
        font-size: 12px;
        font-weight: 300;
        padding-left: 20px;
        list-style: disc;
    }
    
    #side_box .totalResumen li {
        font-weight: 400;
    }
    
    #side_box .totalResumen li .texto-m {
        width: calc(100% - 15px);
        font-size: 14px;
    }

    #side_box .ver_detalles{
        display: none;
    }

    #side_box .contenido-precio {
        box-shadow: none;
        border-radius: initial;
        padding: 36px 20px 20px;
        width: 500px;
        max-width: 100%;
        box-sizing: border-box;
        order: 1;
    }
    body.ar #side_box .contenido-precio {
        width: 580px;
    }
    #side_box.bottom {
        padding: 30px 0 0 0;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    #side_box {
        padding: 30px 0 0 0;
        box-shadow: 0px 5px 20px 0px rgb(11 119 244 / 15%);
    }
    label.checkbox strong {
        font-size: 14px;
    }
    #side_box .contenido-periodo {
        width: 150px;
    }
    #side_box:not(.bottom) {
        overflow: hidden scroll;
        left: 0;
        border-radius: 7px 7px 0 0;
        box-shadow: 0 -5px 20px 0 rgba(11, 119, 244, 0.30);
    }
    #side_box .contenido-precio .boton {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
    span.titulo-xm {
        text-align: center;
    }
    
    .cont-selector-cloud .selector .descuento{
        white-space: nowrap;
    }
    #side_box .contenido-precio .cont-descuento {
        flex-direction: row;
        justify-content: flex-end;
    }
    #side_box .contenido-precio .cont-descuento .texto-descuento {
        margin: 0 10px 0 0;
    }
    #side_box .contenido-precio .cont-descuento>div {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    #side_box .contenido-precio .cont-descuento {
        margin-bottom: 10px;
    }
    #side_box .contenido-precio.descuento {
        padding-top: 10px;
    }
    #side_box .link {
        display: initial;
    }
    #side_box .detalles .titulo-lista-componentes {
        display: block;
    }
    #side_box .detalles hr {
        display: block;
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .licencias .conf_items_container,
    .ssl .conf_items_container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .licencias .conf_items_container .item select,
    .ssl .conf_items_container .item select {  
        width: 140px;
    }

    .licencias .conf_items_container>.precio,
    .ssl .conf_items_container>.precio {
        width: auto;
        align-items: center;
        margin-top: 50px;
    }
}

@media (max-width: 700px) {
    label.checkbox span.costo {
        margin-left: 0;
        line-height: 2.5;
        width: 180px;
        text-align: right;
    }

    .conf_items_container .memoria-ram-titulo .tooltip-info .tooltip {
        right: -90px;
    }
}

@media (max-width: 640px) {
    label.checkbox span.costo {
        margin-left: 40px;
        width: auto;
        text-align: left;
    }
    label.checkbox {
        flex-direction: column;
    }
    label.checkbox strong {
        display: inline;
        width: calc(100% - 40px);
        line-height: 1.3;
    }
    #otros label.checkbox strong {
        margin: 0;
    }
    .conf_items_container:not(#otros) label.checkbox .cont-selector {
        align-items: center;
    }
    #cards .cont-banners .banner {
        width: 100%;
    }
}

@media (max-width: 600px) {
    section.disco .slider_container {
        display: none;
    }
    section.disco .select_container {
        display: block;
    }
    section.disco .select_container .select_hd {
        width: 100%;
        padding: 9px;
        border-radius: 4px;
    }
    section#cards .cont-banners .banner {
        margin: 20px 0;
        padding: 20px 15px;
    }
    .cont-precio-periodo {
        flex-direction: column;
    }

    .licencias .conf_items_container p.precio,
    .ssl .conf_items_container p.precio {
        margin-left: 35px;
    }

    .licencias .title br,
    .ssl .title br {
        display: none;
    }

    .licencias .conf_items_container .item,
    .ssl .conf_items_container .item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .licencias .conf_items_container .descripcion,
    .ssl .conf_items_container .descripcion {
        justify-content: flex-start;
    }

    .licencias .conf_items_container .item select,
    .licencias .cantidad,
    .ssl .conf_items_container .item select {
        margin: 0 auto 0 0;
        z-index: 1;
    }


    .licencias .conf_items_container .item .precio-licencia,
    .ssl .conf_items_container .item .precio-licencia {
        width: 100%;
        margin-top: -35px;
    }

    .licencias .conf_items_container .botones,
    .ssl .conf_items_container .botones {
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: flex-end;
    }

    .licencias .conf_items_container .botones .agregar,
    .ssl .conf_items_container .botones .agregar {
        margin-bottom: 15px;
    }

    .licencias .conf_items_container .item .tooltip-info:hover .tooltip,
    .ssl .conf_items_container .item .tooltip-info:hover .tooltip {
        width: 140px;
        left: -70px;
    }  
    
    .conf_items_container .container-opciones {
        display: block;
    }
    .conf_items_container .titulo-opciones {
        margin-bottom: 8px;
        display: block;
    }
    .tooltip-info,
    [data-tooltip]:after,
    [data-tooltip]:before {
        display: none !important;
    }
    .cont-selector-cloud{
        min-width: 190px;
    }
    .cont-selector-cloud .selector .descuento {
        top: -30px;
    }
    .cont-selector-cloud .selector .descuento .triangulo {
        border-width: 14px 11.5px 0 11.5px;
    }
    .cont-selector-cloud .selector {
        padding: 1px 20px;
    }
    .cont-selector-cloud {
        margin: 0 auto 25px auto;
    }
    #side_box .cont-valores .cont-precios {
        flex-direction: row;
    }
    #side_box .cont-valores .cont-tachado-descuento {
        margin-right: 5px;
    }
    #side_box .cont-valores .tachadoPeriodico .num_entero,
    #side_box .cont-valores .tachadoPeriodico .simbolo-moneda {
        font-size: 16px;
    }
    #side_box .cont-valores .totalPeriodico .simbolo-moneda {
        font-size: 20px;
    }
    #side_box .cont-valores .totalPeriodico .num_entero {
        font-size: 35px;
    }
    #side_box .cont-valores .totalPeriodico .num_decimal {
        font-size: calc(35px * 0.4);
    }
    #side_box .cont-precio .precio-tachado .num_decimal {
        top: 0.5px;
        font-size: 10px;
    }
    #side_box .boton-principal {
        padding: 10px 30px;
        margin-top: 27px;
    }
    .cont-selector-cloud .selector {
        font-size: 14px;
    }
    #side_box .contenido-precio.descuento .cont-descuento {
        justify-content: center;
    }
}

@media (max-width: 460px) {
    header .logo.s_sprite {
        display: none;
    }
    #side_box .contenido-precio .cont-descuento>div {
        flex-direction: column;
    }
    #side_box .contenido-precio .cont-descuento .texto-descuento {
        margin: 0;
    }
}

@media (max-width: 450px) {
    label.checkbox strong .cantidad {
        margin: 0 0 0 8px;
    }
    section.conf_item_box header .texto .bajada {
        font-size: 12px;
    }
    section.conf_item_box header .texto .titulo {
        font-size: 20px;
    }
    label.checkbox strong {
        display: flex;
        flex-direction: column;
    }
    .licencias-cpanel,
    .licencias-ferozo {
        margin: 0;
    }
    select.licencias-ferozo {
        margin: 0;
    }
    section.conf_item_box header {
        height: 110px;
    }
    section.conf_item_box {
        padding: 70px 20px 40px 20px;
    }

    .licencias .conf_items_container .item .precio-licencia,
    .ssl .conf_items_container .item .precio-licencia {
        margin-top: 0;
    }
    section.conf_item_box header .texto .titulo-m {
        font-size: 34px;
    }
}