.elementor-498 .elementor-element.elementor-element-2276af8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-498 .elementor-element.elementor-element-2276af8{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-0004b66 *//* Fondo oscuro y color de texto */
html, body, .site, .entry-content, .content-area {
  background-color: #000 !important;
  color: #fff !important;
}

/* Títulos con color y formato correcto */
h1, h2, h3, h4, h5, h6 {
  color: #fff !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 700 !important;
  line-height: 0.9 !important;
}

/* Texto y párrafos */
p, li, span, a {
  color: #fff !important;
}

/* Cards y secciones */
.card, .price-card, .step, .quote, details {
  background: #0f0f12 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

/* Botones */
.cta, .btn.primary {
  background: linear-gradient(135deg,#F2A900,#FFD15A) !important;
  color: #1a1200 !important;
  border: none !important;
}
.btn, .ghost {
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

/* Barra roja superior */
.accent { background:#E10600 !important; height:4px !important; }

/* Contenedor principal centrado */
.container {
  width: min(1200px,90vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* --- FIX: select en tema oscuro (todas las opciones visibles) --- */
select {
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 12px;
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none;
  padding-right: 36px;           /* espacio para la flecha */
  color-scheme: dark;            /* ayuda en Chrome/Safari para dropdown dark */
}

select:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(225,6,0,.35);
  border-color: rgba(225,6,0,.5);
}

/* Color del panel de opciones y del texto de cada opción */
select option {
  background: #101014 !important;  /* mismo card oscuro */
  color: #fff !important;
}

/* Estado seleccionado/hover dentro de la lista */
select option:checked,
select option:hover {
  background: #1a1a1f !important;
  color: #ffe3a6 !important;       /* amarillo UM para resaltar */
}/* End custom CSS */