.elementor-782 .elementor-element.elementor-element-289f68a{--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-782 .elementor-element.elementor-element-289f68a:not(.elementor-motion-effects-element-type-background), .elementor-782 .elementor-element.elementor-element-289f68a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mieventito.com/wp-content/uploads/2026/02/ENCABEZADO-CUMPLEANOS.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-782 .elementor-element.elementor-element-649270a{--spacer-size:400px;}.elementor-782 .elementor-element.elementor-element-0a13eae{--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-782 .elementor-element.elementor-element-9c90cf0{--spacer-size:30px;}.elementor-782 .elementor-element.elementor-element-1d2d80f{--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-782 .elementor-element.elementor-element-5d8aa9d{--spacer-size:25px;}.elementor-782 .elementor-element.elementor-element-9f4ba67{--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-782 .elementor-element.elementor-element-9f4ba67:not(.elementor-motion-effects-element-type-background), .elementor-782 .elementor-element.elementor-element-9f4ba67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-71ebf1d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-782 .elementor-element.elementor-element-71ebf1d .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:3.5em;font-weight:400;letter-spacing:1.2px;}.elementor-782 .elementor-element.elementor-element-6438b09{--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-782 .elementor-element.elementor-element-6438b09:not(.elementor-motion-effects-element-type-background), .elementor-782 .elementor-element.elementor-element-6438b09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-782 .elementor-element.elementor-element-6438b09.e-con{--align-self:center;}.elementor-782 .elementor-element.elementor-element-caef4a5{padding:20px 0px 020px 0px;column-gap:0px;text-align:center;font-family:"Arvo", Sans-serif;font-size:1.1rem;font-weight:400;}.elementor-782 .elementor-element.elementor-element-caef4a5.elementor-element{--align-self:center;}.elementor-782 .elementor-element.elementor-element-caef4a5 p{margin-block-end:0px;}.elementor-782 .elementor-element.elementor-element-ab38c26{--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-782 .elementor-element.elementor-element-c402e02{--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-782 .elementor-element.elementor-element-4a56ffe{--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-782 .elementor-element.elementor-element-fc476b8{text-align:center;}.elementor-782 .elementor-element.elementor-element-fc476b8 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:42px;}.elementor-782 .elementor-element.elementor-element-c81a57d{--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-782 .elementor-element.elementor-element-859b83c{text-align:center;font-family:"Arvo", Sans-serif;font-size:19px;}.elementor-782 .elementor-element.elementor-element-0801e3a{--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-782 .elementor-element.elementor-element-429d3f4{--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-782 .elementor-element.elementor-element-8392c13{--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-782 .elementor-element.elementor-element-873dcac{--spacer-size:50px;}.elementor-782 .elementor-element.elementor-element-84be816{--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-782 .elementor-element.elementor-element-9bf9d29{text-align:center;}.elementor-782 .elementor-element.elementor-element-9bf9d29 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:42px;}.elementor-782 .elementor-element.elementor-element-5d77c36{--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-782 .elementor-element.elementor-element-b5e4101{--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-782 .elementor-element.elementor-element-aaf5047{text-align:center;}.elementor-782 .elementor-element.elementor-element-aaf5047 .elementor-heading-title{font-size:26px;}.elementor-782 .elementor-element.elementor-element-0a10a11{text-align:center;}.elementor-782 .elementor-element.elementor-element-569253f{--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-782 .elementor-element.elementor-element-f24fa3e{text-align:center;}.elementor-782 .elementor-element.elementor-element-f24fa3e .elementor-heading-title{font-size:26px;}.elementor-782 .elementor-element.elementor-element-7dc89a3{text-align:center;}.elementor-782 .elementor-element.elementor-element-c4eaef8{--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-782 .elementor-element.elementor-element-1b08e40{text-align:center;}.elementor-782 .elementor-element.elementor-element-1b08e40 .elementor-heading-title{font-size:26px;}.elementor-782 .elementor-element.elementor-element-cdcf377{text-align:center;}.elementor-782 .elementor-element.elementor-element-6e83009{--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-782 .elementor-element.elementor-element-7d8bf3d{text-align:center;}.elementor-782 .elementor-element.elementor-element-7d8bf3d .elementor-heading-title{font-size:26px;}.elementor-782 .elementor-element.elementor-element-699de5d{text-align:center;}.elementor-782 .elementor-element.elementor-element-0a8fe0c{--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-782 .elementor-element.elementor-element-712abe2{--spacer-size:30px;}.elementor-782 .elementor-element.elementor-element-406e63c{--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-782 .elementor-element.elementor-element-2364914{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-782 .elementor-element.elementor-element-9aa6bca{--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-782 .elementor-element.elementor-element-054af68{--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-782 .elementor-element.elementor-element-054af68.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-782 .elementor-element.elementor-element-04dd6c8{--spacer-size:80px;}.elementor-782 .elementor-element.elementor-element-44a5b9b{--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-782 .elementor-element.elementor-element-d0102ce{margin:110px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-782 .elementor-element.elementor-element-d0102ce img{border-radius:20px 20px 20px 20px;}@media(min-width:768px){.elementor-782 .elementor-element.elementor-element-ab38c26{--width:100%;}.elementor-782 .elementor-element.elementor-element-b5e4101{--width:25%;}.elementor-782 .elementor-element.elementor-element-569253f{--width:25%;}.elementor-782 .elementor-element.elementor-element-c4eaef8{--width:25%;}.elementor-782 .elementor-element.elementor-element-6e83009{--width:25%;}.elementor-782 .elementor-element.elementor-element-054af68{--width:58.183%;}.elementor-782 .elementor-element.elementor-element-44a5b9b{--width:50%;}}@media(max-width:767px){.elementor-782 .elementor-element.elementor-element-caef4a5{padding:0px 10px 0px 10px;}.elementor-782 .elementor-element.elementor-element-406e63c{--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-782 .elementor-element.elementor-element-2364914{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-4825ab2 *//* --- 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 */