/* Base Despertador — reemplazo mínimo de Bootstrap 4.5 (oct 2026).
 * Solo las clases que usa el tema (ver header.php, seccion-*.php, single.php).
 * Mobile-first: columnas a 100% bajo 768px.
 */
*,*::before,*::after{box-sizing:border-box}
.container{width:100%;max-width:1140px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
.container-fluid{width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}
.container-max{width:100%;margin-left:auto;margin-right:auto}
.rowh{display:flex;flex-wrap:wrap}
/* NOTA: a diferencia del .row de Bootstrap, SIN márgenes negativos.
 * Las secciones cuelgan directo del body (sin .container que los compense),
 * así que los -15px abrían scroll horizontal en toda la página. */
.rowh>[class*=col]{padding-left:15px;padding-right:15px;min-width:0}
.col-md-3,.col-md-4,.col-md-6,.col-md-9,.col-md-12,.col-lg,.col-sm,.col-6,.col{flex:0 0 100%;max-width:100%}
.col{flex:1 0 0;max-width:100%}
@media(min-width:576px){
.col-sm{flex:1 0 0;max-width:100%}
}
@media(min-width:768px){
.col-md-3{flex:0 0 25%;max-width:25%}
.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-md-6{flex:0 0 50%;max-width:50%}
.col-md-9{flex:0 0 75%;max-width:75%}
.col-md-12{flex:0 0 100%;max-width:100%}
.col-6{flex:0 0 50%;max-width:50%}
}
@media(min-width:992px){
.col-lg{flex:1 0 0;max-width:100%}
}
/* Card mínima */
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box-box;border:1px solid rgba(0,0,0,.125)}
.card-body{flex:1 1 auto;padding:1.25rem}
.card-titleh,.card-title-ap,.card-title-aph{margin-bottom:.75rem;line-height:1.25}
.card-text{margin-bottom:.75rem}
.card-img,.card-img-top{width:100%;height:auto;display:block}
/* Portada: recorte visual uniforme 16/9 en cards. Las destacadas verticales
 * ya no rompen la fila; object-position alta para salvar caras en retratos. */
.card .card-img,.card .card-img-top{aspect-ratio:16/9;object-fit:cover;object-position:center 30%}
.bg-white{background-color:#fff!important}
.rounded{border-radius:.25rem!important}
.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}
.mb-3{margin-bottom:1rem!important}
.mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mb-2{margin-bottom:.5rem!important}
.p-0{padding:0!important}
.text-center{text-align:center!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-muted{color:#595959!important}
.img-fluid{max-width:100%;height:auto}
.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}
/* Search form (antes Bootstrap) */
.form-inline{display:flex;flex-flow:row wrap;align-items:center}
.float-right{float:right!important}
.input-group{display:flex;align-items:stretch;width:100%}
.input-group>.form-control{flex:1 1 auto;min-width:0}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}
.input-group-append{display:flex}
.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}
/* Avisos sin clase img-fluid (slots #publicidad*): que nunca ensanchen la columna. */
a[id^=publicidad] img,a[id^=publicidadd] img{max-width:100%;height:auto;display:block}
/* Botones mínimos (popup + radio) */
.btn{display:inline-block;padding:.375rem .75rem;line-height:1.5;border-radius:.25rem;border:1px solid transparent;cursor:pointer}
.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}