/* =========================================================
   FILE: style_custom.css
   VERSION: v2.0.0
   UPDATED: 2026-02-05 America/Mexico_City
   AUTHOR: Steve
   CHANGE: Limpieza: elimina duplicados ui/fonts/calendar; deja legacy útil + badges pastel + utilidades
   ========================================================= */

/* Menú (legacy) */
.menu-item-active{border-right:solid 2px green}
.menu-item-active .menu-titulo{background-color:#fff}
.menu-item-background{background-color:#fff}

/* Estado respuestas */
.correcta{color:green;font-weight:400}
.incorrecta{color:red;font-weight:400}

/* Selector/lista (legacy) */
.form_list_container{
  width:100%;
  height:250px;
  max-height:240px;
  overflow:auto;
  border-radius:5px;
  border:solid 1px #ccc;
}
.form_list_container a{
  border-bottom:dashed .04rem #ccc;
  background-color:#fff;
  display:block;
  font-weight:600;
  color:#999;
  cursor:pointer;
  padding:.6rem;
  margin:0;
}
.form_list_container a:hover{background-color:rgb(210,229,246)}

.custom-control-label{padding-top:3px}

#ciudades_list{
  height:150px;
  overflow-x:hidden;
  overflow-y:auto;
  border:solid 1px #ccc;
}

/* Horarios (legacy) */
.hour_box{
  width:13px;
  height:21px;
  border:solid .05rem #ccc;
  margin-left:1px;
  padding:1px;
  padding-top:5px;
  font-size:7px;
  color:#ccc;
  text-align:center;
  border-radius:2px;
  font-family:Verdana,serif;
}
.hour_box_selected{background-color:#566985;color:#fff}

/* Tabla compacta (legacy) */
.table-custom-sm td{
  padding:.4rem;
  margin:0;
  text-align:center;
  font-size:10px;
  border:dashed .025rem #ddd;
}
.table-custom-sm th{
  padding:.25rem;
  text-align:center;
  font-size:11px;
}

/* Helpers */
.border-b{border-bottom:1px solid #c9c9c9 !important}
.b-right{border-right:1px solid #c9c9c9}
.bgWhite{background:#fff}
.p20{padding:20px}

.pull-left,.left{float:left}
.pull-right,.right{float:left}


/* Breadcrumb (legacy) */
.breadcrumb{
  background:none;
  padding:0;
  margin:0;
}

/* Parallax (legacy) */
.parallax-window{background-size:80%}

/* Responsive tables (legacy) */
@media screen and (max-width:600px){
  table{width:100%}
  thead{display:none}
  tr:nth-of-type(2n){background-color:inherit}
  tr td:first-child{
    font-weight:400;
    font-size:1.3em;
  }
  tbody td{
    display:block;
    text-align:center;
  }
  tbody td:before{
    content:attr(data-th);
    display:block;
    text-align:center;
  }
}

/* Print grid (legacy) */
@media print{
  .col-print-1{flex:0 0 8.33333%;max-width:8.33333%}
  .col-print-2{flex:0 0 16.66667%;max-width:16.66667%}
  .col-print-3{flex:0 0 25%;max-width:25%}
  .col-print-4{flex:0 0 33.33333%;max-width:33.33333%}
  .col-print-5{flex:0 0 41.66667%;max-width:41.66667%}
  .col-print-6{flex:0 0 50%;max-width:50%}
  .col-print-7{flex:0 0 58.33333%;max-width:58.33333%}
  .col-print-8{flex:0 0 66.66667%;max-width:66.66667%}
  .col-print-9{flex:0 0 75%;max-width:75%}
  .col-print-10{flex:0 0 83.33333%;max-width:83.33333%}
  .col-print-11{flex:0 0 91.66667%;max-width:91.66667%}
  .col-print-12{flex:0 0 100%;max-width:100%}
}

/* Formato (legacy) — OJO: wrap-form estaba en rojo; lo neutralizo */
.wrap-form{
  margin-top:5%;
  background:transparent;
  height:auto;
  padding:30px;
}

.formato{
  background-color:#fff;
  border:1px solid #f7f7f7;
  border-radius:20px;
  box-shadow:0 4px 8px rgba(0,0,0,.08);
  display:flex;
  position:relative;
  width:100%;
  height:75px;
  margin-left:0;
}

.form-control-new{
  cursor:pointer !important;
  display:block !important;
  z-index:2 !important;
  transition:border-color .2s ease !important;
  border:2px solid #fff !important;
  border-radius:12px !important;
  font-size:17px;
  outline:none;
}

.btn-continue{
  width:70% !important;
  height:51px !important;
  font-size:1.8em !important;
  border-radius:20px !important;
}

.formato-responsive{
  background-color:#fff !important;
  border:1px solid #f7f7f7;
  border-radius:20px;
  box-shadow:0 4px 8px rgba(0,0,0,.08);
  display:flex;
  position:relative;
  width:100%;
  height:265px;
  margin-left:0;
  border-bottom:3px solid #007bff;
}

.btn-responsive{
  width:100% !important;
  height:35px !important;
  font-size:1.8em !important;
  border-radius:20px !important;
}

/* Box (legacy) */
.box{
  border-left:12px solid #e5e7f2;
  box-shadow:0 0 5px rgba(0,0,0,.6);
}

.hr_color_secondary{
  width:100% !important;
  height:2px !important;
  background:#ff8772 !important;
}

/* Fondo helper */
.bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
  background-size:cover;
  background-attachment:scroll;
  background-position:center;
  background-repeat:repeat;
  background-origin:content-box;
}

/* No-list */
.no_list{list-style:none !important}

/* Badges pastel (se queda aquí si se usa en muchas páginas legacy) */
.badge,
.ui-badge,
.badge-primary,
.badge-secondary,
.badge-success,
.badge-warning,
.badge-danger,
.badge-info,
.badge-light,
.badge-dark,
.badge.bg-primary,
.badge.bg-secondary,
.badge.bg-success,
.badge.bg-warning,
.badge.bg-danger,
.badge.bg-info,
.badge.bg-light,
.badge.bg-dark{
  font-size:10.5px !important;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 10px !important;
  font-weight:700 !important;
  line-height:.9 !important;
  border:.5px solid transparent !important;
  letter-spacing:-.01em;
  text-transform:none !important;
  white-space:nowrap;
  border-radius:7px;
}

.badge *,.ui-badge *{color:inherit !important}

.badge-primary,.badge.bg-primary{
  background:rgba(59,130,246,.14) !important;
  border-color:rgba(59,130,246,.28) !important;
  color:rgba(29,78,216,.92) !important;
}
.badge-secondary,.badge.bg-secondary{
  background:rgba(255,145,0,.14) !important;
  border-color:rgba(255,145,0,.28) !important;
  color:rgba(81,44,0,.92) !important;
}
.badge-success,.badge.bg-success{
  background:rgba(16,185,129,.14) !important;
  border-color:rgba(16,185,129,.28) !important;
  color:rgba(6,95,70,.92) !important;
}
.badge-warning,.badge.bg-warning{
  background:rgba(245,158,11,.16) !important;
  border-color:rgba(245,158,11,.30) !important;
  color:rgba(146,64,14,.92) !important;
}
.badge-danger,.badge.bg-danger{
  background:rgba(239,68,68,.14) !important;
  border-color:rgba(239,68,68,.28) !important;
  color:rgba(153,27,27,.92) !important;
}
.badge-info,.badge.bg-info{
  background:rgba(6,182,212,.14) !important;
  border-color:rgba(6,182,212,.28) !important;
  color:rgba(14,116,144,.92) !important;
}
.badge-light,.badge.bg-light{
  background:rgba(17,24,39,.06) !important;
  border-color:rgba(17,24,39,.10) !important;
  color:rgba(17,24,39,.82) !important;
}
.badge-dark,.badge.bg-dark{
  background:rgba(17,24,39,.10) !important;
  border-color:rgba(17,24,39,.22) !important;
  color:rgba(17,24,39,.92) !important;
}
.badge-outline{
  background:transparent !important;
  border-color:rgba(17,24,39,.16) !important;
  color:rgba(17,24,39,.75) !important;
}
.badge-soft{
  background:rgba(17,24,39,.06) !important;
  border-color:rgba(17,24,39,.10) !important;
  color:rgba(17,24,39,.78) !important;
}
.badge-lg{padding:8px 14px !important;font-size:12px !important}
.badge-sm{padding:5px 10px !important;font-size:10px !important}

.badge-dot::before{
  content:"";
  width:7px;
  height:7px;
  display:inline-block;
  background:currentColor;
  opacity:.65;
}