/* =====================================================================
   AREAVENTS — Uniformidad HIBRIDA (aditiva y reversible)
   - Hero, imagenes grandes y bandas de color: FULL-WIDTH (borde a borde).
   - El contenido (texto, buscador, tarjetas): en un contenedor amplio y
     CENTRADO (~1500px) -> todo alineado, parejo y legible.
   Reversible: quitar el <link> en modules/Layout/app.blade.php.
   ===================================================================== */

/* Contenido en un contenedor amplio y centrado (mas ancho que el original,
   para llenar mejor en monitores grandes, pero sin estirarse). Las bandas
   de color y las imagenes full-bleed conservan su ancho completo porque
   viven en secciones, no en .container. */
@media(min-width:1200px){
  body.frontend-page .container{
    max-width:1500px !important;
    width:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:24px;
    padding-right:24px;
  }
}

/* En pantallas medianas, un poco de aire lateral consistente. */
@media(min-width:768px) and (max-width:1199px){
  body.frontend-page .container{
    max-width:96% !important;
  }
}

/* =====================================================================
   Tarjetas de precio (planes): descripciones como lista de features
   con checkmark dorado, ordenadas y legibles.
   ===================================================================== */
.pricing-table .table-content ul{
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  text-align: left;
}
.pricing-table .table-content ul li{
  position: relative;
  padding: 9px 0 9px 28px;
  line-height: 1.45;
  color: #333;
  border-bottom: 1px solid rgba(0,0,0,.07);
}
.pricing-table .table-content ul li:last-child{
  border-bottom: 0;
}
.pricing-table .table-content ul li::before{
  content: "\2713"; /* ✓ */
  position: absolute;
  left: 0;
  top: 9px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background: #c6a344; /* dorado, a juego con los botones */
  border-radius: 50%;
}