.elementor-365 .elementor-element.elementor-element-25d44db{--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;--overlay-opacity:0.2;--padding-top:11em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-365 .elementor-element.elementor-element-25d44db:not(.elementor-motion-effects-element-type-background), .elementor-365 .elementor-element.elementor-element-25d44db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8CCCC;}.elementor-365 .elementor-element.elementor-element-25d44db::before, .elementor-365 .elementor-element.elementor-element-25d44db > .elementor-background-video-container::before, .elementor-365 .elementor-element.elementor-element-25d44db > .e-con-inner > .elementor-background-video-container::before, .elementor-365 .elementor-element.elementor-element-25d44db > .elementor-background-slideshow::before, .elementor-365 .elementor-element.elementor-element-25d44db > .e-con-inner > .elementor-background-slideshow::before, .elementor-365 .elementor-element.elementor-element-25d44db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(135deg, var( --e-global-color-ab3aee2 ) 0%, var( --e-global-color-1566f86 ) 100%);}.elementor-365 .elementor-element.elementor-element-89611cc{--display:flex;}.elementor-365 .elementor-element.elementor-element-8d38dff{text-align:center;}.elementor-365 .elementor-element.elementor-element-7fe6fa2{--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:1em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-365 .elementor-element.elementor-element-f57d0fc{--display:flex;}.elementor-365 .elementor-element.elementor-element-f8f62b6{--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;--overlay-opacity:0.7;--padding-top:1em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-365 .elementor-element.elementor-element-f8f62b6:not(.elementor-motion-effects-element-type-background), .elementor-365 .elementor-element.elementor-element-f8f62b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7fbea4f );}.elementor-365 .elementor-element.elementor-element-f8f62b6::before, .elementor-365 .elementor-element.elementor-element-f8f62b6 > .elementor-background-video-container::before, .elementor-365 .elementor-element.elementor-element-f8f62b6 > .e-con-inner > .elementor-background-video-container::before, .elementor-365 .elementor-element.elementor-element-f8f62b6 > .elementor-background-slideshow::before, .elementor-365 .elementor-element.elementor-element-f8f62b6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-365 .elementor-element.elementor-element-f8f62b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-365 .elementor-element.elementor-element-3c31a05{--display:flex;}.elementor-365 .elementor-element.elementor-element-9a40a45{--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:-1em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-365 .elementor-element.elementor-element-35d83ba{--display:flex;}@media(max-width:1024px){.elementor-365 .elementor-element.elementor-element-7fe6fa2{--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-365 .elementor-element.elementor-element-f8f62b6{--padding-top:1em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-365 .elementor-element.elementor-element-9a40a45{--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}}@media(min-width:768px){.elementor-365 .elementor-element.elementor-element-25d44db{--content-width:640px;}}@media(max-width:1024px) and (min-width:768px){.elementor-365 .elementor-element.elementor-element-25d44db{--content-width:540px;}}@media(max-width:767px){.elementor-365 .elementor-element.elementor-element-25d44db{--padding-top:5em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-365 .elementor-element.elementor-element-7fe6fa2{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-365 .elementor-element.elementor-element-f8f62b6{--padding-top:0em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-365 .elementor-element.elementor-element-9a40a45{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}}/* Start custom CSS for shortcode, class: .elementor-element-b96f5dc *//* Quitar fondo plano y forzar transparencia */
.ssa-app, 
body,
.ssa-booking-app-wrapper {
    background: transparent !important;
}

/* Transformar la lista vertical en Cuadrícula Moderna (Grid) */
.ssa-appointment-types-list,
.ssa-appointment-type-group {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 18px !important;
    padding: 10px 0 !important;
}

/* Rediseñar cada fila alargada como una Tarjeta independiente */
.ssa-appointment-type-item,
.ssa-card {
    background: #ffffff !important;
    border: 1px solid #eadbda !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(138, 75, 75, 0.05) !important;
    padding: 22px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
    cursor: pointer !important;
}

/* Efecto hover interactivo al pasar el cursor */
.ssa-appointment-type-item:hover,
.ssa-card:hover {
    transform: translateY(-4px) !important;
    border-color: #8a4b4b !important;
    box-shadow: 0 10px 24px rgba(138, 75, 75, 0.12) !important;
}

/* Nombre de la clase (Barre Ballet, Pilates, etc.) */
.ssa-appointment-type-title,
.ssa-card-title {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #4a2c2c !important;
    line-height: 1.3 !important;
    margin: 0 0 10px 0 !important;
}

/* Píldora de duración (45 minutos) */
.ssa-appointment-type-duration,
.ssa-duration {
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    color: #8a4b4b !important;
    background: #faf4f3 !important;
    border: 1px solid #f2e1df !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    display: inline-block !important;
    width: fit-content !important;
    margin-top: auto !important;
}

/* Botones principales y flechas del calendario */
.ssa-btn-primary,
.ssa-action-button,
.ssa-day-button--selected {
    background-color: #8a4b4b !important;
    border-color: #8a4b4b !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}/* End custom CSS */