.elementor-422 .elementor-element.elementor-element-eb51055{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-422 .elementor-element.elementor-element-eb51055:not(.elementor-motion-effects-element-type-background), .elementor-422 .elementor-element.elementor-element-eb51055 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1e7a290 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-422 .elementor-element.elementor-element-2b8ed41f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;text-align:center;}.elementor-422 .elementor-element.elementor-element-2b8ed41f .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:40px;font-weight:800;line-height:1.15em;letter-spacing:-0.1px;color:var( --e-global-color-text );}.elementor-422 .elementor-element.elementor-element-446e506d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-422 .elementor-element.elementor-element-446e506d:not(.elementor-motion-effects-element-type-background), .elementor-422 .elementor-element.elementor-element-446e506d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0C20;}.elementor-422 .elementor-element.elementor-element-1aa94060{--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;--border-radius:4px 0px 0px 4px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:36px;--padding-bottom:36px;--padding-left:28px;--padding-right:28px;}.elementor-422 .elementor-element.elementor-element-1aa94060:not(.elementor-motion-effects-element-type-background), .elementor-422 .elementor-element.elementor-element-1aa94060 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bc37e51 );}.elementor-422 .elementor-element.elementor-element-6974f44{background-color:#0F0F24;padding:070px 28px 36px 28px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:16px 16px 16px 16px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-422 .elementor-element.elementor-element-e34f7dd .elementor-button{background-color:var( --e-global-color-6550550 );}.elementor-422 .elementor-element.elementor-element-92fddfa{--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;border-style:solid;--border-style:solid;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#6395C6;--border-color:#6395C6;--border-radius:4px 4px 4px 4px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:36px;--padding-bottom:36px;--padding-left:28px;--padding-right:28px;}.elementor-422 .elementor-element.elementor-element-92fddfa:not(.elementor-motion-effects-element-type-background), .elementor-422 .elementor-element.elementor-element-92fddfa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #6395C60F 0%, #0F0F24 100%);}.elementor-422 .elementor-element.elementor-element-52f82c5d{background-color:#0F0F24;padding:36px 28px 36px 28px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-cd3b4b3 );border-radius:16px 16px 16px 16px;}.elementor-422 .elementor-element.elementor-element-426ba09 .elementor-button{background-color:var( --e-global-color-6550550 );}.elementor-422 .elementor-element.elementor-element-9a996b3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-422 .elementor-element.elementor-element-9a996b3:not(.elementor-motion-effects-element-type-background), .elementor-422 .elementor-element.elementor-element-9a996b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1e7a290 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-422 .elementor-element.elementor-element-69c59fbd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;font-family:"Outfit", Sans-serif;font-size:16px;font-weight:400;line-height:1.65em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-text );}.elementor-422 .elementor-element.elementor-element-6439d174{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 3px;--row-gap:0px;--column-gap:3px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-422 .elementor-element.elementor-element-6439d174:not(.elementor-motion-effects-element-type-background), .elementor-422 .elementor-element.elementor-element-6439d174 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e9c3186 );}.elementor-422 .elementor-element.elementor-element-351f1848{--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;--border-radius:4px 0px 0px 4px;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;}.elementor-422 .elementor-element.elementor-element-351f1848:not(.elementor-motion-effects-element-type-background), .elementor-422 .elementor-element.elementor-element-351f1848 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bc37e51 );}.elementor-422 .elementor-element.elementor-element-364bb2dd{--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;--border-radius:4px 0px 0px 4px;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;}.elementor-422 .elementor-element.elementor-element-364bb2dd:not(.elementor-motion-effects-element-type-background), .elementor-422 .elementor-element.elementor-element-364bb2dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bc37e51 );}.elementor-422 .elementor-element.elementor-element-b3fccb8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-422 .elementor-element.elementor-element-eb51055{--content-width:1200px;}.elementor-422 .elementor-element.elementor-element-446e506d{--content-width:1200px;}.elementor-422 .elementor-element.elementor-element-1aa94060{--width:48%;}.elementor-422 .elementor-element.elementor-element-92fddfa{--width:48%;}.elementor-422 .elementor-element.elementor-element-9a996b3{--content-width:1200px;}.elementor-422 .elementor-element.elementor-element-6439d174{--content-width:1200px;}.elementor-422 .elementor-element.elementor-element-351f1848{--width:33.33%;}.elementor-422 .elementor-element.elementor-element-364bb2dd{--width:66.66%;}}/* Start custom CSS for container, class: .elementor-element-446e506d *//* === Pricing grid: ancho máximo centrado === */
.elementor-422 .elementor-element.elementor-element-446e506d > .elementor-container {
  max-width: 920px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-69c59fbd *//* === Subtítulo eventos: ancho máximo === */
.elementor-422 .elementor-element.elementor-element-69c59fbd {
  max-width: 560px;
  margin: 0 auto 48px auto;
}/* End custom CSS */
/* Start custom CSS *//* ================================================
   JOYLANDIA — CSS PÁGINA DE ENTRADAS
   Versión FINAL DEFINITIVA — Mayo 2026
   ================================================ */


/* ================================================
   1. OCULTAR ELEMENTOS INNECESARIOS
   ================================================ */

.product-type-booking .woocommerce-product-gallery,
.product-type-booking .product_title,
.product-type-booking .price,
.product-type-booking .product_meta,
.product-type-booking .woocommerce-tabs,
.product-type-booking .related.products,
.product-type-booking .woocommerce-breadcrumb,
.product-type-booking .woocommerce-product-rating,
.product-type-booking .woocommerce-product-gallery__trigger,
.product-type-booking .posted_in,
div.product .woocommerce-tabs,
div.product .related.products,
div.product .product_meta,
div.product .woocommerce-breadcrumb,
div.product .woocommerce-product-gallery {
  display: none !important;
}

/* Ocultar aviso zona horaria */
.wc-bookings-date-picker .wc-bookings-start-date-notice,
.wc-bookings-date-picker > p {
  display: none !important;
}


/* ================================================
   2. LAYOUT — SHORTCODE OCUPA 100%
   ================================================ */

.product-type-booking.product,
.woocommerce div.product,
.woocommerce-page div.product {
  width: 100% !important;
  max-width: 100% !important;
}

.woocommerce div.product form.cart,
.woocommerce div.product .woocommerce-booking-notice,
.wc-bookings-booking-form,
.woocommerce div.product div.summary {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}


/* ================================================
   3. CONTENEDOR DEL FORMULARIO
   ================================================ */

.wc-bookings-booking-form {
  background: #080816 !important;
  border: 1px solid rgba(99,149,198,0.08) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-top: 16px !important;
}


/* ================================================
   4. LABELS
   ================================================ */

.wc-bookings-booking-form label {
  font-family: 'Outfit', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8888aa !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}


/* ================================================
   5. CAMPO PERSONAS
   ================================================ */

.wc-bookings-booking-form input[type="number"] {
  background: #0f0f24 !important;
  border: 1px solid rgba(99,149,198,0.12) !important;
  border-radius: 8px !important;
  color: #eeeef5 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 10px 14px !important;
  width: 80px !important;
}


/* ================================================
   6. CALENDARIO
   ================================================ */

/* Contenedor */
.wc-bookings-date-picker .ui-datepicker {
  background: #0f0f24 !important;
  border: 1px solid rgba(99,149,198,0.12) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  color: #eeeef5 !important;
  width: 100% !important;
}

/* Cabecera mes y año */
.wc-bookings-date-picker .ui-datepicker-header {
  background: transparent !important;
  border: none !important;
}

.wc-bookings-date-picker .ui-datepicker-title {
  color: #eeeef5 !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
}

/* Días de la semana */
.wc-bookings-date-picker .ui-datepicker th {
  color: #555570 !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  background: transparent !important;
}

.wc-bookings-date-picker .ui-datepicker thead tr {
  background: rgba(99,149,198,0.06) !important;
}

/* Celdas */
.wc-bookings-date-picker .ui-datepicker td {
  background: transparent !important;
  padding: 2px !important;
}

/* Días no disponibles */
.wc-bookings-date-picker .ui-datepicker td span,
.wc-bookings-date-picker .ui-datepicker td a {
  background: transparent !important;
  color: #333355 !important;
  border: none !important;
  border-radius: 6px !important;
  font-family: 'Outfit', sans-serif !important;
  text-align: center !important;
}

/* Días disponibles */
.wc-bookings-date-picker .ui-datepicker td.bookable a {
  background: rgba(99,149,198,0.1) !important;
  color: #eeeef5 !important;
  border-radius: 6px !important;
}

.wc-bookings-date-picker .ui-datepicker td.bookable a:hover {
  background: rgba(99,149,198,0.25) !important;
  color: #fff !important;
}

/* Día seleccionado (naranja) */
.wc-bookings-date-picker .ui-datepicker td a.ui-state-active,
.wc-bookings-date-picker .ui-datepicker td.selected a {
  background: linear-gradient(135deg, #ce923f, #b43435) !important;
  color: #fff !important;
  border-radius: 6px !important;
}

/* Día de hoy */
.wc-bookings-date-picker .ui-datepicker td.ui-datepicker-today a {
  border: 1px solid #6395c6 !important;
  color: #6395c6 !important;
  background: transparent !important;
}

/* Flechas navegación */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  background: rgba(99,149,198,0.1) !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  font-size: 0 !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: none !important;
}

.ui-datepicker .ui-datepicker-prev::after {
  content: '←' !important;
  font-size: 18px !important;
  color: #eeeef5 !important;
}

.ui-datepicker .ui-datepicker-next::after {
  content: '→' !important;
  font-size: 18px !important;
  color: #eeeef5 !important;
}


/* ================================================
   7. SELECTORES DE HORA (DESPLEGABLE)
   ================================================ */

.wc-bookings-start-time-container select,
.wc-bookings-end-time-container select,
select[name="start_time"],
select[name="end_time"] {
  background: #0f0f24 !important;
  border: 1px solid rgba(99,149,198,0.15) !important;
  border-radius: 8px !important;
  color: #eeeef5 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 12px 16px !important;
  width: 100% !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238888aa' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
}

.wc-bookings-start-time-container select:focus,
select[name="start_time"]:focus {
  border-color: #6395c6 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(99,149,198,0.2) !important;
}


/* ================================================
   8. PRECIO CALCULADO (TOTAL)
   ================================================ */

.wc-bookings-booking-cost {
  background: rgba(99,149,198,0.06) !important;
  border: 1px solid rgba(99,149,198,0.12) !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  margin-top: 16px !important;
  font-family: 'Outfit', sans-serif !important;
  color: #eeeef5 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}


/* ================================================
   9. BOTÓN RESERVAR AHORA
   ================================================ */

.wc-bookings-booking-form .single_add_to_cart_button,
button.wc-bookings-booking-form-button,
input.wc-bookings-booking-form-button {
  background: linear-gradient(135deg, #ce923f, #b43435) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 14px 32px !important;
  width: 100% !important;
  margin-top: 12px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 20px rgba(206,146,63,0.3) !important;
  transition: transform 0.2s, box-shadow 0.3s !important;
}

.wc-bookings-booking-form .single_add_to_cart_button:hover,
button.wc-bookings-booking-form-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(206,146,63,0.5) !important;
}


/* ================================================
   10. TEXTOS INFORMATIVOS
   ================================================ */

.wc-bookings-booking-form p {
  font-family: 'Outfit', sans-serif !important;
  color: #555570 !important;
  font-size: 13px !important;
}

/* === TEMPORAL: forzar visibilidad de todo en el formulario === */
.wc-bookings-booking-form div,
.wc-bookings-booking-form fieldset,
.wc-bookings-booking-form p,
.wc-bookings-booking-form .form-field,
.wc-bookings-booking-form .wc-bookings-start-time-container,
.wc-bookings-booking-form .wc-bookings-end-time-container,
.wc-bookings-booking-form .wc-bookings-booking-cost {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
}/* End custom CSS */