.elementor-28 .elementor-element.elementor-element-178cd63{--display:flex;--min-height:92vh;--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;--overlay-opacity:0.92;--overlay-mix-blend-mode:screen;--padding-top:120px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-178cd63::before, .elementor-28 .elementor-element.elementor-element-178cd63 > .elementor-background-video-container::before, .elementor-28 .elementor-element.elementor-element-178cd63 > .e-con-inner > .elementor-background-video-container::before, .elementor-28 .elementor-element.elementor-element-178cd63 > .elementor-background-slideshow::before, .elementor-28 .elementor-element.elementor-element-178cd63 > .e-con-inner > .elementor-background-slideshow::before, .elementor-28 .elementor-element.elementor-element-178cd63 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#141414;background-image:url("https://santjoandemorofestival.com/wp-content/uploads/2026/10/moro-fondo.jpg");--background-overlay:'';background-size:cover;}.elementor-28 .elementor-element.elementor-element-38bd03e{--display:flex;--justify-content:center;}.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-28 .elementor-element.elementor-element-539e790{text-align:center;}.elementor-28 .elementor-element.elementor-element-539e790 .elementor-heading-title{font-family:"Rammetto One", Sans-serif;font-size:78px;line-height:1.05em;color:#F3D9A4;}.elementor-28 .elementor-element.elementor-element-a6fb416{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-28 .elementor-element.elementor-element-87d25e1 .elementor-button{background-color:rgba(20,20,20,.55);fill:#F3D9A4;color:#F3D9A4;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F3D9A4;border-radius:50px 50px 50px 50px;padding:5px 20px 5px 20px;}.elementor-28 .elementor-element.elementor-element-aecbd97{text-align:center;}.elementor-28 .elementor-element.elementor-element-aecbd97 .elementor-heading-title{font-family:"Nunito", Sans-serif;font-size:20px;font-weight:700;text-transform:none;color:#1A150D;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-28 .elementor-element.elementor-element-1e9f478 img{width:290px;}.elementor-28 .elementor-element.elementor-element-5c4959b{--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:center;}.elementor-28 .elementor-element.elementor-element-7fad1b1.elementor-element{--align-self:center;}.elementor-28 .elementor-element.elementor-element-a0b8db8.elementor-element{--align-self:center;}.elementor-28 .elementor-element.elementor-element-0e893a2{--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:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-f5066cc{padding:0px 0px 20px 0px;text-align:center;}.elementor-28 .elementor-element.elementor-element-f5066cc .elementor-heading-title{color:var( --e-global-color-text );}.elementor-widget-countdown .elementor-countdown-item{background-color:var( --e-global-color-primary );}.elementor-widget-countdown .elementor-countdown-digits{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-countdown .elementor-countdown-label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-countdown .elementor-countdown-expire--message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-28 .elementor-element.elementor-element-03ac81e .elementor-countdown-wrapper{max-width:100%;}body:not(.rtl) .elementor-28 .elementor-element.elementor-element-03ac81e .elementor-countdown-item:not(:first-of-type){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-28 .elementor-element.elementor-element-03ac81e .elementor-countdown-item:not(:last-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-28 .elementor-element.elementor-element-03ac81e .elementor-countdown-item:not(:first-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-28 .elementor-element.elementor-element-03ac81e .elementor-countdown-item:not(:last-of-type){margin-left:calc( 10px/2 );}.elementor-28 .elementor-element.elementor-element-03ac81e .elementor-countdown-item{padding:15px 0px 15px 0px;background-color:#FFFAEE;}.elementor-28 .elementor-element.elementor-element-654bd42{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-fcdccba{--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:30px;--padding-bottom:30px;--padding-left:25px;--padding-right:25px;}.elementor-28 .elementor-element.elementor-element-3b0e4f0{text-align:center;}.elementor-28 .elementor-element.elementor-element-3b0e4f0 .elementor-heading-title{color:#F3D9A4;}.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-28 .elementor-element.elementor-element-b1a7c02{padding:10px 10px 10px 10px;text-align:center;font-family:"Nunito", Sans-serif;font-size:16px;color:#FFF1D6;}.elementor-28 .elementor-element.elementor-element-4ecc771{--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-28 .elementor-element.elementor-element-4a5a4fc img{max-width:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-539e790 .elementor-heading-title{font-size:52px;}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-539e790 .elementor-heading-title{font-size:34px;}.elementor-28 .elementor-element.elementor-element-aecbd97 .elementor-heading-title{font-size:16px;}.elementor-28 .elementor-element.elementor-element-1e9f478 img{width:220px;}}/* Start custom CSS for button, class: .elementor-element-7fad1b1 */.elementor-28 .elementor-element.elementor-element-7fad1b1 .elementor-button, .elementor-28 .elementor-element.elementor-element-7fad1b1 .elementor-button span {
    color: #FFFFFF !important; fill: #FFFFFF !important;
}

.elementor-28 .elementor-element.elementor-element-7fad1b1 .elementor-button {
    background: #1F9A96 !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 38px !important;
    font-family: 'Anton', sans-serif !important;
    font-size: 17px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    box-shadow: 0 6px 18px rgba(31,154,150,.40) !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.elementor-28 .elementor-element.elementor-element-7fad1b1 .elementor-button:hover {
    background: #17807C !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(31,154,150,.40) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a0b8db8 */.elementor-28 .elementor-element.elementor-element-a0b8db8 .elementor-button, .elementor-28 .elementor-element.elementor-element-a0b8db8 .elementor-button span {
    color: #FFFFFF !important; fill: #FFFFFF !important;
}

.elementor-28 .elementor-element.elementor-element-a0b8db8 .elementor-button {
    background: #EE3B2A !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 38px !important;
    font-family: 'Anton', sans-serif !important;
    font-size: 17px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    box-shadow: 0 6px 18px rgba(238,59,42,.38) !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.elementor-28 .elementor-element.elementor-element-a0b8db8 .elementor-button:hover {
    background: #C92E1F !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(238,59,42,.38) !important;
}/* End custom CSS */
/* Start custom CSS for countdown, class: .elementor-element-03ac81e */.elementor-28 .elementor-element.elementor-element-03ac81e .elementor-countdown-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.elementor-28 .elementor-element.elementor-element-03ac81e .elementor-countdown-item {
    background: #FFFAEE;
    border: 2px solid rgba(238,59,42,.45);
    border-radius: 14px;
    padding: 20px 15px;
    min-width: 110px;
    box-shadow: 0 8px 22px rgba(20,20,20,.10);
}

.elementor-28 .elementor-element.elementor-element-03ac81e .elementor-countdown-digits {
    font-family: 'Anton', sans-serif;
    font-size: 46px;
    line-height: 1.05;
    color: #EE3B2A;
}

.elementor-28 .elementor-element.elementor-element-03ac81e .elementor-countdown-label {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 12px;
    color: #141414;
}

@media (max-width: 767px) {
    .elementor-28 .elementor-element.elementor-element-03ac81e .elementor-countdown-wrapper { gap: 10px; }
    .elementor-28 .elementor-element.elementor-element-03ac81e .elementor-countdown-item { min-width: 72px; padding: 14px 8px; }
    .elementor-28 .elementor-element.elementor-element-03ac81e .elementor-countdown-digits { font-size: 30px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ecc771 *//* EL MARCO DE CRISTAL (Contenedor) */
.elementor-28 .elementor-element.elementor-element-4ecc771 {
    /* Estilo Vidrio Lechoso (más elegante que el oscuro) */
    background: rgba(255, 255, 255, 0.03); 
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
    /* Borde fino y elegante */
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    
    /* Espacio entre el borde y la foto (El marco) */
    padding: 15px; 
    
    /* Sombra profunda para que parezca que flota */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
    
    /* La Inclinación Inicial */
    transform: rotate(3deg) scale(0.95);
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    
    /* Aseguramos que no se corte la sombra */
    overflow: visible;
}

/* EFECTO HOVER (Se endereza e ilumina) */
.elementor-28 .elementor-element.elementor-element-4ecc771:hover {
    transform: rotate(0deg) scale(1);
    background: rgba(255, 255, 255, 0.08); /* Un poco más brillante */
    border-color: #00f2ea; /* Borde Cyan al tocar */
    box-shadow: 0 20px 50px rgba(0, 242, 234, 0.15); /* Resplandor Cyan */
    z-index: 10;
}

/* LA FOTO DENTRO DEL MARCO */
.elementor-28 .elementor-element.elementor-element-4ecc771 img {
    border-radius: 4px; /* Suavizar esquinas de la foto ligeramente */
    display: block;
    width: 100%;
    height: auto;
    filter: saturate(0.9); /* Un toque sutil desaturado inicial */
    transition: filter 0.5s ease;
}

.elementor-28 .elementor-element.elementor-element-4ecc771:hover img {
    filter: saturate(1.1); /* Colores vibrantes al hacer hover */
}/* End custom CSS */