/* =========================================================
   Amelia (listado y reserva de eventos) con la piel de Mirari.
   Amelia escribe sus colores como variables en línea (style="--am-c-…") en varios
   elementos; aquí se reescriben con !important para que manden las tintas del tema.
   No se tocan los ajustes de Amelia: el mismo CSS vale en staging y en producción.
   ========================================================= */

.amelia-v2-booking,
.amelia-v2-booking [style*="--am"],
.am-dialog-el,
.am-dialog-el [style*="--am"] {
  --am-font-family: var(--f-texto) !important;
  --am-c-font-family: var(--f-texto) !important;
  --am-rad-inp: var(--radio) !important;

  --am-c-primary: var(--oro) !important;
  --am-c-success: #8CCB95 !important;
  --am-c-error: #F0948A !important;
  --am-c-warning: #E9C462 !important;

  --am-c-main-bgr: var(--noche) !important;
  --am-c-main-heading-text: var(--papel) !important;
  --am-c-main-text: var(--papel) !important;
  --am-c-main-text-op15: rgba(241, 233, 218, .15) !important;

  --am-c-sb-bgr: var(--tinta) !important;
  --am-c-sb-text: var(--papel) !important;

  --am-c-inp-bgr: var(--tinta) !important;
  --am-c-inp-border: rgba(217, 165, 72, .38) !important;
  --am-c-inp-text: var(--papel) !important;
  --am-c-inp-placeholder: var(--niebla) !important;
  --am-c-inp-number-bgr: var(--tinta) !important;
  --am-c-inp-number-border: rgba(217, 165, 72, .38) !important;
  --am-c-inp-number-text: var(--papel) !important;
  --am-c-inp-number-placeholder: var(--niebla) !important;
  --am-c-inp-number-text-op03: rgba(241, 233, 218, .04) !important;
  --am-c-inp-number-text-op10: rgba(241, 233, 218, .1) !important;
  --am-c-inp-number-text-op40: rgba(241, 233, 218, .4) !important;
  --am-c-inp-number-text-op60: rgba(241, 233, 218, .6) !important;

  --am-c-drop-bgr: var(--noche) !important;
  --am-c-drop-text: var(--papel) !important;

  --am-c-card-bgr: var(--tinta) !important;
  --am-c-card-border: var(--filete) !important;
  --am-c-card-text: var(--papel) !important;

  --am-c-btn-prim: var(--oro) !important;
  --am-c-btn-prim-text: var(--tinta) !important;
  --am-c-btn-sec: var(--papel) !important;
  --am-c-btn-sec-text: var(--tinta) !important;

  /* Tarjeta del evento (listado), ficha (popup), entradas, horario y galería */
  --am-c-ec-bgr: var(--noche) !important;
  --am-c-ec-primary: var(--oro) !important;
  --am-c-ec-success: #8CCB95 !important;
  --am-c-ec-warning: #E9C462 !important;
  --am-c-ec-text: var(--papel) !important;
  --am-c-ec-text-op50: rgba(241, 233, 218, .55) !important;
  --am-c-ec-text-op80: rgba(241, 233, 218, .8) !important;
  --am-c-ec-text-op90: rgba(241, 233, 218, .9) !important;
  --am-c-ec-error-op70: rgba(240, 148, 138, .8) !important;
  --am-c-eli-bgr: var(--noche) !important;
  --am-c-eli-primary: var(--oro) !important;
  --am-c-eli-text: var(--papel) !important;
  --am-c-eli-text-op20: rgba(241, 233, 218, .14) !important;
  --am-c-eli-text-op60: rgba(241, 233, 218, .65) !important;
  --am-c-eli-text-op70: rgba(241, 233, 218, .72) !important;
  --am-c-eli-text-op80: rgba(241, 233, 218, .8) !important;
  --am-c-eli-text-op90: rgba(241, 233, 218, .9) !important;
  --am-c-ct-bgr: var(--tinta) !important;
  --am-c-ct-primary: var(--oro) !important;
  --am-c-ct-text: var(--papel) !important;
  --am-c-ct-text-op20: rgba(241, 233, 218, .16) !important;
  --am-c-ct-text-op60: rgba(241, 233, 218, .62) !important;
  --am-c-ct-text-op70: rgba(241, 233, 218, .72) !important;
  --am-c-ct-text-op80: rgba(241, 233, 218, .8) !important;
  --am-c-ct-text-op90: rgba(241, 233, 218, .9) !important;
  --am-c-elt-text: var(--papel) !important;
  --am-c-elt-text-op80: rgba(241, 233, 218, .8) !important;
  --am-c-elt-text-op90: rgba(241, 233, 218, .9) !important;
  --am-c-el-text-op15: rgba(241, 233, 218, .15) !important;
  --am-c-els-text-op10: rgba(241, 233, 218, .1) !important;
  --am-c-els-text-op25: rgba(241, 233, 218, .25) !important;
  --am-c-els-text-op60: rgba(241, 233, 218, .6) !important;
  --am-c-gc-bgr: var(--noche) !important;
  --am-c-gc-bgr-op70: rgba(10, 22, 39, .7) !important;
  --am-c-gc-text: var(--papel) !important;
  --am-c-gc-text-op10: rgba(241, 233, 218, .1) !important;
  --am-c-gc-text-op20: rgba(241, 233, 218, .2) !important;

  /* Paso de pago: resumen, desplegable del resumen y total */
  --am-c-pay-primary: var(--oro) !important;
  --am-c-pay-text: var(--papel) !important;
  --am-c-pay-text-op20: rgba(241, 233, 218, .16) !important;
  --am-c-pay-text-op30: rgba(241, 233, 218, .3) !important;
  --am-c-pay-text-op60: rgba(241, 233, 218, .65) !important;
  --am-c-pay-text-op70: rgba(241, 233, 218, .75) !important;
  --am-c-ps-primary: var(--oro) !important;
  --am-c-ps-total-price: var(--oro) !important;
  --am-c-ps-text-op06: rgba(241, 233, 218, .05) !important;
  --am-c-ps-text-op20: rgba(241, 233, 218, .16) !important;
  --am-c-ps-text-op25: rgba(241, 233, 218, .25) !important;
  --am-c-ps-text-op50: rgba(241, 233, 218, .6) !important;
  --am-c-ps-text-op60: rgba(241, 233, 218, .7) !important;
  --am-c-collapse-text-op10: rgba(241, 233, 218, .1) !important;
  --am-c-collapse-text-op80: rgba(241, 233, 218, .85) !important;

  --am-c-scroll-op10: rgba(217, 165, 72, .1) !important;
  --am-c-scroll-op30: rgba(217, 165, 72, .35) !important;
  --am-c-skeleton-op20: rgba(241, 233, 218, .1) !important;
  --am-c-skeleton-op60: rgba(241, 233, 218, .25) !important;
}

/* Botones: Amelia pone el color de cada botón en línea según su tipo */
.amelia-v2-booking .am-button--primary,
.am-dialog-el .am-button--primary {
  --am-c-btn-first: var(--oro) !important;
  --am-c-btn-first-op20: rgba(253, 230, 157, .14) !important;
  --am-c-btn-first-op30: rgba(253, 230, 157, .3) !important;
  --am-c-btn-first-op80: rgba(253, 230, 157, .85) !important;
  --am-c-btn-second: var(--tinta) !important;
}
.amelia-v2-booking .am-button--secondary,
.am-dialog-el .am-button--secondary {
  --am-c-btn-first: var(--papel) !important;
  --am-c-btn-first-op20: rgba(241, 233, 218, .1) !important;
  --am-c-btn-first-op30: rgba(241, 233, 218, .3) !important;
  --am-c-btn-first-op80: rgba(241, 233, 218, .8) !important;
  --am-c-btn-second: var(--noche) !important;
}
.amelia-v2-booking .am-button,
.am-dialog-el .am-button {
  border-radius: var(--radio) !important;
  font-family: var(--f-rotulo) !important; font-weight: 700 !important;
  letter-spacing: .12em; text-transform: uppercase;
}

/* Listado: sin la caja blanca; cada función como una fila del programa */
.amelia-v2-booking .am-els,
.amelia-v2-booking .am-elf { background: transparent !important; box-shadow: none !important; padding-inline: 0 !important; }
.amelia-v2-booking .am-ec,
.am-dialog-el .am-ec:not(.am-no-border) {
  background: var(--noche) !important;
  border-radius: var(--radio) !important;
  box-shadow: inset 3px 0 0 var(--laton), 0 0 0 1px var(--filete) !important;
}
.amelia-v2-booking .am-ec:hover { box-shadow: inset 3px 0 0 var(--oro), 0 0 0 1px rgba(217, 165, 72, .45) !important; }
.amelia-v2-booking .am-ec__info-name,
.am-dialog-el .am-ec__info-name {
  font-family: var(--f-display) !important; font-weight: 400 !important;
  font-size: clamp(1.25rem, 1rem + .8vw, 1.6rem) !important; line-height: 1.1 !important; letter-spacing: .01em;
}
.amelia-v2-booking .am-ec__period-date__day,
.am-dialog-el .am-ec__period-date__day { font-family: var(--f-display) !important; font-weight: 400 !important; font-size: 2rem !important; line-height: 1 !important; color: var(--oro) !important; }
.amelia-v2-booking .am-ec__period-date__month,
.amelia-v2-booking .am-ec__period-time,
.am-dialog-el .am-ec__period-date__month,
.am-dialog-el .am-ec__period-time { font-family: var(--f-rotulo) !important; letter-spacing: .08em; text-transform: uppercase; }
.amelia-v2-booking .am-ec__actions-price,
.am-dialog-el .am-ec__actions-price,
.am-dialog-el .am-ct__action-price { font-family: var(--f-rotulo) !important; font-weight: 700 !important; color: var(--oro) !important; }
.amelia-v2-booking .am-ec__image img,
.am-dialog-el .am-ec__image img { border-radius: var(--radio) !important; }

/* Ventana (popup) de la ficha y de los pasos de reserva */
.am-dialog-el.el-overlay { background: rgba(4, 10, 19, .82) !important; backdrop-filter: blur(3px); }
.am-dialog-el .el-dialog {
  background: var(--noche) !important; color: var(--papel);
  border-radius: var(--radio) !important;
  box-shadow: 0 0 0 1px var(--filete), 0 40px 90px -30px #000 !important;
}
.am-dialog-el .el-dialog__header { border-bottom: 1px solid var(--filete) !important; }
.am-dialog-el .el-dialog__footer { border-top: 1px solid var(--filete) !important; background: var(--noche) !important; }
.am-dialog-el .el-dialog__title,
.am-dialog-el .am-el__header-inner__title {
  font-family: var(--f-rotulo) !important; font-weight: 700 !important; font-size: .85rem !important;
  letter-spacing: .16em; text-transform: uppercase; color: var(--oro) !important;
}
.am-dialog-el .el-dialog__headerbtn .el-icon,
.am-dialog-el .am-icon-close { color: var(--papel) !important; }
.am-dialog-el .el-tabs__item { font-family: var(--f-rotulo) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--niebla) !important; }
.am-dialog-el .el-tabs__item.is-active { color: var(--oro) !important; }
.am-dialog-el .el-tabs__active-bar { background: var(--oro) !important; }
.am-dialog-el .el-tabs__nav-wrap::after { background: var(--filete) !important; }
.am-dialog-el .am-eli__main-title,
.am-dialog-el .am-eli__timetable-title,
.am-dialog-el .am-eli__description-title { font-family: var(--f-rotulo) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--laton) !important; font-size: .8rem !important; }
.am-dialog-el .am-ct { border-radius: var(--radio) !important; }

/* Campos (datos del cliente) y desplegables */
.am-dialog-el .el-input__wrapper,
.am-dialog-el .el-textarea__inner,
.am-dialog-el .el-select__wrapper { border-radius: var(--radio) !important; }
.el-select-dropdown.am-select-popper,
.el-popper.am-select-popper { background: var(--noche) !important; border-color: var(--filete) !important; color: var(--papel); }

@media (max-width: 640px) {
  .am-dialog-el .el-dialog { box-shadow: none !important; }
  .amelia-v2-booking .am-ec__info-name { font-size: 1.3rem !important; }
}