/* =========================================================
   RADIO MIRGAS FULL HD — Hoja de estilos principal
   Paleta: Blanco (#FFFFFF) + Rojo Mirgas (#BA1818)
   Tipografía: 'Archivo Black' (display) + 'Inter' (texto)
   ========================================================= */

:root{
  --rojo: #BA1818;
  --rojo-oscuro: #8f1212;
  --rojo-suave: #fdeaea;
  --negro: #191512;
  --gris-texto: #4a4340;
  --gris-linea: #e8e2df;
  --blanco: #ffffff;
  --crema: #fffdfb;
  --sombra: 0 6px 24px rgba(25,21,18,.08);
  --radio-font: 'Archivo Black', 'Arial Black', sans-serif;
  --body-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --max-width: 1240px;
}

*{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
body{
  margin:0; padding:0;
  font-family: var(--body-font);
  color: var(--negro);
  background: var(--crema);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img{ max-width:100%; display:block; }
a{ color: inherit; text-decoration:none; }
ul{ list-style:none; margin:0; padding:0; }
button{ font-family: inherit; cursor:pointer; }
.contenedor{ max-width: var(--max-width); margin:0 auto; padding:0 20px; }

/* ===== Focus visible (accesibilidad) ===== */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
  outline: 3px solid var(--rojo); outline-offset: 2px;
}

/* =========== BARRA SUPERIOR: ÚLTIMAS NOTICIAS (ticker) =========== */
.ticker-bar{
  background: var(--negro);
  color: var(--blanco);
  display:flex;
  align-items:center;
  height: 40px;
  font-size: 13px;
  overflow:hidden;
  position: relative;
}
.ticker-label{
  background: var(--rojo);
  color: #fff;
  font-family: var(--radio-font);
  font-size: 11px;
  letter-spacing: .5px;
  padding: 0 16px;
  height:100%;
  display:flex;
  align-items:center;
  white-space:nowrap;
  flex-shrink:0;
  z-index:2;
  clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
  padding-right: 26px;
}
.ticker-track-wrap{
  flex:1;
  overflow:hidden;
  position:relative;
  height:100%;
  display:flex;
  align-items:center;
}
.ticker-track{
  display:flex;
  align-items:center;
  gap:48px;
  white-space:nowrap;
  will-change: transform;
  animation: ticker-scroll 80s linear infinite;
  padding-left: 20px;
}
.ticker-track a{ color:#fff; opacity:.92; }
.ticker-track a:hover{ opacity:1; text-decoration: underline; }
.ticker-sep{ color: var(--rojo); margin:0 6px; }
@keyframes ticker-scroll{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
  .ticker-track{ animation: none; overflow-x:auto; }
}

/* =========================== HEADER =========================== */
.site-header{
  background: var(--blanco);
  border-bottom: 4px solid var(--rojo);
  position: sticky;
  top:0;
  z-index: 100;
  box-shadow: var(--sombra);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 12px 20px;
  gap: 20px;
}
.brand{
  display:flex;
  align-items:center;
  gap:14px;
}
.brand img{
  width: 58px; height:58px;
  border-radius:50%;
  flex-shrink:0;
}
.brand-text .titulo{
  font-family: var(--radio-font);
  font-size: 20px;
  color: var(--rojo);
  line-height:1;
  letter-spacing:.3px;
}
.brand-text .subtitulo{
  font-size: 11.5px;
  color: var(--gris-texto);
  margin-top:4px;
  max-width: 320px;
}

.main-nav{
  display:flex;
  align-items:center;
  gap: 4px;
}
.main-nav a{
  padding: 10px 14px;
  font-weight:700;
  font-size: 14px;
  color: var(--negro);
  border-radius: 6px;
  transition: .15s;
  text-transform: uppercase;
  letter-spacing:.3px;
}
.main-nav a:hover, .main-nav a.activo{
  background: var(--rojo);
  color:#fff;
}

.header-actions{ display:flex; align-items:center; gap:10px; }
.btn-buscar-toggle, .menu-toggle{
  background: none; border: 2px solid var(--rojo); color: var(--rojo);
  width:42px; height:42px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}
.menu-toggle{ display:none; }

.search-panel{
  display:none;
  background: var(--rojo-suave);
  border-bottom: 1px solid var(--gris-linea);
}
.search-panel.abierto{ display:block; }
.search-panel form{
  display:flex;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 14px 20px;
  gap:10px;
}
.search-panel input[type=text]{
  flex:1;
  padding: 12px 16px;
  border: 2px solid var(--rojo);
  border-radius: 8px;
  font-size:15px;
}
.search-panel button{
  background: var(--rojo); color:#fff; border:none;
  padding: 0 22px; border-radius:8px; font-weight:700;
}

/* =========================== SLIDER PORTADA =========================== */
.slider-hero{
  position: relative;
  width: 100%;
  aspect-ratio: 21 / 9;
  max-height: 560px;
  overflow: hidden;
  background: var(--negro);
}
@media (max-width: 640px){
  .slider-hero{ aspect-ratio: 4/3; max-height: 420px; }
}
.slider-hero .slide{
  position:absolute; inset:0;
  opacity:0;
  transition: opacity 1.1s ease-in-out;
}
.slider-hero .slide.activo{ opacity:1; z-index:1; }
.slider-hero .slide img{
  width:100%; height:100%; object-fit:cover;
}
.slider-hero::after{
  content:'';
  position:absolute; inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.35), transparent 40%);
  z-index:2;
  pointer-events:none;
}

/* =========================== REPRODUCTOR =========================== */
.player-bar{
  background: linear-gradient(120deg, var(--rojo) 0%, var(--rojo-oscuro) 100%);
  color:#fff;
}
.player-inner{
  display:flex;
  align-items:center;
  gap:20px;
  padding: 16px 20px;
  flex-wrap: wrap;
}
.player-live{
  display:flex; align-items:center; gap:8px;
  background: rgba(255,255,255,.15);
  padding: 4px 12px; border-radius: 20px;
  font-size: 12px; font-weight:700; letter-spacing:.5px;
  text-transform:uppercase;
}
.player-live .dot{
  width:8px; height:8px; border-radius:50%;
  background:#fff;
  animation: pulse 1.4s infinite;
}
@keyframes pulse{
  0%,100%{ opacity:1; transform:scale(1); }
  50%{ opacity:.4; transform:scale(.7); }
}
.player-controls{
  display:flex; align-items:center; gap:14px;
}
.player-btn{
  width:56px; height:56px; border-radius:50%;
  background:#fff; color: var(--rojo);
  border:none; display:flex; align-items:center; justify-content:center;
  flex-shrink:0; box-shadow: 0 4px 14px rgba(0,0,0,.2);
  transition: transform .15s;
}
.player-btn:hover{ transform: scale(1.06); }
.player-btn svg{ width:24px; height:24px; }
.player-info{
  flex:1; min-width:180px;
}
.player-info .nombre{
  font-family: var(--radio-font);
  font-size: 17px;
  line-height:1.2;
}
.player-info .estado{
  font-size: 12.5px;
  opacity:.9;
}
.player-volumen{
  display:flex; align-items:center; gap:8px;
  min-width: 140px;
}
.player-volumen input[type=range]{
  width: 100px; accent-color: #fff;
}
.player-bars{
  display:flex; align-items:flex-end; gap:3px; height:26px;
}
.player-bars span{
  width:4px; background:#fff; border-radius:2px;
  animation: eq 1s infinite ease-in-out;
}
.player-bars span:nth-child(1){ height:40%; animation-delay:0s; }
.player-bars span:nth-child(2){ height:100%; animation-delay:.15s; }
.player-bars span:nth-child(3){ height:60%; animation-delay:.3s; }
.player-bars span:nth-child(4){ height:80%; animation-delay:.45s; }
@keyframes eq{
  0%,100%{ transform: scaleY(.4); }
  50%{ transform: scaleY(1); }
}
.player-bar.pausado .player-bars span{ animation-play-state: paused; transform: scaleY(.3); }

/* =========================== FECHA / HORA PORTADA =========================== */
.fecha-hora-bar{
  background: var(--blanco);
  border-bottom: 1px solid var(--gris-linea);
  padding: 10px 20px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  font-size: 13px;
  color: var(--gris-texto);
  flex-wrap:wrap;
  gap:8px;
}
.fecha-hora-bar .fecha-item{
  display:flex; align-items:center; gap:6px;
  font-weight:600;
}
.fecha-hora-bar svg{ width:16px; height:16px; color: var(--rojo); flex-shrink:0; }
.redes-mini{ display:flex; gap:10px; }
.redes-mini a{
  width:30px; height:30px; border-radius:50%;
  border:1.5px solid var(--rojo); color:var(--rojo);
  display:flex; align-items:center; justify-content:center;
  transition:.15s;
}
.redes-mini a:hover{ background:var(--rojo); color:#fff; }
.redes-mini svg{ width:15px; height:15px; }

/* =========================== SECCIONES / TITULARES =========================== */
.seccion-titulo{
  display:flex; align-items:center; gap:14px;
  margin: 40px 0 22px;
}
.seccion-titulo h2{
  font-family: var(--radio-font);
  font-size: 22px;
  color: var(--negro);
  margin:0;
  white-space:nowrap;
  text-transform:uppercase;
}
.seccion-titulo .linea{
  flex:1; height:3px; background: var(--gris-linea); position:relative;
}
.seccion-titulo .linea::before{
  content:''; position:absolute; left:0; top:0; height:100%; width:60px;
  background: var(--rojo);
}
.seccion-titulo .ver-todo{
  font-size: 12.5px; font-weight:700; color: var(--rojo);
  text-transform: uppercase; white-space:nowrap;
}

.layout-principal{
  display:grid;
  grid-template-columns: 2.1fr 1fr;
  gap: 34px;
  padding: 30px 0 50px;
}
@media (max-width: 960px){
  .layout-principal{ grid-template-columns: 1fr; }
}

/* Tarjetas de noticias */
.grid-destacadas{
  display:grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 20px;
  margin-bottom: 10px;
}
@media (max-width: 700px){
  .grid-destacadas{ grid-template-columns: 1fr; }
}
.tarjeta-grande{
  position:relative;
  border-radius: 14px;
  overflow:hidden;
  aspect-ratio: 4/3;
  box-shadow: var(--sombra);
}
.tarjeta-grande img{ width:100%; height:100%; object-fit:cover; transition: transform .4s; }
.tarjeta-grande:hover img{ transform: scale(1.05); }
.tarjeta-grande .overlay{
  position:absolute; inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.85) 10%, transparent 60%);
  display:flex; flex-direction:column; justify-content:flex-end;
  padding: 20px;
}
.categoria-chip{
  display:inline-block;
  background: var(--rojo); color:#fff;
  font-size: 11px; font-weight:700; text-transform:uppercase;
  padding: 4px 10px; border-radius:4px; letter-spacing:.4px;
  margin-bottom:10px; width:fit-content;
}
.tarjeta-grande h3, .tarjeta-media h3{
  color:#fff; font-size: 19px; line-height:1.3; margin:0 0 6px;
  font-weight:800;
}
.tarjeta-grande .meta, .tarjeta-media .meta{
  color: rgba(255,255,255,.85); font-size: 12px;
}

.lista-secundarias{
  display:flex; flex-direction:column; gap:16px;
}
.tarjeta-media{
  position:relative; border-radius:12px; overflow:hidden;
  aspect-ratio: 16/10; box-shadow: var(--sombra);
}
.tarjeta-media img{ width:100%; height:100%; object-fit:cover; transition: transform .4s;}
.tarjeta-media:hover img{ transform: scale(1.05); }
.tarjeta-media .overlay{
  position:absolute; inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.82), transparent 65%);
  display:flex; flex-direction:column; justify-content:flex-end; padding:14px;
}
.tarjeta-media h3{ font-size:15px; }

/* Tarjetas horizontales (listado de artículos) */
.tarjeta-horizontal{
  display:flex; gap:16px;
  background:#fff; border-radius:12px; padding:12px;
  box-shadow: var(--sombra);
  align-items:stretch;
}
.tarjeta-horizontal .miniatura{
  width: 140px; flex-shrink:0; border-radius:8px; overflow:hidden; aspect-ratio:4/3;
}
.tarjeta-horizontal .miniatura img{ width:100%; height:100%; object-fit:cover; }
.tarjeta-horizontal .contenido{ flex:1; display:flex; flex-direction:column; }
.tarjeta-horizontal h3{ font-size:16px; margin:2px 0 6px; line-height:1.35; }
.tarjeta-horizontal p{ font-size:13.5px; color:var(--gris-texto); margin:0; flex:1; }
.tarjeta-horizontal .meta{ font-size:11.5px; color:#8a807c; margin-top:8px; }
@media (max-width: 480px){
  .tarjeta-horizontal .miniatura{ width:100px; }
  .tarjeta-horizontal h3{ font-size:14.5px; }
}

.lista-articulos{ display:flex; flex-direction:column; gap:16px; }

/* Botón cargar más / paginación */
.paginacion{ display:flex; justify-content:center; gap:8px; margin-top: 30px; flex-wrap:wrap; }
.paginacion a, .paginacion span{
  padding: 9px 15px; border-radius:8px; font-size:13.5px; font-weight:700;
  border: 1.5px solid var(--gris-linea); color: var(--negro);
}
.paginacion a:hover{ border-color: var(--rojo); color:var(--rojo); }
.paginacion .activo{ background: var(--rojo); color:#fff; border-color:var(--rojo); }

/* =========================== SIDEBAR =========================== */
.widget{
  background:#fff; border-radius: 12px; padding: 20px;
  box-shadow: var(--sombra); margin-bottom: 24px;
}
.widget h3{
  font-family: var(--radio-font);
  font-size: 15px; text-transform:uppercase;
  color: var(--rojo); margin: 0 0 16px;
  padding-bottom:10px; border-bottom: 2px solid var(--rojo-suave);
}
.widget-populares li{
  display:flex; gap:12px; align-items:flex-start;
  padding: 10px 0; border-bottom: 1px solid var(--gris-linea);
}
.widget-populares li:last-child{ border-bottom:none; }
.widget-populares .num{
  font-family: var(--radio-font); font-size: 22px; color: var(--rojo-suave);
  -webkit-text-stroke: 1.5px var(--rojo); flex-shrink:0; width:28px;
}
.widget-populares h4{ font-size: 13.5px; margin:0; line-height:1.35; }
.widget-populares .meta{ font-size:11px; color:#8a807c; margin-top:4px; }

.widget-categorias li a{
  display:flex; justify-content:space-between; align-items:center;
  padding: 10px 0; border-bottom: 1px solid var(--gris-linea);
  font-weight:600; font-size:14px;
}
.widget-categorias li:last-child a{ border-bottom:none; }
.widget-categorias li a:hover{ color: var(--rojo); }
.widget-categorias svg{ width:16px; height:16px; }

.banner-slot{
  display:flex; align-items:center; justify-content:center;
  min-height: 100px; background: var(--rojo-suave);
  border-radius: 12px; margin-bottom: 24px; overflow:hidden;
  font-size:11px; color:#a58; text-transform:uppercase; letter-spacing:.5px;
}
.banner-slot:empty::before{ content: 'Espacio publicitario'; }

/* =========================== ARTÍCULO INDIVIDUAL =========================== */
.articulo-header{ padding: 30px 0 10px; }
.migas{ font-size:12.5px; color:#8a807c; margin-bottom:14px; }
.migas a:hover{ color: var(--rojo); }
.articulo-titulo{
  font-family: var(--radio-font);
  font-size: clamp(24px, 4vw, 38px);
  line-height:1.2; margin: 8px 0 14px;
}
.articulo-resumen{ font-size:17px; color: var(--gris-texto); margin-bottom:18px; }
.articulo-meta{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  font-size: 13px; color:#8a807c; padding-bottom:20px; border-bottom: 1px solid var(--gris-linea);
  margin-bottom: 24px;
}
.articulo-meta .autor{ font-weight:700; color:var(--negro); }
.articulo-imagen{ border-radius:14px; overflow:hidden; margin-bottom:26px; box-shadow: var(--sombra); }
.articulo-cuerpo{ font-size:16.5px; line-height:1.85; color:#302a27; }
.articulo-cuerpo p{ margin: 0 0 20px; }
.articulo-cuerpo img{ border-radius:10px; margin: 10px 0; }
.articulo-cuerpo h2, .articulo-cuerpo h3{ font-family: var(--radio-font); margin: 30px 0 14px; }

.compartir-bar{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  padding: 22px 0; margin: 20px 0; border-top:1px solid var(--gris-linea); border-bottom:1px solid var(--gris-linea);
}
.compartir-bar span{ font-weight:700; font-size:13.5px; margin-right:6px; }
.btn-compartir{
  width:38px; height:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#fff; transition: transform .15s;
}
.btn-compartir:hover{ transform: translateY(-2px); }
.btn-compartir svg{ width:17px; height:17px; }
.bg-whatsapp{ background:#25D366; }
.bg-facebook{ background:#1877F2; }
.bg-twitter{ background:#000000; }
.bg-telegram{ background:#229ED9; }
.bg-copiar{ background: var(--negro); }

/* =========================== COMENTARIOS =========================== */
.comentarios-box{ margin: 40px 0; }
.comentarios-box h3{
  font-family: var(--radio-font); font-size:19px; text-transform:uppercase;
  margin-bottom:20px; display:flex; align-items:center; gap:8px;
}
.form-comentario{
  background:#fff; padding: 22px; border-radius:12px; box-shadow: var(--sombra); margin-bottom: 26px;
}
.form-comentario .fila{ display:flex; gap:14px; margin-bottom:14px; flex-wrap:wrap; }
.form-comentario input, .form-comentario textarea{
  width:100%; padding: 12px 14px; border:1.5px solid var(--gris-linea);
  border-radius:8px; font-family:inherit; font-size:14.5px;
}
.form-comentario input:focus, .form-comentario textarea:focus{ border-color:var(--rojo); outline:none; }
.form-comentario textarea{ min-height:110px; resize:vertical; }
.form-comentario .campo{ flex:1; min-width:200px; }
.btn-enviar{
  background: var(--rojo); color:#fff; border:none;
  padding: 13px 26px; border-radius:8px; font-weight:700; font-size:14.5px;
}
.btn-enviar:hover{ background: var(--rojo-oscuro); }
.nota-moderacion{ font-size:12px; color:#8a807c; margin-top:10px; }

.lista-comentarios .comentario{
  display:flex; gap:14px; padding: 18px 0; border-bottom:1px solid var(--gris-linea);
}
.avatar-comentario{
  width:42px; height:42px; border-radius:50%; background: var(--rojo);
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-family: var(--radio-font); font-size:16px; flex-shrink:0;
}
.comentario .autor-com{ font-weight:700; font-size:14.5px; }
.comentario .fecha-com{ font-size:12px; color:#8a807c; margin-left:8px; font-weight:400; }
.comentario p{ margin:6px 0 0; font-size:14.5px; color:#302a27; }
.sin-comentarios{ color:#8a807c; font-size:14px; padding:14px 0; }

/* =========================== RELACIONADAS =========================== */
.relacionadas{ margin: 40px 0; }
.grid-relacionadas{
  display:grid; grid-template-columns: repeat(3, 1fr); gap:18px;
}
@media (max-width: 800px){ .grid-relacionadas{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px){ .grid-relacionadas{ grid-template-columns: 1fr; } }

/* =========================== FOOTER =========================== */
.site-footer{
  background: var(--negro); color: #cfc7c3; margin-top: 40px;
}
.footer-top{
  display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 30px; padding: 50px 20px 30px; max-width: var(--max-width); margin:0 auto;
}
@media (max-width: 800px){ .footer-top{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px){ .footer-top{ grid-template-columns: 1fr; } }
.footer-top h4{
  color:#fff; font-family: var(--radio-font); font-size:14px;
  text-transform:uppercase; margin: 0 0 16px;
}
.footer-brand{ display:flex; gap:12px; align-items:flex-start; margin-bottom:14px; }
.footer-brand img{ width:50px; height:50px; border-radius:50%; }
.footer-brand .nombre{ color:#fff; font-family:var(--radio-font); font-size:16px; }
.footer-top p{ font-size:13.5px; line-height:1.7; }
.footer-top ul li{ margin-bottom:10px; }
.footer-top ul li a:hover{ color: var(--rojo); }
.footer-redes{ display:flex; gap:10px; margin-top:14px; }
.footer-redes a{
  width:34px; height:34px; border-radius:50%; border:1.5px solid #443f3c;
  display:flex; align-items:center; justify-content:center; color:#fff;
}
.footer-redes a:hover{ background: var(--rojo); border-color:var(--rojo); }
.footer-redes svg{ width:16px; height:16px; }
.footer-google-play{ display:inline-block; margin-top:16px; }
.footer-google-play img{ width:160px; height:auto; }
.footer-bottom{
  border-top: 1px solid #322e2b; text-align:center;
  padding: 18px 20px; font-size:12.5px; color:#8d8580;
}
.footer-bottom a{ color:#fff; }

/* =========================== BOTÓN FLOTANTE WHATSAPP =========================== */
.wsp-flotante{
  position: fixed; bottom: 22px; right: 22px; z-index: 999;
  width:58px; height:58px; border-radius:50%;
  background:#25D366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 6px 20px rgba(0,0,0,.3);
  animation: wsp-pop .4s ease;
}
.wsp-flotante svg{ width:30px; height:30px; }
.wsp-flotante:hover{ transform: scale(1.08); }
@keyframes wsp-pop{ from{ transform: scale(0);} to{ transform: scale(1);} }

/* =========================== MENÚ MÓVIL =========================== */
@media (max-width: 960px){
  .main-nav{
    position: fixed; top:0; right:-100%; height:100vh; width: 78%; max-width:320px;
    background:#fff; flex-direction:column; align-items:stretch;
    padding: 90px 20px 20px; box-shadow: -8px 0 30px rgba(0,0,0,.2);
    transition: right .3s ease; z-index: 200; overflow-y:auto;
  }
  .main-nav.abierto{ right:0; }
  .main-nav a{ padding:14px 10px; border-bottom:1px solid var(--gris-linea); border-radius:0; }
  .menu-toggle{ display:flex; }
  .brand-text .subtitulo{ display:none; }
  .brand img{ width:46px; height:46px; }
}
.overlay-menu{
  display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:95;
}
.overlay-menu.activo{ display:block; }

/* =========================== UTILIDADES =========================== */
.sin-imagen{
  background: linear-gradient(135deg, var(--rojo) 0%, var(--rojo-oscuro) 100%);
  display:flex; align-items:center; justify-content:center; color:#fff;
}
.sin-imagen svg{ width:36%; height:36%; opacity:.5; }
.badge-destacada{
  position:absolute; top:14px; left:14px; z-index:3;
  background:#fff; color:var(--rojo); font-family:var(--radio-font);
  font-size:11px; padding:5px 10px; border-radius:5px;
}
.page-heading{
  padding: 30px 0 6px;
}
.page-heading h1{
  font-family: var(--radio-font); font-size: clamp(24px,4vw,32px); text-transform:uppercase;
}
.alerta{ padding:14px 18px; border-radius:8px; margin-bottom:20px; font-size:14px; }
.alerta-exito{ background:#e6f7ec; color:#1a7f43; border:1px solid #b7ecc9; }
.alerta-error{ background:#fdeaea; color:var(--rojo); border:1px solid #f5c3c3; }