@import "https://fonts.googleapis.com/css?family=Roboto";
body{font-family:Raleway,sans-serif;margin:0;padding:0;font-size:1em;background-color:#fff;overflow-x:hidden}
.grecaptcha-badge{visibility:hidden}
.required{font-size:18px;color:#dc3545;margin-left:5px;font-weight:600}
.text-required{font-size:14px;color:#dc3545}
a,a:hover,a:focus{color:inherit;text-decoration:none;transition:all .3s}
i,span{display:inline-block}
footer{background-color:#2a497e;color:#fff}
.aya-nav .name{font-size:21px;color:#52abdb;padding-left:10px;padding-right:30px;font-weight:700}
.aya-nav .btn-primary,.aya-nav .btn-outline-primary{border-radius:25px;border:none;padding-left:20px!important;padding-right:20px!important;margin:5px 10px!important;font-size:12px;font-weight:700}
.aya-nav .btn-primary{border:1px solid #2D9AD5;background-color:#a2d6f5}
.aya-nav .btn-outline-primary{border:1px solid #2D9AD5;color:#000}
.aya-nav .btn-outline-primary:hover{color:#fff!important;background-color:#2d9ad5}

/* BANNER - Desktop usa GRANDE, Mobile usa MOVIL */
.headPanel-payment{
  background-image:url(./assets/img/layout/1/banners/INTERNA-GRANDE-01.jpg);
  padding:80px 0;
  background-size:cover;
  background-position:center center;
}
.headPanel h1{color:#fff;font-weight:700}

.searchPanel{background-size:cover;background-position:top center}
.consulte{background-color:#fff;margin-top:20px}
.bannerBusqueda{background-color:#8fc031;color:#fff;padding:30px 0}
.bannerBusqueda h3{text-align:center;font-size:30px;margin-top:10px}
.bannerBusqueda .btn{border-radius:30px;border:2px solid #fff;width:300px;height:50px}
#aya-footer{padding:3em 0;position:relative;clear:both}
#aya-footer h3{margin-bottom:15px;font-weight:700;font-size:14px;text-transform:uppercase;color:rgba(255,255,255,.8)}
#aya-footer .aya-footer-links{padding:0;margin:0}
#aya-footer .aya-footer-links li{padding:0;margin:0;list-style:none}
#aya-footer .aya-footer-links li a{color:rgba(255,255,255,.5);text-decoration:none;font-size:12px}
#aya-footer .aya-footer-links li a:hover{text-decoration:underline}
#aya-footer .aya-widget{margin-bottom:30px}
#aya-footer .aya-widget h3{margin-bottom:15px;font-weight:700;font-size:14px;text-transform:uppercase}
#aya-footer .copyright .block{display:block}
#aya-footer .copyright{margin-top:30px}
.contentPagoFacturaUltima h2,.contentPagoFacturaUltima h3,.contentPagoFacturaUltima h4{font-weight:700}
.contentPagoFacturaUltima h2,.contentPagoFacturaUltima h3,h2.title-module{color:#8fc031}
.contentPagoFacturaUltima .label-factura{font-size:30px}
.img-factura-guia{max-width:90%}
.modal-dialog{max-width:50%!important}
.modal .img-modal-desktop{display:flex}
.modal .img-modal-cellphone{display:none}
.modal-body .btn-primary-trans{background-color:#8fc031;border-color:#8fc031}
.modal-body .btn-primary-trans:hover{background-color:#6f9b1e;border-color:#6f9b1e}
.logo-header{max-width:initial!important}
footer#aya-footer .logo-header{max-width:150px!important}
.btn-wsp{position:fixed;width:55px;height:55px;line-height:55px;bottom:30px;right:30px;background:#4adf83;color:#fff;border-radius:50px;text-align:center;font-size:30px;box-shadow:0 1px 10px rgba(0,0,0,.3);z-index:1200}
.btn-wsp:hover{color:#fff}
.link-matricula{color:#8fc031;font-size:1.3rem;font-weight:600;cursor:pointer}
#form-payment label{color:#064e72}
.form-check-label.payment{font-size:20px;font-weight:700}
input[type=checkbox]{transform:scale(1.4)}
.textisPublicStack{text-align:justify;font-size:1.2rem;margin-bottom:.5rem;font-weight:500;line-height:1.2}
.aya-bg{background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;width:100%;float:left}
.aya-bg .overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);transition:.5s}
.pointer{cursor:pointer}
.show-terms{color:#007bff}
.error hr{border:1px #52ABDB solid}
.text-isPublic-label{margin:0 7% 0 1%}
nav #nombreOperacion{display:none}
.aya-nav .navbar-toggler{color:#fff;border-color:rgba(255,255,255,.5)}
.aya-nav .navbar-toggler i{color:#fff}
.table-matricula{min-height:auto}
.form-control-lg{border-radius:30px!important}
#form-payment .form-control{border-color:rgb(134,183,254)}
#form-payment .form-control:focus{border-color:rgb(134,183,254);box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}

/* NAVBAR - links como botones pill */
nav.aya-nav .navbar-nav .nav-link{
  border:1px solid rgb(45,154,213);
  border-radius:25px!important;
  padding:8px 20px!important;
  color:rgba(0,0,0,.65)!important;
  background-color:rgb(162,214,245)!important;
  margin-left:6px;
}
nav.aya-nav .navbar-nav .nav-item:nth-child(2) .nav-link{
  background-color:transparent!important;
  color:#000!important;
}
nav.aya-nav .navbar-nav .btn-primary{
  background-color:rgb(162,214,245)!important;
  border-color:rgb(45,154,213)!important;
  color:rgba(0,0,0,.65)!important;
  border-radius:25px!important;
  padding:8px 20px!important;
}
nav.aya-nav .navbar-nav .btn-outline-primary{
  background-color:transparent!important;
  border-color:rgb(45,154,213)!important;
  color:#000!important;
  border-radius:25px!important;
  padding:8px 20px!important;
}

/* Todos los H2 dentro de section.home = verde */
section.home h2{color:#8fc031!important;font-size:32px!important;font-weight:700!important}

/* EXCEPTO H2 dentro de cardGreen = blanco (más específico) */
section.home .card.cardGreen h2{color:#fff!important}

/* Card verde */
.cardGreen{background-color:#8fc031!important;border-radius:6px}
.cardGreen .btn-light{background-color:#f8f9fa;color:#000;border:1px solid #f8f9fa;border-radius:6px}

/* H3 "Digita el número" = 28px */
.contentPagoFacturaUltima h3{color:#8fc031!important;font-size:28px!important;font-weight:700!important}

/* "Información de Pago" tabla TH = negro bold */
section.home .table-striped th{color:#000!important;font-weight:700!important;background-color:#fff!important}

/* Labels formulario = azul oscuro */
#form-payment label{color:#064e72}

/* Asterisco y campos obligatorios */
.required{color:#dc3545!important}
.text-required{color:#dc3545!important;font-size:.875rem}

/* "Pago total" label = azul oscuro 20px bold */
.form-check-label.payment{color:#064e72!important;font-size:20px;font-weight:700}

/* Logos PSE/Bancolombia */
.form-check-label.payment img{max-height:50px;object-fit:contain}

/* Checkbox label = azul oscuro */
#form-payment .form-check-label{color:#064e72}

/* Botón "Pagar factura" */
#form-payment .btn-primary.btn-lg{background-color:#0d6efd;border-color:#0d6efd;border-radius:8px;color:#fff;font-size:20px;padding:8px 16px}

/* Cards con sombra */
section.home .card.shadow{border:1px solid rgba(0,0,0,.176);border-radius:6px}

/* H5 descripción formulario */
section.home .card-body h5{color:#212529;font-size:20px}

/* H4 "Pago total" y "Medio de pago" */
#form-payment h4{color:#212529;font-size:24px;font-weight:500}

/* Botón nueva consulta */
#btnNuevaConsultaPagada .btn-outline-secondary{border-radius:8px!important;color:#6c757d;border-color:#6c757d}

/* Banner altura */
.headPanel-payment{height:160px!important}

/* Navbar fondo */
nav.aya-nav{background-color:rgb(248,249,250)!important}

/* Logo navbar */
nav.aya-nav .logo-header{max-height:70px}

/* "Centro de Ayuda" */
.name{color:#2d9ad5!important;font-weight:600}

/* Footer */
footer.aya-bg,.aya-bg{background-color:rgb(42,73,126)!important;color:#fff!important;padding:48px 0!important}
footer h2,footer h3,footer h4{color:rgba(255,255,255,.8)!important;font-size:14px!important;text-transform:uppercase}
footer a{color:rgba(255,255,255,.5)!important;text-decoration:none!important}
footer .btn-primary,footer a.btn{background-color:#0d6efd!important;color:#fff!important;border-radius:6px!important}

/* Imagen publicitaria */
.img-ads img{max-width:100%;border-radius:6px}

/* Loading overlay */
.loading-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);z-index:9999;justify-content:center;align-items:center}
.loading-overlay.active{display:flex}
.spinner-border-custom{width:3rem;height:3rem;border:.4em solid #8fc031;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Número de factura largo - no cortar */
.factura-numero{word-break:break-all;font-size:.85em}

/* Quitar flechas input number */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}

/* RESPONSIVE - Mobile */
@media only screen and (max-width:768px){
  .headPanel-payment{
    background-image:url(./assets/img/layout/1/banners/INTERNA-MOVIL-01.jpg);
    padding:60px 0;
    background-size:cover;
    background-position:center center;
  }
  .aya-nav .name{font-size:14px}
  .modal-dialog{max-width:100%!important}
  .modal .img-modal-desktop{display:none}
  .modal .img-modal-cellphone{display:flex}
  .factura-numero{font-size:.75em}
}