.elementor-2941 .elementor-element.elementor-element-021551f{--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;}.elementor-2941 .elementor-element.elementor-element-021551f:not(.elementor-motion-effects-element-type-background), .elementor-2941 .elementor-element.elementor-element-021551f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mieventito.com/wp-content/uploads/2026/02/ENCABEZADO-QUINCEANERA.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2941 .elementor-element.elementor-element-39fb6b0{--spacer-size:400px;}.elementor-2941 .elementor-element.elementor-element-9d23bcd{--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;}.elementor-2941 .elementor-element.elementor-element-03e140a{--spacer-size:30px;}.elementor-2941 .elementor-element.elementor-element-c7658c5{--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;}.elementor-2941 .elementor-element.elementor-element-41c4435{--spacer-size:30px;}.elementor-2941 .elementor-element.elementor-element-7a4b1c2{--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;}.elementor-2941 .elementor-element.elementor-element-7a4b1c2:not(.elementor-motion-effects-element-type-background), .elementor-2941 .elementor-element.elementor-element-7a4b1c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2941 .elementor-element.elementor-element-4816d61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2941 .elementor-element.elementor-element-4816d61 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:3.5em;font-weight:400;letter-spacing:1.2px;}.elementor-2941 .elementor-element.elementor-element-86d940b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2941 .elementor-element.elementor-element-86d940b:not(.elementor-motion-effects-element-type-background), .elementor-2941 .elementor-element.elementor-element-86d940b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2941 .elementor-element.elementor-element-86d940b.e-con{--align-self:center;}.elementor-2941 .elementor-element.elementor-element-328f1dd{padding:20px 0px 020px 0px;column-gap:0px;text-align:center;font-family:"Arvo", Sans-serif;font-size:1.1rem;font-weight:400;}.elementor-2941 .elementor-element.elementor-element-328f1dd.elementor-element{--align-self:center;}.elementor-2941 .elementor-element.elementor-element-328f1dd p{margin-block-end:0px;}.elementor-2941 .elementor-element.elementor-element-9f6b90c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2941 .elementor-element.elementor-element-29572a7{--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;}.elementor-2941 .elementor-element.elementor-element-261d5ce{--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;}.elementor-2941 .elementor-element.elementor-element-24115d7{text-align:center;}.elementor-2941 .elementor-element.elementor-element-24115d7 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:42px;}.elementor-2941 .elementor-element.elementor-element-3935e40{--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;}.elementor-2941 .elementor-element.elementor-element-ffb50f9{text-align:center;font-family:"Arvo", Sans-serif;font-size:19px;}.elementor-2941 .elementor-element.elementor-element-94e1df9{--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;--margin-top:030px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2941 .elementor-element.elementor-element-745149d{--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;}.elementor-2941 .elementor-element.elementor-element-f2eec74{--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;}.elementor-2941 .elementor-element.elementor-element-961c1be{--spacer-size:50px;}.elementor-2941 .elementor-element.elementor-element-a211cbe{--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;}.elementor-2941 .elementor-element.elementor-element-99427b5{text-align:center;}.elementor-2941 .elementor-element.elementor-element-99427b5 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:42px;}.elementor-2941 .elementor-element.elementor-element-768f775{--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-2941 .elementor-element.elementor-element-48ca6d3{--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;}.elementor-2941 .elementor-element.elementor-element-eb186fc{text-align:center;}.elementor-2941 .elementor-element.elementor-element-eb186fc .elementor-heading-title{font-size:26px;}.elementor-2941 .elementor-element.elementor-element-cbe76b8{text-align:center;}.elementor-2941 .elementor-element.elementor-element-0f632b6{--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;}.elementor-2941 .elementor-element.elementor-element-34e05d0{text-align:center;}.elementor-2941 .elementor-element.elementor-element-34e05d0 .elementor-heading-title{font-size:26px;}.elementor-2941 .elementor-element.elementor-element-c2ac12a{text-align:center;}.elementor-2941 .elementor-element.elementor-element-5711519{--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;}.elementor-2941 .elementor-element.elementor-element-ce1dc38{text-align:center;}.elementor-2941 .elementor-element.elementor-element-ce1dc38 .elementor-heading-title{font-size:26px;}.elementor-2941 .elementor-element.elementor-element-e28026b{text-align:center;}.elementor-2941 .elementor-element.elementor-element-03ef141{--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;}.elementor-2941 .elementor-element.elementor-element-809ceee{text-align:center;}.elementor-2941 .elementor-element.elementor-element-809ceee .elementor-heading-title{font-size:26px;}.elementor-2941 .elementor-element.elementor-element-7b9f25e{text-align:center;}.elementor-2941 .elementor-element.elementor-element-926570f{--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;}.elementor-2941 .elementor-element.elementor-element-4b54a70{--spacer-size:30px;}.elementor-2941 .elementor-element.elementor-element-cc80ab6{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2941 .elementor-element.elementor-element-be68c79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2941 .elementor-element.elementor-element-854b56c{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2941 .elementor-element.elementor-element-17a433a{--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;}.elementor-2941 .elementor-element.elementor-element-17a433a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2941 .elementor-element.elementor-element-d7e7375{--spacer-size:80px;}.elementor-2941 .elementor-element.elementor-element-e28e1d5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2941 .elementor-element.elementor-element-be51241{margin:110px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2941 .elementor-element.elementor-element-be51241 img{border-radius:20px 20px 20px 20px;}@media(min-width:768px){.elementor-2941 .elementor-element.elementor-element-9f6b90c{--width:100%;}.elementor-2941 .elementor-element.elementor-element-48ca6d3{--width:25%;}.elementor-2941 .elementor-element.elementor-element-0f632b6{--width:25%;}.elementor-2941 .elementor-element.elementor-element-5711519{--width:25%;}.elementor-2941 .elementor-element.elementor-element-03ef141{--width:25%;}.elementor-2941 .elementor-element.elementor-element-17a433a{--width:58.183%;}.elementor-2941 .elementor-element.elementor-element-e28e1d5{--width:50%;}}@media(max-width:767px){.elementor-2941 .elementor-element.elementor-element-328f1dd{padding:0px 10px 0px 10px;}.elementor-2941 .elementor-element.elementor-element-cc80ab6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2941 .elementor-element.elementor-element-be68c79{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-e7edbf4 *//* --- VARIABLES --- */
:root {
    /* Nota: El botón ahora usa un gradiente, esta variable queda como fallback */
    --wps-btn-fallback: #ff6b6b; 
    --wps-text-dark: #333333;
    --wps-text-light: #666666;
}

/* --- ESTRUCTURA GENERAL --- */
.wps-events-showcase-container {
    text-align: center;
    padding: 60px 20px;
    background-color: #f4f4f4;
    width: 100%; 
    overflow: hidden;
}

.wps-section-header h2 {
    font-size: 2.5rem;
    color: var(--wps-text-dark);
    margin-bottom: 10px;
    font-weight: 700;
}
.wps-section-header p {
    font-size: 1.2rem;
    color: var(--wps-text-light);
    margin-bottom: 50px;
}

/* --- GRID FLEXBOX --- */
.wps-phones-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.wps-phone-item {
    flex: 0 1 200px;
    max-width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0; 
}

/* --- TELÉFONO Y ENMASCARAMIENTO --- */
.phone-display-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 203%;
}

.phone-frame-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 10;
    pointer-events: none;
    object-fit: contain;
}

.phone-content-inner {
    position: absolute;
    top: 2%; left: 4%; width: 92%; height: 96%;
    z-index: 1;
    border-radius: 30px;
    overflow: hidden;
    background-color: #000;
}

.phone-content-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.phone-label {
    margin-top: 25px;
    font-size: 1.2rem;
    color: var(--wps-text-dark);
    font-weight: 600;
}

/* --- HOVER Y BOTÓN (MODIFICADO SEGÚN REFERENCIA) --- */
.hover-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    z-index: 5;
}

/* DISEÑO RÉPLICA DE LA IMAGEN */
.wps-btn-ver {
    /* Gradiente de Naranja a Rosa */
    background: linear-gradient(90deg, #ff9a44 0%, #fc6076 100%);
    color: white;
    
    /* Tipografía tipo Slab Serif (como la imagen) */
    font-family: "Arvo", "Courier New", serif; 
    font-weight: 700;
    font-size: 0.7rem;
    letter-spacing: 0.5px;
    text-decoration: none;
    
    /* Espaciado y Forma */
    padding: 12px 35px;
    border-radius: 10px; /* Bordes redondeados suaves */
    display: inline-block;
    
    /* Sombra difusa rosada */
    box-shadow: 0 4px 15px rgba(252, 96, 118, 0.4);
    
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wps-btn-ver:hover {
    transform: translateY(-3px);
    color: white;
    /* Intensifica la sombra al pasar el mouse */
    box-shadow: 0 8px 25px rgba(252, 96, 118, 0.6);
}

/* Trigger del efecto Zoom */
.hover-trigger:hover .phone-content-image {
    transform: scale(1.15);
}

.hover-trigger:hover .hover-overlay {
    opacity: 1;
    visibility: visible;
}

/* --- ANIMACIONES DE ENTRADA --- */
@keyframes wpsFadeInLeft {
    from { opacity: 0; transform: translateX(-50px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes wpsFadeInUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}

.wps-section-header {
    animation: wpsFadeInLeft 0.8s ease-out 0s forwards;
    opacity: 0;
}

.wps-phone-item {
    animation: wpsFadeInUp 0.8s ease-out forwards;
}

.wps-phone-item:nth-child(1) { animation-delay: 0.2s; }
.wps-phone-item:nth-child(2) { animation-delay: 0.4s; }
.wps-phone-item:nth-child(3) { animation-delay: 0.6s; }
.wps-phone-item:nth-child(4) { animation-delay: 0.8s; }
.wps-phone-item:nth-child(5) { animation-delay: 1.0s; }

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .wps-section-header h2 { font-size: 2rem; }
    .wps-phone-item { flex: 0 1 45%; max-width: 45%; } 
}

@media (max-width: 480px) {
    .wps-phone-item { flex: 0 1 80%; max-width: 300px; }
}

@media (prefers-reduced-motion: reduce) {
    .wps-section-header, .wps-phone-item {
        animation: none;
        opacity: 1;
        transform: none;
    }
}/* End custom CSS */