@font-face {
    font-family: "AMX regular";
    src: url("Roboto-Regular.woff");
    font-display: auto;
  }
@font-face {
    font-family: "AMX regular";
    src: url("AMX-Regular.woff");
    font-display: auto;
}
@font-face {
    font-family: "../fonts/AMX bold";
    src: url("AMX-Bold.ttf");
    font-display: auto;
}
@font-face {
    font-family: "AMX light";
    src: url("AMX-Light.ttf");
    font-display: auto;
}

@font-face {
    font-family: "AMX black";
    src: url("AMX-Black.ttf");
    font-display: auto;
}

@font-face {
    font-family: "claroicons";
    src: url("../fonts/claroicons.woff");
    font-display: auto;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body, * {
    color: #222;
    font-family: "AMX regular";
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'AMX regular';
    padding: 0;
}

hr {
    border-top: 3px solid #AFAFAF;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
}

.sub-title {
    color: #222;
    font-family: 'AMX regular';
    font-size: 1.2em;
    font-weight: 300;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.formulario .sub-title {
    padding-left: 15px;
    padding-right: 15px;
    word-spacing: 5px;
}
.sub-confirmacion {
    font-size: 25px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.text-left {
    text-align: left !important;
}

.row, .row > * {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0 !important;
}

.form-control:focus {
    border-color: #afafaf !important;
}

/* Inicio estilos barra de navegación. */
.navbar {
    border-radius: 0;
    margin-bottom: 0;
}

/*.navbar img {
    width: 98px;
    height: 30px;
}*/

.navbar-default {
    background-color: #E52A1B;
    border-color: #E52A1B;
  
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover {
    color: #fff;
    padding: 6px 15px;
    font-size: 3.5rem;
}

.navbar-default .navbar-text {
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 45px;
}

/* Fin estilos barra de navegación. */

/* Inicio estilo de botones. */
.btn.btn-primary2, .btn.btn-primary3 , .btn.btn-primary4 , .btn.btn-primary5{
    font-family: 'AMX regular';
    font-weight: 400;
    margin-top: 20px;
    padding: 8px;
    border-radius: 5px;
}

/* Fin estilo de botones. */

/* Inicio estilos inicio.php */
.pant-inicio {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
}

#page-wrap {
    margin: 20px 24%;
}

.barra-nav {
    color: #E52A1B;
    font-family: 'AMX regular';
    font-size: .9rem;
    font-weight: 400;
}

.barra-nav a {
    color: #E52A1B;
    font-family: 'AMX regular';
}

.subtitulo-claro {
    color: #222;
    font-family: 'AMX regular';
    font-size: 1.2rem;
    font-weight: 300;
    padding: 10px 8px 0 8px;
    padding-top: 20px;
}

.selecc-opcion {
    color: #222;
    font-family: 'AMX regular';
    font-size: 1.2rem;
    font-weight: 300;
    margin: 0;
    padding: 10px 2% 0;
}

/* Fin estilos inicio.php */

/* Inicio estilos de formularios.php */
.formulario {
    padding-top: 0px;
    padding-bottom: 50px;
}

.formulario .barra-nav {
    color: #E52A1B;
    font-family: 'AMX regular';
    font-size: .9rem;
    font-weight: 500;
}

#titulo_claro {
    color: #222;
    font-size: 32px;
    font-weight: 700;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 0;
    padding-top: 20px;
    text-align: center;
    vertical-align: middle;
}

#form {
    /*border-top: 3px solid #AFAFAF;*/
    padding-top: 10px;
}

.span_numeros {
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    padding: 0 0 0 5px;
    margin-right: 10px;
}
label, .visualCaptcha-explanation {
    text-align: justify;
    color: #5E5E5E;
    font-weight: 400;
}
.submsg-captcha {
    font-size: 16px;
    color: #AFAFAF;
    font-weight: 300;
}
input[type="text"], input[type="password"], input[type="email"] {
    
    
    line-height: 1em;
    background-color: #fff;
    color: #222;
    font-size: 1.2rem;
    font-weight: 300;
    padding: 0 10px;

    
}
.register-switch {
    clear: both;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-top: 0 !important;
    margin-left: 0%;
}
.register-switch-span {
    font-size: 16px;
    color: #5E5E5E;
    font-family: 'AMX regular';
}
.content-switch {
    height: 40px;
    padding: 2px !important;
    background: #E52A1B;
    border-radius: 25px;
    margin-left: 5%;
    margin-right: 5%;
    width: 85px;
}
.register-switch-label {
    padding-top: 1.5%;
    float: left;
    width: 50%;
    height: 100%;
    line-height: 32px;
    color: #000;
    text-align: center;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-indent: 100%;
    overflow: hidden;
}
.register-switch-input {
    display: none;
}
.register-switch-input:checked + .register-switch-label {
    color: #fff;
    background: #fff;
    border-radius: 50%;
    text-indent: 100%;
    overflow: hidden;
}
select {
    /*-moz-appearance: none;*/
    background-color: #fff !important;
    border: 1px solid #AFAFAF !important;
    color: #AFAFAF !important;
    font-size: 1.2rem !important;
    font-weight: 300;
}
.visualCaptcha {
    margin-bottom: 0px;
}
.visualCaptcha-accessibility-button {
    display: none;
}
/*select#TIPO_COMPRA:focus {
    border-color: #AFAFAF !important;
    box-shadow: 10px 6px 7px 3px #afafaf;
}*/
.btn.btn-primary2 {
    background-color: #E52A1B;
    font-size: 18px;
    width: 100%;
    
    color: #fff;
}
.btn.btn-primary2:hover, .btn.btn-primary2:active {
    background-color: #E52A1B;
}
.btn.btn-primary3 {
    background-color: #5E5E5E;
    font-size: 18px;
    width: 100%;
    /*text-transform: uppercase;*/
    color: #fff;
}
.btn.btn-primary3:hover, .btn.btn-primary3:active {
    background-color: #5E5E5E;
}
/* Estilos del carousel */
.owl-carousel {
    border: 1px solid #afafaf;
    padding: 15px;
}
.owl-nav {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.owl-nav .owl-prev {
    margin-left: -6px;
}
.owl-nav .owl-next {
    margin-right: -6px;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    bottom: 120px;
    position: relative;
}

.owl-item {
    padding: 20px 20px 0;
}
.owl-item .paquete {
    line-height: 1.5;
	padding: 10px;
    /*padding-left: 30px;*/
}
.owl-item .paquete-selected {
    background-color: #E52A1B;
}
.owl-item .paquete label {
    font-weight: 300;
}
.owl-item .paquete span {
    color: #E52A1B;
    display: block;
    font-weight: 700;
    text-align: center;
}
.owl-item .paquete small {
    display: block;
    font-size: 1rem;
    margin-bottom: 5px;
    text-align: center;
}
.owl-item .paquete a {
    font-weight: 500;
    width: auto;
    color: #fff;
    background: #E52A1B;
    font-size: 1rem;
    padding: 5px;
}

.owl-item .paquete-selected .cl_sel_paq,
.owl-item .paquete-selected span,
.owl-item .paquete-selected small {
    color: #fff;
}
.owl-item .paquete.paquete-selected a {
    background-color: #fff;
    color: #E52A1B;
}
/**/
/* Estilos lista de forma de pago. */
#FORMA_PAGO_ {
    width: 100% !important;
    margin-top: 0;
}
.dd-container {
    width: 100% !important;
}
.dd-select {
    width: 100% !important;
    border-radius: 5px;;
}
.dd-selected {
    background-color: #fff;
    padding: 2px !important;
    width: 100% !important;
    border-radius: 5px; 
}
.dd-selected-image {
    width: 40px;
}
.dd-selected-text {
    color: #222;
    font-weight: 300;
    line-height: 40px !important;
}
.dd-options {
    position: relative !important;
}
.dd-options.dd-click-off-close {
    width: 100% !important;
}
.dd-option.dd-option-selected {
    background-color: #fff !important;
    padding: 2px;
}
.dd-option {
    background: rgb(255, 255, 255) none repeat scroll 0% 0% !important;
    border-bottom: solid 1px #edeef0 !important;
    padding: 2px !important;
}
.dd-option-image {
    width: 40px;
}
.dd-option-text {
    color: #222;
    font-weight: 300;
    line-height: 40px !important;
}

.cl_sel_paq {
    font-weight: 700 !important;
}
/* Fin estilos de formularios.php */

/* Inicio estilos de confirmacion.php y estadoMsg.php */

.registro .etiqueta {
    font-size: 1.2rem;
    font-weight: 700;
    padding-left: 0px;
}

.confirmacion-pago .form-group div {
    padding-top: 7px;
    font-weight: 300;
    font-size: 20px;
}

#confirm {
    /*border-top: 3px solid #AFAFAF;*/
    padding-top: 0px;
    width: 100%;
    margin: 4% 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Fin estilos de confirmacion.php y estadoMsg.php */

/* Inicio estilos pagos.php */
/*label#LB_ASOCIAR_CLPAY::after {
    content: url(http://200.29.119.96:7081/personal/claro/imagenes/icono-claropay.png);
    transform: scale(0.6);
    display: inline-block;
    margin-left: -40px;
    margin-top: -15px;
}*/
.logo_pse {
    height: 85px;
    width: 85px;
}

#LB_ASOCIAR_CLPAY .tarjeta-asocia {
    display: flex;
    flex-direction: column-reverse;
}

#LB_ASOCIAR_CLPAY .tarjeta-asocia img {
    width: 150px;
}

.content-switch-negativo {
    background: #AFAFAF;
    height: 40px;
    padding: 2px !important;
    border-radius: 25px;
    margin-left: 5%;
    margin-right: 5%;
    width: 85px;
}

.datos-transac {
    display: flex;
    flex-direction: column;
}
.datos-transac label {
    font-size: 18px;
}
.inf-transac {
   /* width: 100%;*/
    order: 2;
}
.inf-tarj {
    background-color: #f0f0f0;
    border: 2px solid #afafaf;
    order: 1;
    padding: 20px 15px;
    width: 100%;
}

.datos-transac .inf-transac h3 {
    margin-bottom: 20px;
    margin-top: 20px;
}

/* Estilos css requerimiento Pago Saldo Parcial */

.mesaje_parcial{
    
    /*position: relative;*/
    top: 300px;
    width: 100%;
    order: 3;
    border-radius: 10px 10px 10px 10px;
    background-color: #ffffff !important;
    text-align: left;
        
}

.img_title{
     
    width: 50px;
    height: 50px;
    margin: 10px auto;
    top: auto;
    display: inline-block;
    position: relative;
    left: 40%;
   
}

.info_par{
	border-radius: 10px !important ;
    margin: -30px 20px auto 20px;
    display: inline-flex;
    text-align: start;
}



.info_men_par{
    
    margin: 0px auto;
    font-size: 15px;
    color: #000000;
    text-align: justify;
    word-break: normal;         
}

/* FIN Estilos css requerimiento Pago Saldo Parcial */

.datos-transac .inf-transac h3, .datos-transac .inf-tarj h3 {
    font-weight: 500;
    color: #222;
    font-size: 1.5rem;
    /*padding: 0 15px;*/
}

.inf-transac .col-xs-12 {
    padding-right: 0 !important;
}

.inf-transac #imprimir,
.inf-transac #finalizar {
    padding-right: 0px !important;
}

.pagos {
    padding-top: 20px;
    padding-bottom: 50px;
}

/*.pagos .form-horizontal .inf-tarj .form-group {
    padding: 0 15px;
}*/
.pagos .expli-claroPay {
    font-size: 15px !important;
    text-align: center;
    margin-left: 0%;
    color: #5E5E5E
}

.pagos .form-horizontal .inf-tarj .control-label {
    text-align: left;
}

.pagos .form-horizontal .inf-tarj div {
    padding-top: 7px;
    font-weight: 300;
    font-size: 20px;
}

.inf-asocia {
    order: 3;
}

#pagos {
    /*border-top: 3px solid #AFAFAF;*/
    padding-top: 10px;
    width: 100%;
    margin: 4% auto;
}

.conta-tarjetas {
    border: 0;
    display: flex;
    flex-direction: row;
    height: auto;
}

.conta-tarjetas .cards {
    align-items: center;
    /*border-bottom: 1px solid #afafaf;*/
    display: flex;
    flex-direction: row;
    justify-content: start;
    padding: 5px;
    opacity: .5;
    width: 30%;
}
.cards input[type="radio"] {
    display: none;
    margin: 0 15px;
    visibility: hidden;
}

.unopacity {
    opacity: 1 !important;
}

.cards img {
    width: 80px;
}
.conta-fecha {
    border: 0;
    height: auto;
}
.conta-elemento {
    border: 0;
    height: auto;
}
input[type="radio"] {
    width: auto;
    margin-bottom: 0;
}

.form-control {
    background-color: #fff;
}


#CODIGO_SEGURIDAD::after {
    content: url('personal/claro/imagenes/code-security.png');
    position: absolute;
   
}



.pagos .error {
    clear: both;
    font-size: 12px;
    display: block;
    margin-left: 10px;
}

.pagos .form-horizontal .form-group {
    margin-right: 0;
}

.pagos .checkbox {
    margin-left: 0;
    padding: 0px !important;
    width: 100%;
}

.pagos .checkbox label {
    margin-left: 5px;
}

.pagos input[type="checkbox"] {
    display: none;
    height: auto;
    margin-left: 0px;
    margin-top: 9px;
    width: auto;
}

.pagos .checkbox  a {
    color: #EF3829;
    font-family: 'AMX regular';
    font-size: 1rem;
    font-weight: 400;
}

/* Fin estilos pagos.php */

/* Inicio estilo confirmaPagos.php */
.btns-pago .btn {
    height: auto;
}
.btns-pago td {
    padding: 0 10px !important;
}

/* Inicio estilos estadoMsg.php */
.estadoMsg {
    padding-top: 20px;
}

.estadoMsg .msg-estado {
    color: #222;
    font-size: 21px;
    font-weight: 300;
}

.estadoMsg .pie-pagina {
    padding-top: 100px;
}

.tarjeta-asocia {
    display: flex;
    align-items: center;
}

.tarjeta-asocia img {
    margin-right: 10px;
    width: 50px;
}
/* Fin estilos estadoMsg.php */

/* Inicio estilos para textos de anuncio de tarjeta debito como credito */
.imagen__modal {
    display: flex;
    justify-content: center;
}
.modal__img {
    width: 75px;
}
.imagen__modal:first-child {
    display: none;
}
.texto__modal {
    color: #222;
    font-size: .85rem;
    padding: 15px;
    text-align: center;
}
.texto__desc {
    color: #5E5E5E;
    font-size: .75rem;
    padding: 0px;
    text-align: justify;
}
.texto__modal strong, .texto__desc strong {
    font-weight: 600;
    color:#5E5E5E;
}
.modal__img--tarjeta {
    width: 275px;
    height: 125px;
}
.modal__btn {
    border-top: 0;
    display: flex;
    justify-content: flex-end;
    margin-top: 0px;
}
.btn__modal {
    border-radius: 5px;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-top: 0px !important;
    padding: 0 15px;
    text-transform: capitalize !important;
}

.titulo-modalPagos {
    text-align: center;
    width: 100%;
    margin-bottom: 0;
}

.footer-modalPagos {
	margin-bottom: 20px;
}

/* Fin estilos para textos de anuncio de tarjeta debito como credito */

/* Estilo tienda virtual */
/*table tbody tr:nth-child(5) td:first-child {
    display: block;
    margin-top: 11px;
    position: absolute;
}*/

@media screen and (min-width: 600px) and (orientation: portrait) {
    .btn.btn-primary2, .btn.btn-primary3, .btn.btn-primary4 ,.btn.btn-primary5{
        max-width: 95%;
    }
}

@media (min-width: 541px) and (max-width: 780px) {
    .formulario {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    #titulo_claro {
        font-size: 32px;
        padding-left: 0;
    }
    .cards img {
        width: 40%;
    }

    #fecha {
        align-items: center;
        flex-direction: row;
    }
    #fecha .form-venci {
        width: 50%;
    }

    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        bottom: 90px;
        position: relative;
    }
    .form-control {
        border-radius: 6px !important;
        height: 35px;
        width: 92%;
        margin-left: 2.6%
    }
    #fecha >select{


        margin-left: -8%;
    }
    

    #fecha {
    
        height: 100%
        
    }
    #fecha .form-venci {
        min-height: 60%;
        width: 100%;
        height: 80%;
    }
    .form-control-label {
        border-radius: 6px !important;
height: 20px;
width: 90%;
margin-left: 2%;
margin-top: 15px
    }
    
}
@media (min-width: 781px) {
    .barra-nav {
        font-size: 1.5rem;
        font-weight: 400;
        padding-left: 7px;
    }
    .ajuste-barra-nav {
        font-size: .9rem;
    }

    .btn.btn-primary2, .btn.btn-primary3, .btn.btn-primary4, .btn.btn-primary5{
        margin-top: 4;
    }

    .subtitulo-claro {
        font-size: 2.3rem;
    }

    .selecc-opcion {
        font-size: 2.3rem;
        font-weight: 300;
        margin-left: 5px;
        padding: 0 2%;
    }

    .formulario {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    #titulo_claro {
        font-size: 32px;
        padding-left: 0;
    }
    .registro .etiqueta{
        font-weight: 700;
        padding-left: 10px;
    }
    
    #confirm {
        /*border-top: 3px solid #AFAFAF;*/
        padding-top: 10px;
        width: 80%;
        margin: 4% auto !important;
    }
    
    .logo_pse {
        height: 115px;
        width: 115px;
    }

    #pagos {
        /*border-top: 3px solid #AFAFAF;*/
        padding-top: 10px;
        width: 85%;
        margin: 4% auto;
    }

    .estadoMsg .btn-primary2 {
        width: 30%;
    }
    .texto__modal {
        font-size: 1.1rem;
    }
    .texto__desc {
        font-size: .9rem;
    }
    .btn__modal {
        font-size: 18px !important;
        font-weight: 700 !important;
        text-transform: capitalize !important;
        width: auto !important;
    }
	
	.titulo-modalPagos {
		text-align: center;
		width: 100%;
		margin-bottom: 0;
	}
	
	.footer-modalPagos {
		margin-bottom: 20px;
	}
		
    .form-control {
        border-radius: 6px !important;
        height: 35px;
        width: 92%;
        margin-left: 1%
    }

    #fecha >select{


        margin-left:-3%;
    }

    #fecha {
    
        height: 100%
        
    }
    #fecha .form-venci {
        min-height: 60%;
        width: 100%;
        height: 80%;
    }

    

    .form-control-label {
        border-radius: 6px !important;
    height: 20px;
    width: 90%;
    margin-left: 2%;
    margin-top: 15px
        
    }
}

/* Estilos sacados de otros archivos para modificar alguna propiedad */
#msg_error {
    width: auto;
    line-height: 1.5;
}
.visualCaptcha-possibilities .visualCaptcha-selected {
    background-color: #F2F2F2;
}
@media only screen and (max-width: 360px) {
    .accessibility-description, .status.valid, .visualCaptcha-explanation {
        font-size: 18px;
    }

    #fecha {
    
        height: 100%
        
    }
    #fecha .form-venci {
        min-height: 60%;
        width: 100%;
        height: 80%;
    }

    .form-control-label {
        border-radius: 6px !important;
        height: 20px;
        width: 90%;
        margin-left: 2%;
        margin-top: 15px
    }
    
}

@media screen and (max-width: 736px) {
    input[type="button"], input[type="submit"], input[type="reset"], .button {
        max-width: 50em;
        width: 100%;
    }
    .p-title{

        
            text-align: center;
            white-space: normal;
            word-wrap: break-word;
    }
    .form-control {
        border-radius: 6px !important;
        height: 40px;
        width: 92%;
        /*margin-left: 1%*/
    }

    #fecha >select{


        margin-left: -2%;
        height: 50%;
    }

    #fecha {
    
        height: 70px
        
    }
    #fecha .form-venci {
        min-height: 60%;
        width: 100%;
        height: 70%;
        margin-top: 4px;
    }

    .form-control-label {
        border-radius: 6px !important;
        height: 20px;
        width: 90%;
        margin-left: 2%;
        margin-top: 1px
    }
}
@media screen and (max-width: 768px) and (min-width: 640px) and (orientation: landscape) {
    .btn.btn-primary2 {
        max-width: 100%;
    }
    .btn.btn-primary4 {
        max-width: 95%;
    }
    .btn.btn-primary5 {
        max-width: 95%;
    }
    .btn.btn-primary3 {
        max-width: 50em;
    }
    .form-control {
        border-radius: 6px !important;
        height: 35px;
        width: 92%;
        margin-left: 2.6%
    }

    #fecha >select{


        margin-left: 8%;
    }

    #fecha {
    
        height: 100%
        
    }
    #fecha .form-venci {
        min-height: 60%;
        width: 100%;
        height: 80%;
    }

    .form-control-label {
        border-radius: 6px !important;
        height: 20px;
        width: 90%;
        margin-left: 2%;
        margin-top: 15px
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {
    #tablaDetalleconfirma td {
        padding: 4px;
        width: 100%;
        margin-bottom: 5px;
    }

    .cards img {
        width: 60%;
    }

    img {
        width: 25%;
    }
    .form-control {
        border-radius: 6px !important;
        height: 35px;
        width: 92%;
        margin-left: 1%
    }

    #fecha >select{


        margin-left: 8%;
    }

    #fecha {
    
        height: 100%
        
    }
    #fecha .form-venci {
        min-height: 60%;
        width: 100%;
        height: 80%;
    }

    .form-control-label {
        border-radius: 6px !important;
        height: 20px;
        width: 90%;
        margin-left: 2%;
        margin-top: 15px
    }

    #fecha >select{

        width: 47%;
    }
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    #tablaDetalleconfirma td {
        padding: 4px;
        width: 65%;
        margin-bottom: 5px;
    }
    .form-control {
        border-radius: 6px !important;
        height: 35px;
        width: 92%;
        margin-left: 2.6%
    }

    #fecha >select{


        margin-left: 8%;
    }
    #fecha {
    
        height: 100%
        
    }
    #fecha .form-venci {
        min-height: 60%;
        width: 100%;
        height: 80%;
    }

    .form-control-label {
        border-radius: 6px !important;
height: 20px;
width: 90%;
margin-left: 2%;
margin-top: 0px
    }
}
/* */

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 368px) {
    td {
        position: relative;
        width: 100%;
    }
    .form-control {
        border-radius: 6px !important;
        height: 35px;
        width: 92%;
        margin-left: 2.6%
    }

    #fecha >select{


        margin-left: 8%;
    }

    #fecha {
    
        height: 100%
        
    }
    #fecha .form-venci {
        min-height: 60%;
        width: 100%;
        height: 80%;
    }

    .form-control-label {
        border-radius: 6px !important;
height: 20px;
width: 90%;
margin-left: 2%;
margin-top: 0px
    }
}

@media (min-width: 781px) {
    .datos-transac {
        flex-direction: row;
    }
    .inf-transac {
      /*  width: 62%;*/
        order: 1;
        
    }
    .inf-tarj {
        display: table;
        height: fit-content;
        order: 2;
        width: 57%;
    }

    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        bottom: 90px;
        position: relative;
    }

    .conta-tarjetas {
        flex-direction: row;
    }
    .conta-tarjetas .cards {
        flex-direction: row;
        border-bottom: 0px solid #afafaf;
        justify-content: space-around;
        align-content: center;
    }
    .cards img {
        width: 60%;
    }
    #fecha {
        align-items: center;
        flex-direction: row;
    }
    #fecha .form-venci {
        width: 50%;
    }

    .datos-transac .inf-transac #finalizar {
        margin-left: -15px;
    }
    .datos-transac .inf-transac #imprimir {
        margin-right: -15px;
    }

    #ASOCIAR_DOMICILIA_.register-switch {
        margin-left: -15px;
        justify-content: flex-start;
    }
    .form-control {
        border-radius: 5px !important;
        height:35px;
        width: 92%;
        margin-left: 1%
    }

    #fecha >select{


        margin-left: -3%;
    }

    #fecha {
    
        height: 100%
        
    }
    #fecha .form-venci {
        min-height: 60%;
        width: 100%;
        height: 80%;
    }

    .form-control-label {
        border-radius: 6px !important;
height: 20px;
width: 90%;
margin-left: 2%;
margin-top: 15px
    }
}

@media print {
    .box {
        width: 50%;
    }
}

/* Estilos sobreescritos de otroa archivos. */
@media screen and (max-width: 736px) {
    h1 {
        text-transform: unset;
    }
    .form-control {
        border-radius: 6px !important;
        height: 45px;
        width:100%;
        margin-left: 1%
    }
    #fecha >select{


        margin-left: 0%;
        height: 60%;
        width: 100%;
    }

   

    #fecha {
    
        height: 70px
        
    }
    #fecha .form-venci {
        min-height: 55%;
        width: 100%;
        height: 70%;
        margin-top: 4px;
    }

    .form-control-label {
        border-radius: 6px !important;
height: 20px;
width: 90%;
margin-left: 2%;
margin-top: 0px
    }
}

.logo_daviplata {    
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    display: block;
    width: 300px !important;
}

/* Mensaje Informativo Claro */

.informative_msjPR{
    
background-color: #f7f7f7 !important;
    border-radius: 10px !important;
    margin: 2% 10% 0% 10%;
    
}

.img_informative{
    
    position: relative;
    width: 4em;
    margin: 3% 3% -4% 4%;
    
}

.img_informative_mvl{
    
    position: relative;
    left: 36%;
    width: 4em;
    margin: 3% 3% 2% 4%;
    
}



.text_informative{
    font-size: 18px;       
    display: flex;
    padding: 20px;
    word-break: normal;
    margin: -4% 1% 2% 12%;
}

/* Inicio estilo de comprobante rediseño. */

.table{

    font-size: 85%;
}
 
.title{
    height: auto;
    min-height:32px;
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px;
    border-bottom: 3px solid #F2F2F2;
    
}
.p-title{
    color:#fff;
    margin-top:2px;
    font-size: 20px;
    white-space: normal;
    word-wrap: break-word;
    font-weight: medium;
    font-family: 'AMX regular';
}
.mt-3{
    font-size: 15px;
    font-family: 'AMX regular';
}

.sub-title2{

    height:auto;
    background-color:#625f5f;
}

.data{
    min-height:30px;
    background-color: #f5f4f4;
    border:1px solid #d5d4d4;
    margin-top:-3px;
   
}

.data >div{
    white-space: normal;
    word-wrap: break-word;
    margin-top: 5px;
    color: #625f5f;
    font-weight: 400;
    font-family: 'AMX regular';
    font-size: 14px;
}

.text-data{
    margin-top:1%;

}

.border-fin{

 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;

}



.btn.btn-primary4 {
    background-color: #E52A1B;
    font-size: 16px;
    width: 98%;
    
    color: #fff;
    height: 45px;
    white-space: normal;
    word-wrap: break-word;
    text-align: center;
    padding: 3%;
    font-family: 'AMX regular';
    
}
.btn.btn-primary5 {
    background-color: #5E5E5E;
    font-size: 16px;
    width: 98%;
    
    color: #fff;
    height: 45px;
    white-space: normal;
    word-wrap: break-word;
    text-align: center;
    padding: 3%;
    font-family: 'AMX regular';
    
}

.btn.btn-primary4:hover, .btn.btn-primary4:active {
    background-color: #E52A1B;
}


/*INICIO ESTILOS FOOTER REDISEÑO DEL GATEWAY*/


.navbar-default_foot1 {
    background-color: #313131;
    border-color: #313131;
    height: auto;
}

.navbar-default_foot1 .navbar-brand,
.navbar-default_foot1 .navbar-brand:hover {
    color: #fff;
    padding: 6px 15px;
    font-size: 3.5rem;
}

.navbar-default_foot1 .navbar-text {
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 40px;
}

.navbar-default_foot1MVL {
    background-color: #343434;
    border-color: #343434;
    height: auto;
}

.navbar-default_foot1MVL .navbar-brand,
.navbar-default_foot1MVL .navbar-brand:hover {
    color: #fff;
    padding: 6px 15px;
    font-size: 3.5rem;
}

.navbar-default_foot1MVL .navbar-text {
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 45px;
}



.navbar-default_foot2 {
    background-color: #050505;
    border-color: #050505;
    word-wrap: break-word;
    text-align: center;
    height: auto;
}

.navbar-default_foot2 .navbar-brand,
.navbar-default_foot2 .navbar-brand:hover {
    color: #fff;
    padding: 6px 15px;
    font-size: 3.5rem;
}

.navbar-default_foot2 .navbar-text {
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 45px;
}


.navbar-default_foot2MVL {
    background-color: #050505;
    border-color: #050505;
    word-wrap: break-word;
    text-align: center;
    height: 60%;
}

.navbar-default_foot2MVL .navbar-brand,
.navbar-default_foot2 .navbar-brand:hover {
    color: #fff;
    padding: 6px 15px;
    font-size: 3.5rem;
}

.navbar-default_foot2MVL .navbar-text {
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 45px;
}

.texto-footer{

    font-size: 80%;
    color: #edeef0;
    
}
.texto-footerMVL{

    font-size: 60%;
    color: #edeef0;
    
}

 #img-foot {
    width: 98px;
    height: 30px;
    min-width: 40px;
    min-height: 40px;
   
}

#img-footMVL {
    width: 98px;
    height: 30px;
    min-width: 40px;
    min-height: 40px;
   
}





.form-control >select{

    width: 98%;
} 

 

.terminos_con{
    color:cornflowerblue ;
}
.terminos_con:hover{
    color:cornflowerblue ;
}

.p-title-estado-exi{

    color:#4e9d85;    
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
    margin-top:2%;
}

.p-title-estado-recha{

    color:#E52A1B;
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
    margin-top:2%;
    font-family: 'AMX regular';
    font-size: 14px;
}

.p-title-img{

    margin-top:10%;
    

}
.p-title-img_mvl{

    margin-top:10%;

}
.frm_domicilia input{

    margin-left:0;
    
}

/*#ayuda_card{

    width: 60%;
    height: 60%;
}*/




/*INICIO ESTILOS HEADER NUEVO*/

.navbar_new {
    position: relative;
    min-height: 55px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

/* Inicio estilos barra de navegación. */
.navbar_new  {
    border-radius: 0;
    margin-bottom: 0;
}

.navbar_new  img {
    width: 90px;
    height: 28px;
    margin-top: 10px;
   
}

.navbar-default_new {
    background-color: #DA291C;
  
}

.navbar-default_new .navbar-brand,
.navbar-default_new .navbar-brand:hover {
    color: #fff;
    padding: 6px 15px;
    font-size: 3.5rem;
}

.navbar-default_new .navbar-text {
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
    margin-top: -4px;
    margin-bottom: 3px;
    padding-right: 0px;
}


.navbar_new_fondo {
    position: relative;
    min-height: 100px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    margin-top: 50px;
}

/* Inicio estilos barra de navegación. FONDO 1 */
.navbar_new_fondo  {
    border-radius: 0;
    margin-bottom: 0;
}

.navbar_new_fondo  img {
    width: 90px;
    height: 22px;
    margin-left: -20px;
}

.navbar-default_new_fondo {
    background-image: url('../images/../images/../images/fondo-top.png');
    -webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
   background-size: 100% 100% !important;
   background-repeat:no-repeat !important;
    
}

.navbar-default_new_fondo .navbar-brand,
.navbar-default_new_fondo .navbar-brand:hover {
    color: #000;
    padding: 6px 15px;
    font-size: 3.5rem;
}

.navbar-default_new_fondo .navbar-text_fondo {
    color: #5c5c5c;
    
    margin-top: 3%;
    margin-bottom: 0px;
    text-align: center;
    font-family: 'AMX regular';
    font-weight: 100;
}



.navbar-text_fondo {
    float: center;
    margin-left: 15px;
    margin-right: 15px;
   
}

.navbar_new_fondo {
    position: relative;
    min-height: 120px;
  
    border: 1px solid transparent;
    z-index: 1;
}

.navbar_new_fondoMvl {
    position: relative;
    min-height: 110px;
  
    border: 1px solid transparent;
    z-index: 1;
}

/* Inicio estilos barra de navegación. FONDO 2*/
.navbar_new_fondo2  {
    border-radius: 0;
    margin-bottom: 0;
}

.navbar_new_fondo2  img {
    width: 90px;
    height: 22px;
    margin-left: -20px;
}

.navbar-default_new_fondo2 {
    background-image: url('../images/../images/../images/fondo-top2.png');
    -webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
   background-size: 100% 100% !important;
   background-repeat:no-repeat !important;
   height: 90px;
   margin-top: -4px;
   
    
}


/*estilo en los divs de los textos en el enbezado*/





.titulo{

    margin-top: 2%;
}

.pagos_titulo{

    font-weight: 600;
    color: #EF3829;
}

.recargas_titulo{

    font-weight: 100;
    color: #E52A1B;
}

@media (min-width: 781px) {
    #fecha_pagos >select{
        margin-left: 1% !important;
        height: 38px;
        width: 30%;
    
    }
	
    .titulo{

        margin-top: 2%;
    }

    .divs_pasos{

        padding-left: 0px;
        padding-right: 0px;
        margin-top: 1px;
    }
    .active_text h3{
 
        color: #2c97ad;
        font-family: 'AMX regular';
        font-size: 14px;
        
   
   }
   
   .inactive_text h3{
    
       color: #000;
       font-family: 'AMX regular';
       font-size: 14px;
       
   
   }
 
}
@media only screen and (max-width: 360px) {
    #fecha_pagos >select{
        margin-left: 1% !important;
        height: 38px;
        width: 30%;
    
    }
	
    .titulo{

        margin-top: 2%;
    }
    .divs_pasos{

        padding-left: 0px;
        padding-right: 0px;
       
    }
    .active_text h3{
 
        color: #2c97ad;
        font-family: 'AMX regular';
        font-size: 14px;
        
   
   }
   
   .inactive_text h3{
    
       color: #000;
       font-family: 'AMX regular';
       font-size: 14px;
       
   
   }
  
}
@media screen and (max-width: 736px) {
    #fecha_pagos >select{
        margin-left: 1% !important;
        height: 38px;
        width: 30%;
    
    }
	
    .titulo{

        margin-top: 2%;
    }

    .divs_pasos{

        padding-left: 0px;
        padding-right: 0px;
       
    }
    .active_text h3{
 
        color: #2c97ad;
        font-family: 'AMX regular';
        font-size: 14px;
        
   
   }
   
   .inactive_text h3{
    
       color: #000;
       font-family: 'AMX regular';
       font-size: 14px;
       
   
   }
  
   
    
}



@media screen and (max-width: 768px) and (min-width: 690px) and (orientation: landscape) {
    #fecha_pagos >select{
        margin-left: 1% !important;
        height: 38px;
        width: 30%;
    
    }
	
    .titulo{

        margin-top: 2%;
    }

    .divs_pasos{

        padding-left: 0px;
        padding-right: 0px;
        margin-top: 32px;
       
    }
    .active_text h3{
 
        color: #2c97ad;
        font-family: 'AMX regular';
        font-size: 14px;
        
   
   }
   
   .inactive_text h3{
    
       color: #000;
       font-family: 'AMX regular';
       font-size: 14px;
       
   
   }
   
   
}



@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {

    #fecha_pagos >select{
        margin-left: 1% !important;
        height: 38px;
        width: 30%;
    
    }
    .navbar-default_new_fondo .navbar-text_fondo {
        
        font-size:2rem;
       
    }
	
    .titulo{

        margin-top: 2%;
    }

    .divs_pasos{

        padding-left: 0px;
        padding-right: 0px;
       
    }
    .active_text h3{
 
        color: #2c97ad;
        font-family: 'AMX regular';
        font-size: 17px;
        
   
   }
   
   .inactive_text h3{
    
       color: #000;
       font-family: 'AMX regular';
       font-size: 17px;
       
   
   }
  
}

@media screen and (min-width: 1024px) and (orientation: landscape) {

    #fecha_pagos >select{
        margin-left: 1% !important;
        height: 38px;
        width: 30%;
    
    }

    .navbar-default_new_fondo .navbar-text_fondo {
        
        font-size: 2rem;
       
    }
    
    .titulo{

        margin-top: 2%;
    }

    .divs_pasos{

        padding-left: 0px;
        padding-right: 0px;
    }
    .active_text h3{
 
        color: #2c97ad;
        font-family: 'AMX regular';
        font-size: 14px;
        
   
   }
   
   .inactive_text h3{
    
       color: #000;
       font-family: 'AMX regular';
       font-size: 14px;
       
   
   }
  

}



@media (max-width: 760px) and (min-width: 368px) {

    #fecha_pagos >select{
        margin-left: 1% !important;
        height: 40px;
        width: 106%;
    
    }

    .navbar-default_new_fondo .navbar-text_fondo {
        
        font-size: 1.6rem;
       
    }
	
    .g-recaptcha   {
        transform: scale(0.95);
        transform-origin: 0 0;
       }
    
    .titulo{

        margin-top: 0%;
    }

   
    .divs_pasos{

        padding-left: 0px;
        padding-right: -20px;
        margin-top: 32px;
    }
    .active_text h3{
 
        color: #2c97ad;
        font-family: 'AMX regular';
        font-size: 14px;
        margin-right: 15px;
   
   }

   
   
   .inactive_text h3{
    
       color: #000;
       font-family: 'AMX regular';
       font-size: 14px;
       
   
   }

  
  
}

@media (max-width: 368px) and (min-width: 200px) {

    #fecha_pagos >select{
        margin-left: 1% !important;
        height: 40px;
        width: 102%;
    
    }

    .navbar-default_new_fondo .navbar-text_fondo {
        
        font-size: 1.6rem;
       
    }
	
    .titulo{

        margin-top: 2%;
    }

    .divs_pasos{

        padding-left: 0px;
        padding-right: 0px;
        margin-top: 20px;
    }
    .active_text h3{
 
        color: #2c97ad;
        font-family: 'AMX regular';
        font-size: 14px;
        
   
   }

   .g-recaptcha   {
    transform: scale(0.75);
    transform-origin: 0 0;
   }

   
   .inactive_text h3{
    
       color: #000;
       font-family: 'AMX regular';
       font-size: 14px;
       
   
   }

   
   
  
}
.div_flecha{
    margin-top: -15px;
    margin-left: 1.5%;
  }
.img_enca {
    width: 57px;
    position: relative;
}
.img_res {
    width: 18px;
    position: relative;
}
.img_enca_flecha{

    width:100px;margin-top:11px
}


.btn_primary3New{

    border-radius: 5px;
    background-color: #5E5E5E;
    font-size: 20px;
    width: 100%;
   
    color: #fff;
    height: 42px;
    border: 1px solid #fff;
}

.btn-primary2New{

    border-radius: 5px;
    background-color: #E52A1B;
    font-size: 20px;
    width: 100%;
    
    color: #fff;
    height: 42px;
    border: 1px solid #E52A1B;
}


.tittle-1New .infoNew {
    background-color: #f7f7f7 !important;
    border-radius: 10px !important;
    display: center;
    margin-bottom: 15px;
}

.informa_parcial{

    border: 2px solid #f3f3f3;
    border-radius:5px;
    color:#616060;
    margin-top: 3%;
}

/* Diseño Multipagos */

.checkbox_Mul{

    float: none;
    margin: 10px !important;
    display: unset !important;
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari y Chrome */
    -o-transform: scale(2); /* Opera */
    padding: 10px;
}

.label_titulo_transac{

    font-size: 30px;
    font-weight: 500;
    color: #6f6f6fdb;
    text-align: center;
}

.label_titulo_subtransac{

    font-weight: 500;
    color: #6f6f6fdb;
    text-align: center;
}

.img_transac_titulo{

    float: initial;
    height: 42px;
    width: 42px;
}

.p-title-nc{

    margin-top: 5px;
}

.page_title_maximo{
    
    margin: 20px 25% !important;
    width: 84% !important;
}

.title_multi_refeCT{

    font-weight: 500;
    color: #3c8dbc;
    font-size: 20px;
    
}

.title_multi_refeCT_pagos{

    font-weight: 500;
    color: #6f6f6fdb;
    font-size: 14px;
    margin-top: 10px;
}
.enlace_a_terminos{

    text-decoration: underline;
}

.enlace_a_terminos:hover {
    
    font-weight: 500;
    text-decoration: underline;
    color: #3c8dbc;
}

.enlace_a_terminos:link { 
    
    color: #3c8dbc; 
    text-decoration: underline;
}      

.inputTextform{

    height: 2.5em;
}

.text_div_totalCT{

    border: 2px solid #9c9797;
}

.totalizado_carteraCT{

    margin: 10px;
    text-align: left;
}

.ct_totalizado_st{

    font-size: 18px;
}

.total_label_CTA{

    color: #E52A1B;
    font-weight: 700;
}

/* Funciones Check Box*/
[type="checkbox"]{

    display: block;
}

.labelCheckbox{

    padding-left: 1.6em;
    position: relative;
    font-size: 1.3em;
    
}

.labelCheckbox:before{

    content: '';
    border: solid 2px #9e9e9e9e;
    border-radius: 3px;
    width: 1.2em;
    height: 1.1em;
    position: absolute;
    left: 0px;
    top: 3px;
    transform: rotate(0deg);
    background: white;
}

[type="checkbox"]:checked + .labelCheckbox:before{

    border-color: rgb(116, 116, 116);
    color: #E52A1B;
    content: '\f00c';
    font-family: 'FontAwesome';
    transform: rotate(360deg);
}

.labelCheckboxPagos{

    padding-left: 1.6em;
    position: relative;
    font-size: 1.3em;
    
}

.labelCheckboxPagos:before{

    content: '';
    border: solid 2px #9e9e9e9e;
    border-radius: 3px;
    width: 1.2em;
    height: 1.1em;
    position: absolute;
    left: 0px;
    top: 3px;
    transform: rotate(0deg);
    background: white;
}

[type="checkbox"]:checked + .labelCheckboxPagos:before{

    border-color: rgb(116, 116, 116);
    color: #E52A1B;
    content: '\f00c';
    font-family: 'FontAwesome';
    transform: rotate(360deg);
}

.styleSelect select {
    background: #E52A1B;
  
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    -webkit-appearance:none;
   -moz-appearance:none;
    color: #E52A1B; 
   }
    
    .styleSelect { 
       
    
       padding: 5px;
       font-size: 16px;
       line-height: 1;
       border: 0;
       border-radius: 5px;
       height: 34px;
       -webkit-appearance: none;
       background-position-x: 244px;
       background: url("../imagenes/flecha_select.png") no-repeat right #fff;
       
   }


   input[class="rdb"] {
    /* Remueve la apariencia de fondo por defecto */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Crea una apariencia perzonalizada del boton radio */
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 2px;
    /* Color de fondo solo para el contenido */
    background-clip: content-box;
    border: 2px solid #bbbbbb;
    background-color: #e7e6e7;
    border-radius: 50%;
  }
  
  /* Apariencia para el boton de radio marcado */
  input[class="rdb"]:checked {
    background-color: #E52A1B;
  }
  
  /* Estilos opcionales, estoy usando esto para centrar botones de radio */
  .flex {
    display: flex;
    align-items: center;
  }
  
/* Imput de sms */
.sms_input_clapay{
	
	width: 10% !important;
	padding: 5px !important;
	text-align: center;
}

.sms_div_clapay{
	
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

@media(min-width:2000px){
	.btn_relevo{
		width:240px !important;
	}
	
}



/*css del nuevo menu*/

.navbar-nav .nav-item {
    margin-right: 5%;/* Ajusta el valor según el espacio deseado */
    height: 38px;
 }

 .navbar-nav .nav-item .nav-link{

    position: relative;
 }
 

   
  .navbar-nav .nav-item .nav-link:hover::after, 
  .nav-item.hasSubMenu.focus:hover .nav-link::after { 
    opacity: 1; 
    transform: translateX(-50%) scaleY(1); 
    border-color: transparent transparent #fff transparent; 
  }

  

  /*.navbar-nav .nav-item .nav-link:hover::after {
    opacity: 1;
    transform: translateX(-50%) scaleY(1);
  }*/
 
 #btn-collapse{
  color: #fff;
  border: 0px;
  background-color: #E52A1B;
  font-size: 25px;
  height: 48px;
 }

.ul_main_menu{
    margin-top: 0px;
    margin-left: 20px;
    display: flex;
    
}
.div-logo{
    width: 6%;
}
.div-menu{
    width: 94%;
}

#miClaroLiga{
    margin-top: 15px;
    position: relative;
    float: initial;
    left: 10px;
}



 
ul li a{
    color:#fff;
    font-size: 16px;
    font-weight: 700;
    font-family: "Roboto";
}

.arrow{

    font-size:13px;
    color: #fff;
    margin-left: 7px;
}
.arrow-negocio-empresa{

    font-size:16px;
    color: #fff;
    margin-left: -30px;
    margin-right: 15px;
    width: 3%;
}

.submenu {
    display: none;
    background-color:rgba(255,255,255,0.95);
    padding: 10px;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 2;
    opacity: 0.9; 
   /*margin-top: 17px;*/
    height: auto;
    min-height: 360px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    /*transition: all .5s ease;*/
    
}

.submenu a {
    opacity: 1;
    color: #3C3C3C;
    
}

.linkCat{

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    font-size: 20px;
    font-family: "AMX bold" !important;
    font-weight: 400 !important;
    position: relative;
    padding-right: 20px;
    white-space:normal;
    width: 100%;
}

.linkCat + i {
    margin-left: 5px; /* Ajusta la cantidad de espacio que deseas entre los elementos */
  }



.subMenu{

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    position: relative;
    left: initial !important;
    top: initial !important;
    width: 100%;
    height: auto;
    margin-top: 0;
    min-height: 300px;
    
}

.subMenuPie{

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    position: relative;
    left: initial !important;
    top: initial !important;
    width: 100%;
    height: auto;
    margin-top: 0;
    min-height: 100px;
    
}
.subMenuPie > li {
    width: 33.33%;
    padding: 20px;
    padding-top: 20px;
    padding-top: 0;
    margin-top: 20px;
  }
  ul.subMenuPie > li {
    width: 25%;
    height: auto;
  }

.subMenu > li {
    width: 33.33%;
    padding: 20px;
    padding-top: 20px;
    padding-top: 0;
    margin-top: 20px;
  }
  
  .center-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
  }

    
    @media (min-width: 541px) and (max-width: 780px) {
        ul.subMenu > li {
            width: 25%;
            height: auto;
          }
        .ul_main_menu{
           
            width: 85%;
        }
        .iconLink {
            margin-right: 5%;
          }
    }
    @media (min-width: 781px) {
        ul.subMenu > li {
            width:33.33%;
            height: auto;
          }
        .ul_main_menu{
           
            width: 80%;
        }
        .iconLink {
            margin-right: 30%;
          }
    }
    @media only screen and (max-width: 360px) {
        ul.subMenu > li {
            width: 25%;
            height: auto;
        }
          .ul_main_menu{
           
            width: 85%;
        }
        .iconLink {
            margin-right: 5%;
          }
    }
    @media screen and (max-width: 736px) {
        ul.subMenu > li {
            width: 25%;
            height: auto;
        }
        .ul_main_menu{
           
            width: 85%;
        }

        .iconLink {
            margin-right: 6%;
        }
    }

    @media screen and (min-width: 1360px) {
        
        .iconLink {
            margin-right: 8%;
        }
    }

    @media screen and (min-width: 1280px) {
        
        .iconLink {
            margin-right: 13%;
        }
    }

    @media screen and (min-width: 1180px) {
        
        .iconLink {
            margin-right: 15%;
        }
    }

    @media screen and (min-width: 1480px) {
        ul.subMenu > li {
            width: 25%;
            height: auto;
        }
        .ul_main_menu{
           
            width: 85%;
        }
        .iconLink {
            margin-right: 8%;
          }
    }

    @media only screen and (min-width: 2000px) {
        .center-container {
          max-width: 1440px;
        }
        .ul_main_menu{
           
            width: 85%;
        }
        .iconLink {
            margin-right: 5%;
          }
      }

    @media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 368px) {
        ul.subMenu > li {
            width: 25%;
            height: auto;
        }
        .ul_main_menu{
           
            width: 85%;
        }
        .iconLink {
            margin-right: 5%;
          }
    }
   
    .linkCla {
        display: inline-block;
        position: relative;
        color: #000;
        text-decoration: none;
        font-family: "Roboto" !important;
      }

   .linkCla::before {
        content: "";
        position: absolute;
        bottom: 7px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #000;
        transform: scaleX(0);
        transform-origin: bottom left;
        transition: transform 0.5s ease-in-out;
      }
      
      .linkCla:hover::before {
        transform: scaleX(1);
      }


  .subMenuCat {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    -ms-transition: inherit;
    transition: inherit;
    position: relative;
    left: initial !important;
    top: initial !important;
    margin-top: 30px;
    background-color: transparent;
    z-index: 1;
    line-height: 30px;
  }
  .subMenuCat li{

    line-height: 1.3;
   
  }

  .subMenuCat li a{

    font-size: 14px;
    padding: 7px 0;
    font-weight: 400;
    color: #3C3C3C;
    text-decoration: none;
  }

  .loginBtn {
    width: auto;
    height: 40px;
    margin-left: 0px;
    padding: 9px 30px 9px 27px;
    background-color: #B52217;
    margin-top: -8px;
    margin-bottom: 6px;
    color: #fff;
    border-radius: 20px;
    font-family: 'Roboto regular';
    display:block;
    padding-top: 0px;
  }

  .loginBtn:hover {
    background-color: #fff;
    color: #000;
  }



  .loginBtnMovil {
    width: auto;
    height: 40px;
    margin-left: 0px;
    padding: 9px 30px 9px 55px;
    background-color: transparent;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #fff;
  }
 
  .strong::before {
    font-size: 20px;
    font-size: 1.25rem;
    content: "\e910";
    font-family: "claroicons";
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    font-weight: normal;
    left: -24px;
  }
  

.loginBtnMovil {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /*height: 50px;*/
    padding: 8px 0px;
    white-space: pre;
    font-weight: 900;
    font-size: 18px;
    font-family: 'Roboto regular';
    float: right;
    
  }

  .hMainRight{
    margin-top: 12px;
    max-height: 55px;
  }
  
  .hMainRight li{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 15%;
    float: inline-end;
  }
  
  .menu-oculto {
    display: none;
  }
  .menu-show {
    display: block;
  }

  .cIco-celulares-con-plan{

    background-image: url('../images/../images/../images/ico-celulares-con-plan.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }
  
  .cIco-servicios-hogar{

    background-image: url('../images/../images/../images/ico-servicios-hogar.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .cIco-videojuegos{

    background-image: url('../images/../images/../images/ico-videojuegos.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .cIco-tienda-en-linea{

    background-image: url('../images/../images/../images/ico-tienda-en-linea.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .cIco-tecnologia-y-accesorios{

    background-image: url('../images/../images/../images/ico-tecnologia-y-accesorios.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .ceIco-casa-inteligente{

    background-image: url('../images/../images/../images/ceIco-casa-inteligente.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .ceIco-conexion-total{

    background-image: url('../images/../images/../images/ceIco-conexion-total.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .ceIco-compra-paquetes{

    background-image: url('../images/../images/../images/ceIco-compra-paquetes.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .ceIco-login{

    background-image: url('../images/../images/../images/ceIco-login.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .ceIco-accede-servicios{

    background-image: url('../images/../images/../images/ceIco-accede-servicios.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .ceIco-menu-telefonico{

    background-image: url('../images/../images/../images/ceIco-menu-telefonico.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }
  
  .ceIco-tv{

    background-image: url('../images/../images/../images/ceIco-tv.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .ceIco-planes{

    background-image: url('../images/../images/../images/ceIco-planes.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .ceIco-nuevo-servicio{

    background-image: url('../images/../images/../images/ceIco-nuevo-servicio.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }
  .ceIco-check-hexagono{

    background-image: url('../images/../images/../images/ceIco-check-hexagono.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }
  .ceIco-nuevo-equipo{

    background-image: url('../images/../images/../images/ceIco-nuevo-equipo.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .ceIco-fallas-del-servicio{

    background-image: url('../images/../images/../images/ceIco-fallas-del-servicio.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }
 
  .ceIco-chat{

    background-image: url('../images/../images/../images/ceIco-chat.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }
  
  .ceIco-celulares-con-plan{

    background-image: url('../images/../images/../images/ceIco-celulares-con-plan.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }
  
  .ceIco-mi-claro{

    background-image: url('../images/../images/../images/ceIco-mi-claro.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .ico-miClaro-corporaciones{

    background-image: url('../images/../images/../images/logo-claro-blanco.svg');
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px;
    right: 0;
    float: left;
  }
 

  .cIco-cobertura{

    background-image: url('../images/../images/../images/ico-cobertura.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .cIco-altas-velocidades{

    background-image: url('../images/../images/../images/Ico-altas-velocidades.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .cIco-comunicacion-confirmacion{

    background-image: url('../images/../images/../images/ico-comunicacion-confirmacion.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .cIco-servicio-movil{

    background-image: url('../images/../images/../images/Ico-servicio-movil.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .cIco-saldos{

    background-image: url('../images/../images/../images/Ico-saldos.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .cIco-factura{

    background-image: url('../images/../images/../images/Ico-factura.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .cIco-pagar-factura{

    background-image: url('../images/../images/../images/Ico-pagar-factura.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }

  .cIco-tv{

    background-image: url('../images/../images/../images/Ico-tv.svg');
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    right: 0;
    position: absolute;
    top: 0px;
  }
  
  .fa-close {
    font-size: 15px; /* Ajusta el tamaño del ícono */
    
  }
  /*.iconLink {
    
    margin-right: 5%;
    
  }*/

  .iconLink{
    font-size: .875rem;
    top: 20px;
    right: 20px;
    color: #3C3C3C;
    cursor: pointer;
    font-weight: 600;
    display: inline-block;
    padding-left: 24px;
    font-family: "AMX regular";
    float: right;
    margin-top: 15px;    
  }

  .iconLink span{ text-decoration: underline}
  
  .subMenuAd img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: auto;
    height: auto;
    margin-top: 40px;
    /*max-width: none !important;*/
  }

  .openSubCat {
    content: "\e92e";
    font-family: "claroicons";
    font-size: 18px;
    font-size: 1.125rem;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    pointer-events: none;
  }

  .contenedor_contenido{
    border-right: 1px solid #BBB;
    padding-left: 0px;
    padding-right: 0px;
  }



  
  
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
  @media screen and (max-height: 450px) {
    .sidebar {padding-top: 15px;}
    .sidebar a {font-size: 16px;}
  }
  .div-header-movil{

    height: 40px;
    background: #DA291C;
    margin-top: -60px;
  }


  .navbar-default_new_principal {
    background-color: white;
    
}

.navbar-default_new_principal ul li a {
    color: #313131;
    padding: 6px 7px;
    font-size: 3.5rem;
}

.navbar-default_new_principal ul li a {
    color: #313131;
    font-weight: 700;
    font-size: 14px;
    margin-top: -2px;
    margin-bottom: 3px;
    font-family: 'Roboto regular';
}

.ul_main_menu_princi{

    margin-top: 10px;
    margin-bottom: 0px;
    display: flex;
}
.ul_main_menu_princi .hasSubMenu{
    margin-right: 20px;
    height: 30px;
}
/*.ul_main_menu_princi .hasSubMenu:hover{
    border-bottom: 3px solid #FFC721;
    margin-bottom: 0px;
    transition: 0.3s;
}*/

.ul_main_menu_princi .hasSubMenu:hover { 
    position: relative; 
    overflow: hidden; 
} 
 
.ul_main_menu_princi .hasSubMenu:not(.active_menu)::after { 
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
    content: "";
    display: block;
    width: 0px;
    height: 4px;
    background-color: #FFC721;
} 
 
.item_alone:hover::after { 
    width: 120%;
} 

.item_alone::after { 
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
    content: "";
    display: block;
    width: 0px;
    height: 4px;
    background-color: #fff;
    top: 1px;
} 
 
.ul_main_menu_princi .hasSubMenu:hover::after { 
    width: 100%;
} 


.active_menu{

    border-bottom:4px solid #FFC721;
}


/*ESTILOS FOOTER*/

    .footer {
    background-color: #1f1d1d;
  }
  .footer .container {
    padding: 0 20px;
    -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  }

  .footer .footerNav {
    padding: 40px 0 0;
    position: relative;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .footer .footerRS.footerRSInfContac {
    padding-bottom: 16px;
  }

  .footer .footerRS {
    margin-top: 20px;
    padding-bottom: 40px;
  }

  .footer .footerRS.footerRSInfContac > dl {
    padding-bottom: 0;
  }
  .footer .footerRS > dl {
    width: 100%;
    padding: 0;
    padding-bottom: 0px;
  }

  footer .footerRS > dl {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    width: calc(100% + 10px);
    margin-left: -12px;
    padding: 16px 20px 32px;
  }

  .footer .footerRS > dl dd {
    margin: 0;
    margin-left: 0px;
    margin-left: 12px;
  }

  .footer .footerRS > dl dd {
    margin: 0 6px;
  }

  .footer .footerRS .icoRs {
    font-size: 18px;
    font-size: 1.125rem;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #DBDBDB;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
  }

  .footerLower.footerMove {
    margin-bottom: 0px;
  }

  .footerLower {
    background-color: #3C3C3C;
    color: #DBDBDB;
    padding: 20px 0;
  }
  .separatorLinks{
    color: #DBDBDB;
  }

  .footerLower .containerFooter {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    box-sizing: border-box;
  width: 100%;
  max-width: 1370px;
  margin: 0 auto;
  padding: 0 20px;
  }

  .footerLower .listMenu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: right;
    -webkit-justify-content: right;
    -ms-flex-pack: center;
  }
  .footerLower .listMenu li {
    position: relative;
    margin: 0 6px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.4;
  }

  .footerLower .listMenu a {
    padding: 6px;
    color: #DBDBDB;
    font-weight: 400;
    font-size: 14px;
    text-decoration: underline;
  }
 
  .textLink {
    font-weight: 500;
    position: relative;
    color: #0097A9;
   /* display: inline-block;*/
    text-decoration: underline;
    font-family: 'Roboto regular';
    line-height: 20px;
  }

  .footerLower p {
    text-align: left;
    font-size: 14px;
    margin-bottom: 12px;
  }

  .footerLower {
    color: #DBDBDB;
  }
  .footerLowerP{
    color: #DBDBDB;
    font-size: .875rem;
  }
 
 

  .footer .footerCat .footerCatHeader {
    color: #FFF;
    font-weight: 700;
    padding: 20px 40px 20px 8px;
    position: relative;
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Roboto regular';
  }

  .footer .footerCat:first-child {
    padding-bottom: 50px;
  }
  .footer .footerCat {
    /*width: calc(16.6666% - 24px);*/
  }
   .footer .footerCat {
    /*width: calc(16.333% - 24px);*/
    border-bottom: none;
    margin: 0 12px 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .footer .footerCat .footerCatBody > ul li a {
    color: #DBDBDB;
    text-decoration: none;
    display: block;
    font-weight: 400;
    padding: 6px 0;
  }
  .footer .footerCat .footerCatBody > ul li a{
    font-size: 14px;
    padding: 10px 8px;
    font-family: 'Roboto regular';
  }

  .footer .footerCat .footerCatBody > ul li {
    line-height: 2.4;
  }

  

  @media only screen and (min-width: 1102px) {
    .footer .footerCat {
      width: calc(16.6666% - 24px);
    }
  }

  @media only screen and (min-width: 640px) {
    .footer .footerRS.footerRSInfContac {
      padding-bottom: 16px;
    }
  }
  
  

  .footer .footerRS > dl {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  webkit-display: -webkit-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  width: calc(100% + 10px);
  margin-left: -13px;
  padding: 16px 20px 32px;
  height: 70px;
}

.ico-facebook-s{

    background-image: url('../images/../images/../images/facebook.svg');
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px;
    right: 0;
    position: absolute;
  }

 
  .ico-x-s{

    background-image: url('../images/../images/../images/icons8-twitterx.svg');
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px;
    right: 0;
    position: absolute;
  }

  .ico-instagram-s{

    background-image: url('../images/../images/../images/instagram.svg');
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px;
    right: 0;
    position: absolute;
  }

  .ico-youtube-s{

    background-image: url('../images/../images/../images/youtube.svg');
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px;
    right: 0;
    position: absolute;
  }

  .ico-linkedin-s{

    background-image: url('../images/../images/../images/linkelind.svg');
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px;
    right: 0;
    position: absolute;
  }

  .ico-whatsapp-s{

    background-image: url('../images/../images/../images/../images/whatasapp.svg');
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px;
    right: 0;
    position: absolute;
  }

/****************************FOOTER**************************************/

/*ESTILOS MENU MOVIL*/

  .hTopSegment{

    background-color: #2d2d2d;
  }
  .selSegment{
    height: 40px;
    width: 30%;
    text-align: left;
    margin-left: 20px;
  }

  .hTopSegment .selSegment .currentSegment {
    color: #fff;
  }

  .hTopSegment .selSegment .currentSegment {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    height: 40px;
    padding: 12px;
    display: inline-block;
  }

  .hTopSegment .selSegment .currentSegment::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    display: block;
    background-color: #FFC721;
  }

.ul_main_menu_princi_movil li { 
text-align: center; 
width: 100%;
} 

.ul_main_menu_princi_movil{

margin-top: 20px;
margin-bottom: 0px;
width: 100%;
}
.ul_main_menu_princi_movil .hasSubMenu{
    margin-right: 0%;
    height: 30px;
    margin-left: -1%;
    height: 50px;
    padding: 10px 4px;
}
/*.ul_main_menu_princi_movil .hasSubMenu:hover{
    border-bottom: 6px solid #DA291C;
    margin-bottom: 0px;
    transition: 0.3s;

}*/

.navbar-default_new_principal_movil {
    background-color: white;
    height: 70px;
    border-bottom: 4px solid #BBB;
    
}

.navbar-default_new_principal_movil ul li a {
    color: #000;
    padding: 6px 7px;
    font-size: 3.5rem;
}

.navbar-default_new_principal_movil ul li a {
    color: #000;
    font-weight: 700;
    font-size: 15px;
    margin-top: -2px;
    margin-bottom: 3px;
}


.navbar-default_new_principal_movil ul{ 
    display: flex; 
    justify-content: center; 
    align-items: center; 
  } 

 

.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align: left;
  }
  
  .sidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15.5px;
    color: #3C3C3C;
    display: block;
    transition: 0.3s;
    font-weight: 600;
    font-family: 'Roboto regular';
    color:#fff;
    padding: 10px;
  }

  .sidebar .closebtn {
    padding: 0px;
    text-decoration: none;
    font-size: 25px;
    color: #000;
    display: block;
    transition: 0.3s;
    font-weight: bold;
    float:right;
    margin-right: 7px;
  }

  
  
  /*.sidebar a:hover {
    color: #000;
  }*/
  
  .sidebar .closebtn {
    
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  
  .openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #fff;
    color: white;
    padding: 10px 5px;
    border: none;
  }
  
  .openbtn:hover {
    background-color: #000;
  }
  
  #main {
    transition: margin-left .5s;
    padding: 16px;
  }



  #listOptions_persona a{

    
    border-bottom: 4px solid #F4F4F4;
    margin-top: 15px;
    height: 50px;
    font-family: 'Roboto regular';
  }
  #listOptions_persona a span{

   margin-left:0;
   color: #3C3C3C;
   white-space: nowrap;
   font-size: 100%;
  }

  #listOptions_persona i{

    float:right;
    font-size: 22px;
    color: #3C3C3C;
   }

   #listOptions_negocios a{

    
    border-bottom: 4px solid #F4F4F4;
    margin-top: 15px;
    height: 50px;
    font-family: 'Roboto regular';
  }
  #listOptions_negocios a span{

   margin-left:0px;
   color: #3C3C3C;
  }

  #listOptions_negocios i{

    float:right;
    font-size: 22px;
    color: #3C3C3C;
   }


   #listOptions_empresas a{

    
    border-bottom: 4px solid #F4F4F4;
    margin-top: 15px;
    height: 50px;
    font-family: 'Roboto regular';
  }
  #listOptions_empresas a span{

   margin-left:12px;
   color: #3C3C3C;
  }

  #listOptions_empresas i{

    float:right;
    font-size: 22px;
    color: #3C3C3C;
   }
   
   .div-header-menu-movil{
    margin-top:10px
   }

   .div-header-menu-movil a{
    color:#3C3C3C;
    /*white-space: nowrap;*/
    
   }

   .div-header-menu-movil i{

    float:right;
    font-size: 16px;
    color: #0097A9;
   }

   .div-header-menu-movil i span{

    float:right;
    font-size: 16px;
    color: #0097A9;
    font-family: 'Roboto regular';
    margin-left: 0px;
   }

   .title-menu-movil{

    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto regular';
   }
   

   .panel-heading .accordion-toggle::after {
    font-family: 'claroicons';
    content: "\e92e";
    position: absolute;
    right: 15px;
    transform: translateY(-50%);
    transition: all 0.7s;
    font-size:20px;
    margin-top:0px;
    transform: rotate(180deg);
  }

    .panel-heading .accordion-toggle.collapsed:after {
      transform: rotate(0deg);
      margin-top: 0px;
    }

    .openSubM::after {
        content: "\e930";
        font-family: "claroicons";
        font-size: 20px;
        font-size: 1.25rem;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        pointer-events: none;
      }


  #accordion{
    margin-top:15px;
  }


  #accordion .panel-default{
    background-color: #fff;
    border-color: #fff;
  }

  #accordion .panel-default > .panel-heading{

    color: #3C3C3C;
    background-color: #fff;
    border-color: #fff;
    display: flex;
    align-items: center;

  }

  #accordion .panel{

    border-bottom: 2px solid #F4F4F4 ;
    margin-left: -10px;
    margin-right: -10px;
  }

  #accordion .panel-heading{
    padding: 10px 0px;
  }

  #accordion .panel-collapse a{
    font-size: 16px;
    font-family: 'Roboto regular';
    font-weight: 400;
    padding: 16px;
    margin-left: 20px;

  }


  .accordion_movil .panel-group .panel-default{

    background-color: #2D2D2D;
  }

  .accordion_movil .panel-group .panel-default .panel-heading{

    background-color: #2D2D2D;
  }


  .accordion_movil{
    margin-top:15px;
    margin-bottom: 0px;
  }

  


 .accordion_movil .panel-default{
    background-color: #2D2D2D;
    border-color: #2D2D2D;
  }

  .accordion_movil .panel-default > .panel-heading{

    color: #fff;
    background-color: #2D2D2D;
    border-color: #2D2D2D;
    display: flex;
    align-items: center;

  }

  .accordion_movil .panel{

    border-bottom: 1px solid #BBB ;

  }

  .accordion_movil .panel-heading{
    padding: 20px 10px;
  }

  .accordion_movil .panel-collapse a{
    font-size: 16px;
    font-family: 'Roboto regular';
    font-weight: 400;
    padding: 16px;
    margin-left: 20px;

  }

  .accordion_movil .panel-collapse > ul li a {
    color: #DBDBDB;
    text-decoration: none;
    display: block;
    font-weight: 400;
    padding: 6px 0;
    font-size: .875rem;
  }

  .accordion_movil .panel-collapse > ul li {
    font-size: 14px;
   
    padding: 12px 10px;
  }

  .accordion_movil .panel-default .panel-heading .panel-title a {
    color: #FFF;
    font-weight: 700;
    padding: 20px 40px 20px 20px;
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Roboto regular';
  }
  
  .accordion_movil .panel-default .panel-heading .panel-title {
    
    width: 97%;
  }


  .accordion_movil .panel{
    margin-top: 0px;
    border-radius: 0px;
  }

  .accordion_movil .panel-heading .accordion-toggle:after {
    font-family: 'claroicons';
    content: "\e92e";
    position: absolute;
    right: 15px;
    transform: translateY(-50%);
    transition: all 0.7s;
    font-size: 23px;
    margin-top: -5px;
    transform: rotate(180deg);
    color: #BBB;
  }
  .accordion_movil .panel-heading .accordion-toggle.collapsed:after {
    transform: rotate(0deg);
  }
  /*https://www.w3schools.com/howto/howto_js_collapse_sidebar.asp*/




  .footer_movil .footerRS.footerRSInfContac {
    padding-bottom: 16px;
  }

  .footer_movil .footerRS {
    padding-bottom: 40px;
  }

  .footer_movil .footerRS.footerRSInfContac > dl {
    padding-bottom: 0;
  }
  .footer_movil .footerRS > dl {
    width: 100%;
    padding: 0;
    padding-bottom: 0px;
  }

  .footer_movil .footerRS > dl {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    width: calc(100% + 10px);
    margin-left: -12px;
    padding: 16px 20px 32px;
  }

  .footer_movil .footerRS > dl dd {
    margin: 0;
    margin-left: 0px;
    margin-left: 12px;
  }

  .footer_movil .footerRS > dl dd {
    margin: 0 12px;
  }

  .footer_movil .footerRS .icoRs {
    font-size: 18px;
    font-size: 1.125rem;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #DBDBDB;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
  }

  .footer_movil .footerLower.footerMove {
    margin-bottom: 0px;
  }

  .footer_movil .footerLower {
    background-color: #3C3C3C;
    color: #DBDBDB;
    padding: 20px 0;
  }
  .separatorLinks{
    color: #DBDBDB;
  }

  .footer_movil .footerLower .containerFooter {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    box-sizing: border-box;
  width: 100%;
  max-width: 1370px;
  margin: 0 auto;
  padding: 0 20px;
  }

  .footer_movil .footerLower .listMenu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
  }
  .footer_movil .footerLower .listMenu li {
    position: relative;
    margin: 0 6px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.4;
  }

  .footer_movil .footerLower .listMenu a {
    padding: 6px;
    color: #DBDBDB;
    font-weight: 400;
    font-size: 14px;
    
  }
 
 

  .footer_movil .footerLower p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 12px;
    color: #DBDBDB;
    font-family: 'Roboto regular';
    width: 100%;
  }

  

  .footer_movil .footerLower {
    color: #DBDBDB;
  }
  .footer_movil .footerLowerP{
    color: #DBDBDB;
    font-size: .875rem;
  }
 
 

  .footer_movil .footerCat .footerCatHeader {
    color: #FFF;
    font-weight: 700;
    padding: 20px 40px 20px 20px;
    position: relative;
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Roboto regular';
  }

  .footer_movil .footer .footerCat:first-child {
    padding-bottom: 50px;
  }
  .footer_movil .footerCat {
    /*width: calc(16.6666% - 24px);*/
  }
   .footer .footerCat {
    /*width: calc(16.333% - 24px);*/
    border-bottom: none;
    margin: 0 12px 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .footer_movil .footerCat .footerCatBody > ul li a {
    color: #DBDBDB;
    text-decoration: none;
    display: block;
    font-weight: 400;
    padding: 6px 0;
  }
  .footer_movil .footerCat .footerCatBody > ul li a{
    font-size: 14px;
    font-size: 0.907rem;
    padding: 5px 20px;
  }

  

  @media only screen and (min-width: 1102px) {
    .footer_movil .footerCat {
      width: calc(16.6666% - 24px);
    }
  }

  @media only screen and (min-width: 640px) {
    .footer_movil .footerRS.footerRSInfContac {
      padding-bottom: 16px;
    }
  }
  
  

  .footer_movil .footerRS > dl {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  webkit-display: -webkit-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  width: calc(100% + 10px);
  margin-left: -13px;
  padding: 16px 20px 32px;
}

.footer_movil  .ico-facebook-s{

    background-image: url('../images/../images/../images/facebook.svg');
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    right: 0;
    position: absolute;
  }

 
  .footer_movil  .ico-x-s{

    background-image: url('../images/../images/../images/../images/icons8-twitterx.svg');
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    right: 0;
    position: absolute;
  }

  .footer_movil  .ico-instagram-s{

    background-image: url('../images/../images/../images/instagram.svg');
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    right: 0;
    position: absolute;
  }

  .footer_movil  .ico-youtube-s{

    background-image: url('../images/../images/../images/youtube.svg');
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    right: 0;
    position: absolute;
  }

  .footer_movil  .ico-linkedin-s{

    background-image: url('../images/../images/../images/linkelind.svg');
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    right: 0;
    position: absolute;
  }

  .footer_movil  .ico-whatsapp-s{

    background-image: url('../images/../images/../images/whatasapp.svg');
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    right: 0;
    position: absolute;
  }

  #redes {
    width: calc(100% + 10px);
    margin: 0 12px 16px;
    color: #F65041;
    font-weight: 400;
    position: relative;
    font-size: 16px;
    font-size: 1rem;
    font-family: 'Roboto regular';
  }

  #footer_movil_pie{
    background: #2D2D2D;

  }

  .navbar-default-header{

    background-color: #E52A1B;
    border-color: #E52A1B;
    position:fixed;
    width: 100%;
    height: 52px;
    z-index: 1000;
}
.navbar-default-header .navbar-brand,
.navbar-default-header .navbar-brand:hover {
    color: #fff;
    padding: 6px 15px;
    font-size: 3.5rem;
}

.navbar-default-header .navbar-text {
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 45px;
}

.encabezado_movil{
    margin-top:20%;
}

.hTopRight {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    width: 100%;
    padding-left: 20px;
    height: 40px;
  }

  .hTopRight {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-flex-pack: end;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    width: calc(100% - 120px);
  }

.hTopRight .hTopRightDrop::after {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    content: "\e956";
    font-family: "claroicons";
    font-size: 10px;
    font-size: .625rem;
    margin-left: 8px;
    display: inline-block;
  }

  .hTopRight  .hTopRightDrop.open::after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .hTopRight .hTopRightDrop .moreClaro.open {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: auto;
    max-height: 650px;
  }

   .hTopRight  .selCountry .currentFlag img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 20px;
    height: 14px;
    margin-right: 0px;
    border: #fff 1px solid;
  }


  .hTopRight .hTopRightDrop {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    position: relative;
    display: block;
    height: 35px;
    padding: 12px;
    margin-right: 12px;
    cursor: pointer;
    width: 25%;
    float: right;
    font-family: 'Roboto regular';
    white-space: nowrap;
  }

  .hTopRight  .hTopRightDrop .moreClaro {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s cubic-bezier(.47, 1.64, .41, .8);
    -moz-transition: all .5s cubic-bezier(.47, 1.64, .41, .8);
    -ms-transition: all .5s cubic-bezier(.47, 1.64, .41, .8);
    transition: all .5s cubic-bezier(.47, 1.64, .41, .8);
    -webkit-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.15);
    -o-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 4px 0px 8px rgba(0,0,0,0.15);
    box-shadow: 0 4px 8px 0px rgba(0,0,0,0.15);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    position: absolute;
    right: 0;
    top: 40px;
    width: 240px;
    padding: 12px;
    background-color: #fff;
    -webkit-border-bottom-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
    z-index: 3000;
  }

  .hTopRight .hTopRightDrop .moreClaro li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
  }

  .ico-tablet::before {
    content: "\e9e4";
    font-family: "claroicons";
  }

  .hTopRight .hTopRightDrop .moreClaro li a i {
    display: table;
    margin: 0 auto 2px;
    color: #3C3C3C;
}

.hTopRight .hTopRightDrop .moreClaro li:hover {
    background-color: #F4F4F4;
}

.hTopRight .hTopRightDrop .moreClaro li a span {
    text-align: center;
    display: block;
    font-weight: 600;
    color: #3C3C3C;
    font-family: 'Roboto regular';
  }

  .hTopRight  .hTopRightDrop .moreClaro li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: block;
    padding: 8px;
    color: #3C3C3C;
  }

  [class^="ico-"], [class*=" ico-"] {
    font-family: "claroicons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .hTopRight  .selCountry {
    position: relative;
    float: right;
    margin-right: 30px;
  }


  .hTopRight  .selCountry .currentFlag::after {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    content: "\e956";
    font-family: "claroicons";
    font-size: 10px;
    font-size: .625rem;
    margin-left: 8px;
    margin-top:5px
  }

  @media only screen and (max-width: 736px) {
	.hTopRight  .selCountry .currentFlag::after {
       
        margin-top:-2px
      }


  }

  @media only screen and (max-width: 320px) {

	.hTopRight .hTopRightDrop::after {
       
        margin-left: 2px;
      }

      
  }

  .hTopRight  .selCountry .currentFlag {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    padding: 9px 0;
    position: relative;
    cursor: pointer;
  }

  .hTopRight  .selCountry .currentFlag {
    cursor: pointer;
  }

  .hTopRight .hTopRightExtra .selCountry .currentFlag.open::after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }


  .hTopRight  .selCountry .flagList {
    -webkit-transition: all .5s cubic-bezier(.47, 1.64, .41, .8);
    -moz-transition: all .5s cubic-bezier(.47, 1.64, .41, .8);
    -ms-transition: all .5s cubic-bezier(.47, 1.64, .41, .8);
    transition: all .5s cubic-bezier(.47, 1.64, .41, .8);
    -webkit-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.15);
    -o-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 4px 0px 8px rgba(0,0,0,0.15);
    box-shadow: 0 4px 8px 0px rgba(0,0,0,0.15);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    position: absolute;
    right: 0;
    top: 33px;
    width: 200px;
    padding-bottom: 8px;
    background-color: #fff;
    -webkit-border-bottom-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
    z-index: 3000;
  }

  .hTopRight .selCountry .currentFlag.open::after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .hTopRight .selCountry .flagList.open {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: auto;
    max-height: 650px;
  }

 .hTopRight .selCountry .flagList li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    font-size: 14px;
    font-size: .875rem;
    width: 100%;
    padding: 8px 12px;
    font-family: 'Roboto regular';
    color: #3C3C3C;
    font-weight: 400;
    
  }

  .hTopRight  .selCountry .flagList li a {
    font-size: 14px;
    font-size: 0.875rem;
  }

.hTopRight .selCountry .flagList li a:hover {
    background-color: #F4F4F4;
  }

  .hTopRight  .selCountry .flagList li + li {
    border-top: #F4F4F4 1px solid;
    height: 35px;
  }

  .hTopRight  .selCountry .flagList li a img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 20px;
    height: 14px;
    margin-right: 8px;
    margin-top: 3px;
    
  }

  .navbar-nav .arrow-nav-item::after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "\e956";
    font-family: "claroicons";
    font-size: 10px;
    font-size: .625rem;
    color: #fff;
    pointer-events: none;
    margin-left: 12px;
  }


  .navbar-nav .nav-item .nav-link::after { 
    content: ""; 
    position: absolute; 
    bottom: -5px; 
    left: 50%; 
    transform: translateX(-50%) scaleY(2); 
    border-width: 15px; 
    border-style: solid; 
    border-color: transparent transparent #fff transparent; 
    opacity: 0; 
    transition: opacity 0.3s, transform 0.5s; 
  } 


  .x_cerrar{
    font-family: "claroicons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;


  }

  .x_cerrar::before {
    content: "\ea12";
    font-family: "claroicons";
  }

  .ico-claro-user::before {
    content: "\ea28";
    font-family: "claroicons";
    float: left;
    font-size: 24px;
    margin-top: -4px;
    margin-right: 4px;
    color: white; /* Color inicial */
  }
  
 

  .loginBtn:hover .ico-claro-user::before {
    color: black;
  }
  

  .ico-miClaro-corporaciones{

    background-image: url('../images/../images/../images/logo-claro-blanco.svg');
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px;
    right: 0;
    float: left;
  }

  /* Estilos de tarjeta dinamica */
  #title_add_card {
    font-family: 'AMX bold';
    font-size: 20px;
    color: #404040;
    text-align: center;
  }

  #subtitle_add_card {
    font-family: 'AMX regular';
    font-size: 12px;
    letter-spacing: 0px;
    color: #404040;
  }

.dinamic-credit-card {
    width: 212px;
    height: 125px;
    /* background: #cccccc; */
    background-image: url("../imagenes/Tarjeta - Desactivada.svg");
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
}

.credit-card-codensa {
    background-image: url("../imagenes/Codensa - Front.svg") !important;
}

.contCVV {
    padding-top: 70px;
    padding-right: 15px;
    display: none;
}

.contCVV p {
    font-size: 12px;
    color: #fff;
    text-align: end;
}

.contNameDate {
    display: flex;
    width: 100%;
    padding-top: 70px;
}

.contNameDate p {
    color: #fff;
    font-size: 11px;
    padding-left: 15px;
}

.contNameDate span {
    color: #fff;
    font-size: 11px;
    margin-left: auto;
    padding-right: 15px;
}

#card-name {
    font-size: 11px;
    text-align: left;
    margin-left: 15px;
    color: #fff;
    margin-top: 7px;
}

/* Fin estilos tarjeta dinamica */

.container-input {
    height: auto;
    width: 325px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
}

.container-input .title-input {
    font-family: 'AMX regular';
    font-size: 14px;
    color: #000000;
    margin-bottom: 10px;
    font-weight: 600;
}

.container-input .inputAuxContainer {
    height: 100%;   
}

.container-input .inputAuxContainer input,
.container-input .inputAuxContainer select {
    height: 40px;
    width: 100%;
    padding: 10px 10px 11px 20px;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    border: 1px solid #B3B3B3;
    border-radius: 8px !important;
    color: #404040 !important;
}

.container-input .inputAuxContainer input::placeholder {
    color: #B3B3B3;
    font-family: 'Roboto', sans-serif;
}

.error-message {
    font-size: 12px !important;
    color: #EF3829;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    display: none;
}

.btn-pay-credit {
    height: 40px !important;
    width: 253px !important;
    /* background: #B3B3B3 !important; */
    border-radius: 25px!important;
}

#imprimir {
    display: flex;
    justify-content: center;
}

.input-multiply {
    display: flex;
    width: 100%;
}

.input-multiply .col-6 {
    width: 152px;
}

.multiply-2 {
    margin-left: auto;
}

/*#CODIGO_SEGURIDAD {
    width: 100%;
}*/

/* Estilos input cuotas */
.withDues {
    justify-content: center;
    display: flex;
    height: auto;
    align-items: center;
}

.higherLowerDue {
    width: 51px;
    height: 39px;
    background: #E6E6E6 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    color: #404040;
    font-size: 16px;
    font-weight: 600;
    padding: 9px 0px;
    border: 0;
}

#CUOTAS {
    /*width: 55px !important;
    height: 60px !important;
    padding: 19px 22px !important;
    text-align: center;*/
    border: 1px solid #187385 !important;
    opacity: 1;
    /*margin-left: 15px;*/
    margin-right: 15px;
    border-radius: 10px;
}

.containerWithDues {
    margin-top: 50px !important;
}

.input-error {
    border: 1px solid #EF3829 !important;
}

/*#mySubmit_ {
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif !important;
    width: 253px;
    border-radius: 25px !important;
    margin: 0px !important;
}*/

/* Botón deshabilitado */
#mySubmit_[disabled] {
    background: #B3B3B3 !important;
}

/* Estilos del check de guardar tarjeta */
.container-add-credit-card {
    margin-top: 18px !important;
}

.container-credit-input {
    width: 325px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.add-credit-card {
    border-radius: 50% !important;
    width: 1em !important;
    height: 1em !important;
    vertical-align: middle;
    border: 1px solid #10505C;
    appearance: none !important;
    -webkit-appearance: none !important;
    outline: none;
    cursor: pointer;
    display: block !important;
    margin-top: 0px !important;
}

.add-credit-card:checked {
    background-color: #187385;
}

.section-btn-check {
    margin-right: 5px;
    border-radius: 50%;
    border: 2px solid #187385;
    padding: 3px;
}

.remember-card {
    letter-spacing: -0.14px;
    color: #404040;
    opacity: 1;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif;
}

.ceIco-cyber-security {
  background-image: url('../images/../images/../images/ceIco-cyber-security.svg');
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 26px;
  right: 0;
  position: absolute;
  top: 0px;
}

.ceIco-cloud {
  background-image: url('../images/../images/../images/ceIco-cloud.svg');
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 26px;
  right: 0;
  position: absolute;
  top: 0px;
}