.elementor-271 .elementor-element.elementor-element-92ae709{--display:flex;}.elementor-271 .elementor-element.elementor-element-a1a07c3{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-271 .elementor-element.elementor-element-4142550 .elementor-flip-box__front{background-image:url("https://www.andykahnmusic.com/wp-content/uploads/2026/01/Steinway_and_Sons_logo.andy-web-1024x306.jpg");}.elementor-271 .elementor-element.elementor-element-4142550 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-271 .elementor-element.elementor-element-4142550 .elementor-flip-box__image{opacity:1;}.elementor-271 .elementor-element.elementor-element-4142550 .elementor-flip-box__back{background-image:url("https://www.andykahnmusic.com/wp-content/uploads/2026/01/glg-jan16-9-1600-1024x576.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-271 .elementor-element.elementor-element-4142550 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-271 .elementor-element.elementor-element-4142550 .elementor-flip-box__button{margin-inline-center:0;}.elementor-271 .elementor-element.elementor-element-7d571c6{--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 0px;--row-gap:0px;--column-gap:0px;}.elementor-271 .elementor-element.elementor-element-4e6c571{--display:flex;}.elementor-271 .elementor-element.elementor-element-4e6c571:not(.elementor-motion-effects-element-type-background), .elementor-271 .elementor-element.elementor-element-4e6c571 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-271 .elementor-element.elementor-element-7559f6b{--display:flex;}@media(max-width:1024px){.elementor-271 .elementor-element.elementor-element-a1a07c3{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-271 .elementor-element.elementor-element-a1a07c3{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-4e6c571 */acordeon-item/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d571c6 *//* 1. Estilo de los items (contenedores hijos) */
.elementor-271 .elementor-element.elementor-element-7d571c6 .acordeon-item {
    flex: 1 !important;
    height: 450px; /* Ajusta la altura según tu diseño */
    transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1); /* Movimiento más elegante */
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Empuja el texto hacia abajo */
    padding: 30px;
}

/* 2. Expansión al hacer Hover */
.elementor-271 .elementor-element.elementor-element-7d571c6 .acordeon-item:hover {
    flex: 4 !important; /* Se expande significativamente */
}

/* 3. Control del contenido (Título y Texto) */
.elementor-271 .elementor-element.elementor-element-7d571c6 .acordeon-item .elementor-widget-heading,
.elementor-271 .elementor-element.elementor-element-7d571c6 .acordeon-item .elementor-widget-text-editor {
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* 4. Estado inicial del Texto Descriptivo (Oculto) */
.elementor-271 .elementor-element.elementor-element-7d571c6 .acordeon-item .elementor-widget-text-editor {
    opacity: 0;
    transform: translateY(20px); /* Ligero movimiento hacia abajo */
}

/* 5. Mostrar Texto cuando el item está en Hover */
.elementor-271 .elementor-element.elementor-element-7d571c6 .acordeon-item:hover .elementor-widget-text-editor {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s; /* Espera a que la caja crezca para mostrarse */
}/* End custom CSS */