/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

/* ==========================================
   TABLA MAREAS – DISEÑO PREMIUM
   ========================================== */

.mareas-santander-wrap{
  margin: 40px auto;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
  overflow: hidden;
  max-width: 1200px;
}

.mareas-santander-note{
  padding: 18px 24px;
  font-size: 14px;
  background: linear-gradient(90deg,#eaf6fb,#f7fbfe);
  border-bottom: 1px solid #e6eef4;
  color: #3a4a56;
}

.mareas-santander-scroll{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.mareas-santander-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  min-width: 1100px;
  margin: 0;
}

/* Cabecera */
.mareas-santander-table thead th{
  padding: 16px 18px;
  font-weight: 600;
  text-align: left;
  border-bottom: 2px solid #e6eef4;
  color: #2b3a45;
  font-size: 13px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Filas */
.mareas-santander-table td{
  padding: 14px 18px;
  border-bottom: 1px solid #f0f2f5;
  color: #333;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Zebra */
.mareas-santander-table tbody tr:nth-child(even){
  background: #f9fbfd;
}

/* Hover */
.mareas-santander-table tbody tr:hover{
  background: #eef6fb;
  transition: 0.2s ease;
}

/* Fecha destacada */
.mareas-santander-table td:first-child{
  font-weight: 600;
  color: #1f4e6b;
}

/* Coeficientes resaltados */
.mareas-santander-table td:nth-child(6),
.mareas-santander-table td:nth-child(7){
  font-weight: 700;
  color: #0d6efd;
}

/* Ajustes responsive */
@media (max-width: 1024px){
  .mareas-santander-wrap{
    margin: 30px 12px;
  }
}

@media (max-width: 768px){
  .mareas-santander-table{
    min-width: 900px;
  }
}

/* ====== Extras: día semana, fin de semana, coef > 70 ====== */

.mareas-santander-table .ms-dow{
  font-weight: 600;
  color: #244a63;
}

.mareas-santander-table tr.ms-weekend td{
  background: #fff8f0; /* suave */
}

.mareas-santander-table tr.ms-weekend:hover td{
  background: #fff0df;
}

/* Si algún coef del día > 70: resalta ligeramente toda la fila */
.mareas-santander-table tr.ms-highcoef td{
  background: #fff5f5;
}
.mareas-santander-table tr.ms-highcoef:hover td{
  background: #ffecec;
}

/* Coef > 70 en rojo (solo la celda) */
.mareas-santander-table td.ms-coef-high{
  color: #d10f0f;
  font-weight: 800;
}



/* Día semana */
.mareas-santander-table .ms-dow{
  font-weight: 700;
  color: #244a63;
}

/* Coef > 70 en rojo */
.mareas-santander-table .ms-coef-high{
  color: #d10f0f;
  font-weight: 800;
}

/* Resalta fin de semana */
.mareas-santander-table tr.ms-weekend td{
  background: #fff8f0;
}
.mareas-santander-table tr.ms-weekend:hover td{
  background: #fff0df;
}

/* Si algún coef > 70 resalta la fila */
.mareas-santander-table tr.ms-highcoef td{
  background: #fff5f5;
}
.mareas-santander-table tr.ms-highcoef:hover td{
  background: #ffecec;
}

/* ===========================
   MEJORAS VISUALES (v2)
   =========================== */

/* Header tabla más definido */
.mareas-santander-table thead th{
  position: sticky;
  top: 0;
  z-index: 5;
  background: #ffffff;
  border-bottom: 2px solid #e6eef4;
}

/* Día en azul oscuro */
.mareas-santander-table .ms-dow{
  font-weight: 800;
  color: #1f4e6b;
}

/* FIN DE SEMANA: un tono diferente (amarillo suave) */
.mareas-santander-table tr.ms-weekend td{
  background: #fff9e8; /* distinto del rosa */
}
.mareas-santander-table tr.ms-weekend:hover td{
  background: #fff2cc;
}

/* FILA con coef alto: rosa suave */
.mareas-santander-table tr.ms-highcoef td{
  background: #fff3f3;
}
.mareas-santander-table tr.ms-highcoef:hover td{
  background: #ffe9e9;
}

/* Si coincide fin de semana + coef alto, priorizamos un "melocotón" */
.mareas-santander-table tr.ms-weekend.ms-highcoef td{
  background: #ffeedd;
}
.mareas-santander-table tr.ms-weekend.ms-highcoef:hover td{
  background: #ffe2c7;
}

/* COEFICIENTES > 70 como "badge" rojo */
.mareas-santander-table td.ms-coef-high{
  color: #b20000;
  font-weight: 900;
  position: relative;
}

.mareas-santander-table td.ms-coef-high{
  padding: 10px 12px;
}

.mareas-santander-table td.ms-coef-high::before{
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #b20000;
  margin-right: 8px;
  vertical-align: middle;
}

/* Opcional: si quieres que SOLO las celdas coef tengan fondo tipo píldora */
.mareas-santander-table td.ms-coef-high{
  background: rgba(178,0,0,0.06);
  border-radius: 10px;
}

/* Para que esa "píldora" no rompa el zebra/hover, dejamos el borde suave */
.mareas-santander-table td.ms-coef-high{
  box-shadow: inset 0 0 0 1px rgba(178,0,0,0.10);
}




/* ===========================
   AJUSTES: filas blancas + alturas sin azul
   =========================== */

/* 1) Quitar zebra/colores por defecto: todas las filas normales blancas */
.mareas-santander-table tbody tr td{
  background: #ffffff;
}

/* Si tu CSS anterior tenía zebra, lo anulamos */
.mareas-santander-table tbody tr:nth-child(even) td,
.mareas-santander-table tbody tr:nth-child(odd) td{
  background: #ffffff;
}

/* 2) Mantener SOLO los resaltados especiales */
.mareas-santander-table tbody tr.ms-weekend td{
  background: #fff9e8;  /* finde */
}
.mareas-santander-table tbody tr.ms-highcoef td{
  background: #fff3f3;  /* coef alto */
}
.mareas-santander-table tbody tr.ms-weekend.ms-highcoef td{
  background: #ffeedd;  /* finde + coef alto */
}

/* Hover suave (sin cambiar el blanco demasiado) */
.mareas-santander-table tbody tr:hover td{
  background: #f6f9fc;
}
.mareas-santander-table tbody tr.ms-weekend:hover td{
  background: #fff2cc;
}
.mareas-santander-table tbody tr.ms-highcoef:hover td{
  background: #ffe9e9;
}
.mareas-santander-table tbody tr.ms-weekend.ms-highcoef:hover td{
  background: #ffe2c7;
}

.mareas-santander-table td,
.mareas-santander-table td *{
  color: #333 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

/* Mantener estilos intencionados */
.mareas-santander-table td.ms-date{
  font-weight: 600 !important;
  color: #1f4e6b !important;
}
.mareas-santander-table td.ms-dow{
  font-weight: 800 !important;
  color: #1f4e6b !important;
}

/* Coeficientes > 70 (se mantienen rojos y fuertes) */
.mareas-santander-table td.ms-coef-high{
  color: #b20000 !important;
  font-weight: 900 !important;
}

/* Si dentro de la tabla hay enlaces (Astra a veces colorea links en tablas) */
.mareas-santander-table a{
  color: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
}