/******* Do not edit this file *******
Code Snippets Manager
Saved: Nov 21 2025 | 17:09:18 */
@charset "UTF-8";
/* =========================================
   1. ESTILOS GENERALES (DESKTOP)
   ========================================= */
.fav-table-container {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
/* GRID DEFINITION AJUSTADO: 
   Antes: 90px | 1fr | 100px ...
   Ahora: 100px | 1fr | 120px ... (Más espacio para Imagen y Duración)
*/
.fav-header, .fav-row, .fav-row-total {
  display: grid;
  /* 1. Imagen (100px) | 2. Título (Auto) | 3. Duración (120px) | 4. Precio (130px) | 5. Bonif (130px) | 6. Acción (140px) */
  grid-template-columns: 100px 1fr 120px 130px 130px 140px;
  align-items: center;
}
/* CABECERA */
.fav-header {
  background-color: #f4f6f8;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 700;
  color: #081389;
}
.fav-th {
  padding: 15px 5px;
  /* Reducido padding lateral para ganar espacio */
  text-align: center;
  white-space: nowrap;
  /* OBLIGA A UNA SOLA LÍNEA */
}
.fav-th:nth-child(2) {
  text-align: left;
  padding-left: 15px;
}
/* FILAS */
.fav-row {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.2s;
}
.fav-row:last-child {
  border-bottom: none;
}
.fav-row:hover {
  background-color: #fafafa;
}
/* CELDAS */
.fav-td {
  padding: 15px 5px;
  text-align: center;
  font-size: 15px;
  color: #333;
}
/* IMAGEN (Se mantiene en 90px visualmente, pero la columna es de 100px para el título) */
.fav-img {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fav-img img.img-cover {
  width: 90px;
  height: 90px;
  object-fit: cover;
  display: block;
  border-radius: 4px;
  /* Opcional: queda mejor con un pelín de borde */
}
/* TÍTULO */
.fav-title {
  text-align: left;
  padding-left: 15px;
  padding-right: 10px;
}
.fav-title a {
  color: #081389;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.3;
}
/* BOTÓN ELIMINAR */
.fav-action .btn-toggle-fav {
  padding: 8px 12px;
  font-size: 14px;
  width: auto;
  margin: 0 auto;
  border-color: #cc0000;
  color: #cc0000;
  white-space: nowrap;
}
.fav-action .btn-toggle-fav:hover {
  background-color: #ffe5e5;
}
.fav-action .btn-toggle-fav .dashicons {
  font-size: 18px;
  width: 18px;
  height: 18px;
  -webkit-text-stroke: 0;
}
.mobile-label {
  display: none;
}
/* =========================================
   2. FILA DE TOTALES
   ========================================= */
.fav-row-total {
  background-color: #f4f6f8;
  border-top: 2px solid #e0e0e0;
  padding: 15px 0;
}
.label-totales {
  text-align: right;
  padding-right: 15px;
  /* Espacio contra el precio */
  font-weight: bold;
  color: #333;
  white-space: nowrap;
  /* OBLIGA A UNA SOLA LÍNEA */
}
/* Total Precio */
.total-precio {
  font-weight: normal;
  font-size: 16px;
  color: #333;
  white-space: nowrap;
}
/* Total Bonificado */
.total-bonificado {
  font-weight: 700;
  font-size: 16px;
  color: #081389;
  white-space: nowrap;
}
/* =========================================
   3. BOTONES DE ACCIÓN (CHECKOUT)
   ========================================= */
.fav-checkout-actions {
  margin-top: 30px;
  display: flex;
  gap: 20px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.btn-fav-checkout {
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
.btn-fav-checkout:focus {
  outline: none !important;
  box-shadow: none !important;
}
/* Botón COMPRAR */
.btn-compra {
  background-color: #ffffff;
  border: 2px solid #081389;
  color: #081389;
}
.btn-compra:hover {
  background-color: #DDE4F0;
  color: #081389;
}
/* Botón BONIFICAR */
.btn-bonifica {
  background-color: #081389;
  color: #ffffff;
  border: 2px solid transparent;
}
.btn-bonifica:hover {
  background-color: #194A9B;
  color: #ffffff !important;
}
/* =========================================
   4. RESPONSIVE (MÓVIL < 900px)
   ========================================= */
@media (max-width: 900px) {
  /* Totales Móvil */
  /* Ocultar celdas vacías en móvil */
  /* Botones Móvil */
  .fav-header {
    display: none;
  }
  .fav-row, .fav-row-total {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-bottom: 5px solid #f4f6f8;
  }
  .fav-img img.img-cover {
    width: 100%;
    max-width: 200px;
    height: auto;
    margin-bottom: 15px;
  }
  .fav-td {
    padding: 5px 0;
    text-align: left;
    width: 100%;
  }
  .fav-title {
    text-align: center;
    margin-bottom: 10px;
    padding: 0;
  }
  .mobile-label {
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
    color: #666;
  }
  .fav-action {
    margin-top: 15px;
  }
  .fav-action .btn-toggle-fav {
    width: 100%;
  }
  .fav-row-total {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .fav-row-total .fav-td:nth-child(1), .fav-row-total .fav-td:nth-child(2), .fav-row-total .fav-td:nth-child(6) {
    display: none;
  }
  .fav-checkout-actions {
    flex-direction: column;
    gap: 10px;
  }
  .btn-fav-checkout {
    width: 100%;
    text-align: center;
  }
}