.elementor-8 .elementor-element.elementor-element-37930e9{--display:flex;--min-height:90vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--overlay-opacity:0.63;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-37930e9::before, .elementor-8 .elementor-element.elementor-element-37930e9 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-37930e9 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-37930e9 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-37930e9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-37930e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;background-image:url("https://racineboussoperu2026.com/wp-content/uploads/2026/09/gran-cruzada-racine-bousso.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:40% auto;}.elementor-8 .elementor-element.elementor-element-37930e9:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-37930e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://racineboussoperu2026.com/wp-content/uploads/2026/09/racine-bousse-peru-hero-static-res-scaled.webp") 50% 50%;background-size:cover;}.elementor-8 .elementor-element.elementor-element-555d486{--display:flex;}.elementor-8 .elementor-element.elementor-element-19c0876{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8 .elementor-element.elementor-element-475a72c{width:var( --container-widget-width, 450px );max-width:450px;--container-widget-width:450px;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-8 .elementor-element.elementor-element-475a72c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-8 .elementor-element.elementor-element-475a72c .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-group.recaptcha_v3-bottomleft, .elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-8 .elementor-element.elementor-element-475a72c .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-475a72c .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-8 .elementor-element.elementor-element-475a72c .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-group > label, .elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-subgroup label{color:#000000;}.elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-type-html{padding-bottom:0px;color:#000000;}.elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-group .elementor-field{color:#000000;}.elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-8 .elementor-element.elementor-element-475a72c .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-8 .elementor-element.elementor-element-475a72c .elementor-button[type="submit"]{color:#ffffff;}.elementor-8 .elementor-element.elementor-element-475a72c .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-8 .elementor-element.elementor-element-475a72c .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-8 .elementor-element.elementor-element-475a72c .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-8 .elementor-element.elementor-element-475a72c .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-8 .elementor-element.elementor-element-475a72c .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-8 .elementor-element.elementor-element-475a72c .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-8 .elementor-element.elementor-element-72a7bcb{--display:flex;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-4526d69{--display:flex;--overlay-opacity:0.25;--padding-top:150px;--padding-bottom:150px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-4526d69:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-4526d69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://racineboussoperu2026.com/wp-content/uploads/2026/09/bg-bousso.webp");background-position:center center;background-size:cover;}.elementor-8 .elementor-element.elementor-element-4526d69::before, .elementor-8 .elementor-element.elementor-element-4526d69 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-4526d69 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-4526d69 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-4526d69 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-4526d69 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-62727e4{--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;--overlay-opacity:0.25;--padding-top:150px;--padding-bottom:150px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-62727e4:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-62727e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://racineboussoperu2026.com/wp-content/uploads/2026/09/bg-bousso2.webp");background-position:bottom center;background-size:cover;}.elementor-8 .elementor-element.elementor-element-62727e4::before, .elementor-8 .elementor-element.elementor-element-62727e4 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-62727e4 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-62727e4 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-62727e4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-62727e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-8 .elementor-element.elementor-element-3c2ef9d{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;bottom:0px;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-3c2ef9d{left:0px;}body.rtl .elementor-8 .elementor-element.elementor-element-3c2ef9d{right:0px;}.elementor-8 .elementor-element.elementor-element-bc8f29e{--display:flex;}.elementor-8 .elementor-element.elementor-element-6c61e55{--display:flex;}.elementor-8 .elementor-element.elementor-element-f58d74a{--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.25;--padding-top:150px;--padding-bottom:150px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-f58d74a:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-f58d74a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://racineboussoperu2026.com/wp-content/uploads/2026/09/bg-bousse.webp");background-position:center center;background-size:cover;}.elementor-8 .elementor-element.elementor-element-f58d74a::before, .elementor-8 .elementor-element.elementor-element-f58d74a > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-f58d74a > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-f58d74a > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-f58d74a > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-f58d74a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-f58d74a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-af24efc{--display:flex;}.elementor-8 .elementor-element.elementor-element-b8163b8{--display:flex;}.elementor-8 .elementor-element.elementor-element-bbbdd3e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.51;--padding-top:100px;--padding-bottom:100px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-bbbdd3e:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-bbbdd3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://racineboussoperu2026.com/wp-content/uploads/2026/09/cta-bousse-2.webp");background-position:center center;background-size:cover;}.elementor-8 .elementor-element.elementor-element-bbbdd3e::before, .elementor-8 .elementor-element.elementor-element-bbbdd3e > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-bbbdd3e > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-bbbdd3e > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-bbbdd3e > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-bbbdd3e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-bbbdd3e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-e140940{--display:flex;}.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-8 .elementor-element.elementor-element-5368655 .elementor-countdown-wrapper{max-width:100%;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-item:not(:first-of-type){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-item:not(:last-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-item:not(:first-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-item:not(:last-of-type){margin-left:calc( 10px/2 );}.elementor-8 .elementor-element.elementor-element-868c58f{--display:flex;}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-4526d69{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-37930e9{--content-width:1300px;}.elementor-8 .elementor-element.elementor-element-bc8f29e{--width:100%;}.elementor-8 .elementor-element.elementor-element-6c61e55{--width:75%;}.elementor-8 .elementor-element.elementor-element-f58d74a{--width:101.066%;}.elementor-8 .elementor-element.elementor-element-e140940{--width:70%;}.elementor-8 .elementor-element.elementor-element-868c58f{--width:30%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-37930e9{--padding-top:75px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-555d486{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-19c0876{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-4526d69{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-62727e4{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-f58d74a{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8 .elementor-element.elementor-element-bbbdd3e{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-d906c2e *//* ========================================================= GRAN CRUZADA · HERO COPY MÁS GRANDE Y CON MÁS AIRE ========================================================= */ .cruzada-hero-copy{ position: relative; max-width: 640px; color: #ffffff; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } /* ========================================================= EYEBROW ========================================================= */ .cruzada-eyebrow{ display: block; margin-bottom: 16px; color: #E4C16D; font-size: 12px; font-weight: 700; letter-spacing: 3.2px; text-transform: uppercase; } /* ========================================================= H1 ========================================================= */ .cruzada-hero-copy h1{ margin: 0; color: #ffffff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(50px,4.6vw,76px); font-weight: 600; line-height: .94; letter-spacing: -2px; text-shadow: 0 8px 28px rgba(0,0,0,.38); } .cruzada-hero-copy h1 > span{ color: #E7C06B; } .cruzada-hero-copy h1 small{ display: inline-block; margin-top: 8px; font-size: .59em; font-weight: 600; letter-spacing: -.8px; } /* ========================================================= SPEAKER ========================================================= */ .cruzada-speaker{ position: relative; margin-top: 26px; padding-left: 78px; } .cruzada-speaker::before{ content: ""; position: absolute; left: 0; top: 13px; width: 58px; height: 2px; background: linear-gradient( 90deg, #EACB7A, #B98832 ); } .cruzada-speaker span{ display: block; color: rgba(255,255,255,.92); font-family: Georgia, "Times New Roman", serif; font-size: 21px; line-height: 1.05; } .cruzada-speaker strong{ display: block; margin-top: 4px; color: #E7C06B; font-family: Georgia, "Times New Roman", serif; font-size: clamp(38px,3.2vw,54px); font-weight: 600; line-height: 1; } .cruzada-speaker em{ display: block; margin-top: 10px; color: rgba(255,255,255,.82); font-size: 10.5px; font-style: normal; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; } /* ========================================================= META ========================================================= */ .cruzada-meta{ display: flex; flex-direction: column; gap: 11px; margin-top: 26px; } .cruzada-meta-item{ display: flex; align-items: center; gap: 12px; color: #ffffff; font-size: 17px; font-weight: 600; text-shadow: 0 3px 12px rgba(0,0,0,.45); } .cruzada-meta-item svg{ width: 24px; height: 24px; flex: 0 0 24px; fill: none; stroke: #E9C46F; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 2px 4px rgba(0,0,0,.35)); } /* ========================================================= BOTTOM ROW ========================================================= */ .cruzada-bottom-row{ display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 22px; } /* ========================================================= ENTRADA GRATUITA ========================================================= */ .cruzada-free{ display: inline-flex; align-items: center; min-height: 38px; padding: 0 18px; border-radius: 999px; background: linear-gradient( 100deg, #FFE397, #D9AA47 ); color: #071426; font-size: 12.5px; font-weight: 800; box-shadow: 0 8px 22px rgba(216,183,106,.18); } /* ========================================================= VER FECHAS ========================================================= */ .cruzada-link{ display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.88) !important; font-size: 13.5px; font-weight: 600; text-decoration: none !important; border-bottom: 1px solid rgba(255,255,255,.28); padding-bottom: 4px; transition: color .25s ease, border-color .25s ease; } .cruzada-link span{ color: #E7C06B; transition: transform .25s ease; } .cruzada-link:hover{ color: #ffffff !important; border-color: #E7C06B; } .cruzada-link:hover span{ transform: translateY(3px); } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .cruzada-hero-copy{ max-width: 560px; } .cruzada-hero-copy h1{ font-size: 56px; } .cruzada-speaker{ padding-left: 64px; } .cruzada-speaker::before{ width: 46px; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .cruzada-hero-copy{ max-width: 100%; } .cruzada-eyebrow{ font-size: 10px; letter-spacing: 2.3px; margin-bottom: 12px; } .cruzada-hero-copy h1{ font-size: 44px; letter-spacing: -1.3px; } .cruzada-hero-copy h1 small{ margin-top: 5px; } .cruzada-speaker{ margin-top: 20px; padding-left: 52px; } .cruzada-speaker::before{ width: 36px; } .cruzada-speaker span{ font-size: 17px; } .cruzada-speaker strong{ font-size: 34px; } .cruzada-speaker em{ font-size: 9px; letter-spacing: 1.9px; } .cruzada-meta{ margin-top: 20px; } .cruzada-meta-item{ font-size: 14.5px; } .cruzada-bottom-row{ gap: 16px; margin-top: 18px; } .cruzada-free{ min-height: 34px; padding: 0 15px; font-size: 11px; } .cruzada-link{ font-size: 12px; } }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-475a72c *//* ========================================================= GRAN CRUZADA · FORMULARIO ELEMENTOR PRO Azul noche + dorado + inputs claros FIX: selects, arrow botón, placeholders ========================================================= */ /* ========================================================= CONTENEDOR PRINCIPAL ========================================================= */ .elementor-8 .elementor-element.elementor-element-475a72c{ position: relative; background: linear-gradient( 145deg, rgba(3,12,26,.97) 0%, rgba(7,22,43,.96) 52%, rgba(9,28,52,.94) 100% ) !important; backdrop-filter: blur(24px) saturate(140%); -webkit-backdrop-filter: blur(24px) saturate(140%); border: 1px solid rgba(235,201,112,.55) !important; border-radius: 28px !important; padding: 30px 28px !important; overflow: hidden; box-shadow: 0 28px 70px rgba(0,0,0,.58), 0 0 0 1px rgba(255,255,255,.02), 0 0 34px rgba(216,183,106,.14), 0 0 70px rgba(31,92,190,.12), inset 0 1px 0 rgba(255,255,255,.04) !important; } /* ========================================================= GLOWS ========================================================= */ .elementor-8 .elementor-element.elementor-element-475a72c::before{ content: ""; position: absolute; top: -130px; right: -90px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient( circle, rgba(245,213,132,.19) 0%, rgba(216,183,106,.08) 34%, rgba(216,183,106,.02) 52%, transparent 72% ); pointer-events: none; z-index: 0; } .elementor-8 .elementor-element.elementor-element-475a72c::after{ content: ""; position: absolute; bottom: -150px; left: -120px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient( circle, rgba(35,102,215,.16) 0%, rgba(35,102,215,.06) 38%, transparent 72% ); pointer-events: none; z-index: 0; } /* ========================================================= FORM ========================================================= */ .elementor-8 .elementor-element.elementor-element-475a72c .elementor-form{ position: relative; z-index: 2; } .elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-group{ position: relative; z-index: 2; } /* ========================================================= LABELS ========================================================= */ .elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-label{ color: #ffffff !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: .15px; margin-bottom: 7px !important; text-shadow: 0 2px 6px rgba(0,0,0,.30); } /* ========================================================= INPUTS / TEXTAREA / SELECT ========================================================= */ .elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-textual, .elementor-8 .elementor-element.elementor-element-475a72c input.elementor-field, .elementor-8 .elementor-element.elementor-element-475a72c textarea.elementor-field, .elementor-8 .elementor-element.elementor-element-475a72c select.elementor-field{ background: linear-gradient( 180deg, #F8F9FC 0%, #EEF2F7 100% ) !important; color: #08172A !important; border: 1px solid rgba(255,255,255,.80) !important; border-radius: 14px !important; min-height: 50px; padding: 13px 16px !important; font-size: 15px !important; box-shadow: 0 8px 20px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.9) !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease !important; } /* ========================================================= PLACEHOLDERS · MÁS LEGIBLES ========================================================= */ .elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-textual::placeholder, .elementor-8 .elementor-element.elementor-element-475a72c input::placeholder, .elementor-8 .elementor-element.elementor-element-475a72c textarea::placeholder{ color: rgba(8,23,42,.58) !important; opacity: 1 !important; } /* Chrome autofill placeholder oddities */ .elementor-8 .elementor-element.elementor-element-475a72c input::-webkit-input-placeholder, .elementor-8 .elementor-element.elementor-element-475a72c textarea::-webkit-input-placeholder{ color: rgba(8,23,42,.58) !important; } /* ========================================================= FOCUS ========================================================= */ .elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-textual:focus, .elementor-8 .elementor-element.elementor-element-475a72c input.elementor-field:focus, .elementor-8 .elementor-element.elementor-element-475a72c textarea.elementor-field:focus, .elementor-8 .elementor-element.elementor-element-475a72c select.elementor-field:focus{ background: #ffffff !important; border-color: rgba(229,193,100,.92) !important; box-shadow: 0 0 0 3px rgba(216,183,106,.14), 0 8px 24px rgba(0,0,0,.14), 0 0 16px rgba(216,183,106,.10) !important; outline: none !important; transform: translateY(-1px); } /* ========================================================= SELECT · FIX FLECHA DUPLICADA ========================================================= */ /* Quita iconos/flechas que Elementor inserta */ .elementor-8 .elementor-element.elementor-element-475a72c .elementor-select-wrapper::before, .elementor-8 .elementor-element.elementor-element-475a72c .elementor-select-wrapper::after, .elementor-8 .elementor-element.elementor-element-475a72c .elementor-select-wrapper .select-caret-down-wrapper, .elementor-8 .elementor-element.elementor-element-475a72c .elementor-select-wrapper .e-font-icon-svg, .elementor-8 .elementor-element.elementor-element-475a72c .elementor-select-wrapper svg{ display: none !important; } /* Select nativo sin flecha del navegador */ .elementor-8 .elementor-element.elementor-element-475a72c select.elementor-field, .elementor-8 .elementor-element.elementor-element-475a72c select.elementor-field-textual{ appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-color: #F6F8FB !important; background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position: right 16px center !important; background-size: 14px !important; padding-right: 44px !important; color: #08172A !important; } /* IE/Edge viejo */ .elementor-8 .elementor-element.elementor-element-475a72c select::-ms-expand{ display: none !important; } /* Options */ .elementor-8 .elementor-element.elementor-element-475a72c select option{ background: #ffffff; color: #08172A; } /* ========================================================= CHECKBOX / RADIO ========================================================= */ .elementor-8 .elementor-element.elementor-element-475a72c input[type="checkbox"], .elementor-8 .elementor-element.elementor-element-475a72c input[type="radio"]{ accent-color: #D8B76A; } .elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-option label{ color: rgba(255,255,255,.88) !important; font-size: 13.5px; line-height: 1.45; } /* ========================================================= BOTÓN PRINCIPAL ========================================================= */ .elementor-8 .elementor-element.elementor-element-475a72c .elementor-button{ position: relative; overflow: hidden; width: 100%; min-height: 54px; background: linear-gradient( 100deg, #FFE49A 0%, #E7BF65 38%, #C89237 72%, #B57924 100% ) !important; border: 1px solid rgba(255,255,255,.22) !important; border-radius: 999px !important; color: #071426 !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: .55px; text-transform: uppercase; padding: 15px 26px !important; margin-top: 12px; box-shadow: 0 12px 30px rgba(216,183,106,.34), 0 0 24px rgba(216,183,106,.15), inset 0 1px 0 rgba(255,255,255,.40) !important; transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important; } /* Brillo */ .elementor-8 .elementor-element.elementor-element-475a72c .elementor-button::before{ content: ""; position: absolute; inset: 0; background: linear-gradient( 120deg, transparent 0%, rgba(255,255,255,.04) 32%, rgba(255,255,255,.38) 50%, rgba(255,255,255,.04) 68%, transparent 100% ); transform: translateX(-125%); transition: transform .70s ease; pointer-events: none; } .elementor-8 .elementor-element.elementor-element-475a72c .elementor-button:hover{ transform: translateY(-3px) scale(1.01) !important; filter: brightness(1.05); box-shadow: 0 16px 38px rgba(216,183,106,.42), 0 0 34px rgba(216,183,106,.18) !important; } .elementor-8 .elementor-element.elementor-element-475a72c .elementor-button:hover::before{ transform: translateX(125%); } /* ========================================================= TEXTO E ICONO DEL BOTÓN · TODO AZUL OSCURO ========================================================= */ .elementor-8 .elementor-element.elementor-element-475a72c .elementor-button-text, .elementor-8 .elementor-element.elementor-element-475a72c .elementor-button span, .elementor-8 .elementor-element.elementor-element-475a72c .elementor-button i{ position: relative; z-index: 2; color: #071426 !important; } /* SVG flecha */ .elementor-8 .elementor-element.elementor-element-475a72c .elementor-button svg{ position: relative; z-index: 2; fill: #071426 !important; color: #071426 !important; stroke: #071426 !important; } /* Elementor icon wrapper */ .elementor-8 .elementor-element.elementor-element-475a72c .elementor-button-icon{ position: relative; z-index: 2; color: #071426 !important; } .elementor-8 .elementor-element.elementor-element-475a72c .elementor-button-icon svg{ fill: #071426 !important; stroke: #071426 !important; } /* ========================================================= MENSAJES ========================================================= */ .elementor-8 .elementor-element.elementor-element-475a72c .elementor-message{ font-weight: 600; border-radius: 10px; } .elementor-8 .elementor-element.elementor-element-475a72c .elementor-message-success{ color: #F4D98D !important; } .elementor-8 .elementor-element.elementor-element-475a72c .elementor-message-danger, .elementor-8 .elementor-element.elementor-element-475a72c .elementor-message-error{ color: #ff9a94 !important; } /* ========================================================= AUTOFILL ========================================================= */ .elementor-8 .elementor-element.elementor-element-475a72c input:-webkit-autofill, .elementor-8 .elementor-element.elementor-element-475a72c input:-webkit-autofill:hover, .elementor-8 .elementor-element.elementor-element-475a72c input:-webkit-autofill:focus{ -webkit-text-fill-color: #08172A !important; -webkit-box-shadow: 0 0 0 1000px #F6F8FB inset !important; } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-8 .elementor-element.elementor-element-475a72c{ padding: 24px 18px !important; border-radius: 22px !important; background: linear-gradient( 145deg, rgba(3,12,26,.98), rgba(7,22,43,.96) ) !important; } .elementor-8 .elementor-element.elementor-element-475a72c .elementor-field-textual, .elementor-8 .elementor-element.elementor-element-475a72c input.elementor-field, .elementor-8 .elementor-element.elementor-element-475a72c textarea.elementor-field, .elementor-8 .elementor-element.elementor-element-475a72c select.elementor-field{ min-height: 46px; padding: 12px 14px !important; font-size: 14px !important; } .elementor-8 .elementor-element.elementor-element-475a72c select.elementor-field, .elementor-8 .elementor-element.elementor-element-475a72c select.elementor-field-textual{ padding-right: 40px !important; background-position: right 14px center !important; } .elementor-8 .elementor-element.elementor-element-475a72c .elementor-button{ min-height: 50px; padding: 14px 20px !important; font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-37930e9 */.elementor-8 .elementor-element.elementor-element-37930e9{ position: relative; } .elementor-8 .elementor-element.elementor-element-37930e9::after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 28%; background: linear-gradient( to top, rgba(2,8,18,.88) 0%, rgba(2,8,18,.60) 32%, rgba(2,8,18,.22) 62%, rgba(2,8,18,0) 100% ); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d43d64b *//* ========================================================= GRAN CRUZADA · HIGHLIGHTS MÁS DESTACADOS ========================================================= */ .cruzada-highlights{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; width: 100%; max-width: 1320px; margin: 0 auto; background: transparent; } /* ========================================================= ITEM ========================================================= */ .cruzada-highlight-item{ position: relative; display: flex; align-items: center; gap: 18px; padding: 24px 26px; border-radius: 18px; background: linear-gradient( 145deg, rgba(7,22,43,.96) 0%, rgba(4,15,31,.94) 100% ); border: 1px solid rgba(216,183,106,.20); box-shadow: 0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025); overflow: hidden; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease; } /* brillo ambiental */ .cruzada-highlight-item::before{ content: ""; position: absolute; top: -80px; right: -70px; width: 180px; height: 180px; border-radius: 50%; background: radial-gradient( circle, rgba(232,196,107,.15) 0%, rgba(232,196,107,.05) 40%, transparent 72% ); opacity: .7; transition: opacity .3s ease; pointer-events: none; } /* línea superior */ .cruzada-highlight-item::after{ content: ""; position: absolute; top: 0; left: 18%; width: 64%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(241,213,138,.72), transparent ); opacity: .45; transition: width .3s ease, left .3s ease, opacity .3s ease; } .cruzada-highlight-item:hover{ transform: translateY(-5px); border-color: rgba(241,213,138,.42); background: linear-gradient( 145deg, rgba(10,30,57,.98) 0%, rgba(5,18,36,.96) 100% ); box-shadow: 0 18px 40px rgba(0,0,0,.32), 0 0 26px rgba(216,183,106,.08); } .cruzada-highlight-item:hover::before{ opacity: 1; } .cruzada-highlight-item:hover::after{ width: 78%; left: 11%; opacity: .80; } /* ========================================================= DIVIDER Ya no hace falta visualmente ========================================================= */ .cruzada-highlight-divider{ display: none; } /* ========================================================= ICON ========================================================= */ .cruzada-highlight-icon{ position: relative; width: 58px; height: 58px; flex: 0 0 58px; display: flex; align-items: center; justify-content: center; border-radius: 16px; background: linear-gradient( 145deg, rgba(241,213,138,.15), rgba(216,183,106,.055) ); border: 1px solid rgba(241,213,138,.20); box-shadow: 0 8px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; } .cruzada-highlight-item:hover .cruzada-highlight-icon{ transform: scale(1.05); border-color: rgba(241,213,138,.38); box-shadow: 0 10px 24px rgba(0,0,0,.24), 0 0 20px rgba(216,183,106,.10); } .cruzada-highlight-icon svg{ width: 30px; height: 30px; fill: none; stroke: #F0CB73; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 2px 7px rgba(216,183,106,.22)); } /* ========================================================= CONTENT ========================================================= */ .cruzada-highlight-content{ position: relative; z-index: 2; } .cruzada-highlight-content h3{ margin: 0 0 5px; color: #ffffff; font-family: Georgia, "Times New Roman", serif; font-size: 21px; font-weight: 600; line-height: 1.1; letter-spacing: -.15px; text-shadow: 0 3px 12px rgba(0,0,0,.24); } .cruzada-highlight-content p{ margin: 0; color: rgba(255,255,255,.70); font-size: 14px; font-weight: 400; line-height: 1.4; } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .cruzada-highlights{ grid-template-columns: 1fr; gap: 12px; } .cruzada-highlight-item{ padding: 22px 24px; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .cruzada-highlights{ gap: 10px; } .cruzada-highlight-item{ gap: 14px; padding: 18px; border-radius: 16px; } .cruzada-highlight-icon{ width: 48px; height: 48px; flex: 0 0 48px; border-radius: 13px; } .cruzada-highlight-icon svg{ width: 25px; height: 25px; } .cruzada-highlight-content h3{ font-size: 18px; } .cruzada-highlight-content p{ font-size: 13px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-72a7bcb */.elementor-8 .elementor-element.elementor-element-72a7bcb{ position: relative; background: radial-gradient( circle at 50% 15%, rgba(25,55,92,.18) 0%, rgba(10,28,52,.10) 28%, rgba(3,14,29,0) 58% ), linear-gradient( 180deg, #071426 0%, #061221 45%, #04101D 100% ); border-top: 1px solid rgba(216,183,106,.22); border-bottom: 1px solid rgba(216,183,106,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.025), inset 0 -1px 0 rgba(255,255,255,.018), inset 0 14px 28px rgba(255,255,255,.01), 0 16px 40px rgba(0,0,0,.18); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e17484c *//* ========================================================= EVENTO PRINCIPAL · IDENTIDAD PERÚ ========================================================= */ .peru-evento-intro{ width: 100%; max-width: 880px; margin: 0 auto; text-align: center; color: #ffffff; } /* KICKER */ .peru-evento-kicker{ display: block; margin-bottom: 10px; color: #E4494E; font-family: Inter, system-ui, sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 3px; text-transform: uppercase; } /* TÍTULO */ .peru-evento-intro h2{ margin: 0; color: #ffffff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(46px,4.5vw,72px); font-weight: 600; line-height: 1; letter-spacing: -2px; text-shadow: 0 8px 26px rgba(0,0,0,.28); } /* UNA SOLA LÍNEA PERÚ */ .peru-evento-line{ width: 120px; height: 3px; margin: 17px auto; border-radius: 99px; background: linear-gradient( 90deg, #C8102E 0%, #C8102E 32%, #ffffff 32%, #ffffff 68%, #C8102E 68%, #C8102E 100% ); box-shadow: 0 0 16px rgba(200,16,46,.18); } /* SUBTÍTULO */ .peru-evento-intro h3{ margin: 0; color: rgba(255,255,255,.95); font-family: Inter, system-ui, sans-serif; font-size: 20px; font-weight: 650; line-height: 1.4; } /* TEXTO */ .peru-evento-intro p{ max-width: 760px; margin: 10px auto 0; color: rgba(255,255,255,.70); font-family: Inter, system-ui, sans-serif; font-size: 15px; line-height: 1.6; } .peru-evento-intro p strong{ color: #ffffff; font-weight: 650; } /* MOBILE */ @media(max-width:767px){ .peru-evento-kicker{ font-size: 9px; letter-spacing: 2.4px; } .peru-evento-intro h2{ font-size: 41px; } .peru-evento-line{ width: 90px; margin: 14px auto; } .peru-evento-intro h3{ font-size: 17px; } .peru-evento-intro p{ font-size: 14px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3d0b769 *//* ========================================================= FECHAS · VARIANTE PERÚ AJUSTE: ICONOS BLANCO/ROJO + UBICACIÓN CENTRADA ========================================================= */ .peru-evento-data{ width: 100%; max-width: 1120px; margin: 0 auto; } /* ========================================================= GRID ========================================================= */ .peru-evento-grid{ display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; } /* ========================================================= CARD ========================================================= */ .peru-evento-card{ position: relative; min-height: 116px; padding: 22px 24px; border-radius: 18px; background: linear-gradient( 145deg, rgba(5,19,39,.96), rgba(3,12,26,.95) ); border: 1px solid rgba(255,255,255,.10); box-shadow: 0 14px 32px rgba(0,0,0,.24); overflow: hidden; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; } /* acento rojo lateral */ .peru-evento-card::before{ content: ""; position: absolute; top: 18%; left: 0; width: 3px; height: 64%; border-radius: 0 99px 99px 0; background: #E31B36; box-shadow: 0 0 14px rgba(227,27,54,.22); } .peru-evento-card:hover{ transform: translateY(-4px); border-color: rgba(227,27,54,.30); box-shadow: 0 18px 40px rgba(0,0,0,.30), 0 0 24px rgba(227,27,54,.08); } /* ========================================================= ICONO · BLANCO + ROJO ========================================================= */ .peru-card-icon{ position: absolute; top: 18px; right: 20px; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.12); box-shadow: inset 0 1px 0 rgba(255,255,255,.03); } .peru-card-icon svg{ width: 19px; height: 19px; fill: none; stroke: #ffffff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 6px rgba(255,255,255,.06)); } /* pequeño detalle rojo al icono */ .peru-card-icon::after{ content: ""; position: absolute; width: 5px; height: 5px; right: -2px; bottom: -2px; border-radius: 50%; background: #E31B36; box-shadow: 0 0 8px rgba(227,27,54,.35); } /* ========================================================= CARD MAIN ========================================================= */ .peru-card-main{ display: flex; align-items: flex-end; gap: 14px; height: 100%; } .peru-card-main > strong{ color: #ffffff; font-family: Georgia, "Times New Roman", serif; font-size: 54px; font-weight: 600; line-height: .9; letter-spacing: -2px; } .peru-card-main > div{ display: flex; flex-direction: column; gap: 2px; } .peru-card-main span{ color: #FF4055; font-size: 13px; font-weight: 800; letter-spacing: .7px; } .peru-card-main p{ margin: 0; color: rgba(255,255,255,.70); font-size: 14px; } /* HORA */ .peru-time > strong{ font-size: 43px; } /* ========================================================= UBICACIÓN ========================================================= */ .peru-location{ position: relative; display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 14px; padding: 18px 24px; border-radius: 16px; background: linear-gradient( 90deg, rgba(5,19,39,.96), rgba(3,13,28,.95) ); border: 1px solid rgba(255,255,255,.09); box-shadow: 0 12px 28px rgba(0,0,0,.20); overflow: hidden; text-align: center; } /* línea Perú lateral */ .peru-location-flag{ display: flex; width: 8px; height: 42px; flex: 0 0 8px; overflow: hidden; border-radius: 99px; } .peru-location-flag span{ flex: 1; } .peru-location-flag span:nth-child(1), .peru-location-flag span:nth-child(3){ background: #C8102E; } .peru-location-flag span:nth-child(2){ background: #ffffff; } /* ICONO UBICACIÓN */ .peru-location-icon{ width: 38px; height: 38px; flex: 0 0 38px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.10); } .peru-location-icon svg{ width: 24px; height: 24px; fill: none; stroke: #ffffff; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } /* COPY CENTRADO */ .peru-location-copy{ display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; } .peru-location-copy strong{ color: #ffffff; font-size: 16px; font-weight: 700; } .peru-location-copy span{ color: rgba(255,255,255,.68); font-size: 14px; } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .peru-evento-grid{ grid-template-columns: 1fr; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .peru-evento-card{ min-height: 105px; padding: 19px; } .peru-card-main > strong{ font-size: 46px; } .peru-time > strong{ font-size: 38px; } .peru-location{ padding: 16px 18px; gap: 12px; } .peru-location-copy strong{ font-size: 14px; } .peru-location-copy span{ font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4526d69 */.elementor-8 .elementor-element.elementor-element-4526d69{ position: relative; background: radial-gradient( circle at 50% 15%, rgba(25,55,92,.18) 0%, rgba(10,28,52,.10) 28%, rgba(3,14,29,0) 58% ), linear-gradient( 180deg, #071426 0%, #061221 45%, #04101D 100% ); border-top: 1px solid rgba(216,183,106,.22); border-bottom: 1px solid rgba(216,183,106,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.025), inset 0 -1px 0 rgba(255,255,255,.018), inset 0 14px 28px rgba(255,255,255,.01), 0 16px 40px rgba(0,0,0,.18); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-01251bf *//* ========================================================= RACINE BOUSSO · PERFIL ========================================================= */ .racine-profile{ position: relative; width: 100%; max-width: 760px; color: #ffffff; } /* KICKER */ .racine-kicker{ display: block; margin-bottom: 14px; color: #E4C16D; font-size: 12px; font-weight: 800; letter-spacing: 4px; text-transform: uppercase; } /* TÍTULO */ .racine-profile h2{ margin: 0; color: #ffffff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(44px,4.1vw,68px); font-weight: 600; line-height: .98; letter-spacing: -1.8px; text-shadow: 0 8px 28px rgba(0,0,0,.30); } .racine-profile h2 span{ color: #E7C06B; text-shadow: 0 0 18px rgba(216,183,106,.10); } /* SUBTÍTULO */ .racine-profile h3{ margin: 12px 0 0; color: rgba(255,255,255,.90); font-family: Georgia, "Times New Roman", serif; font-size: clamp(23px,2vw,32px); font-weight: 400; line-height: 1.2; } /* LÍNEA */ .racine-line{ width: 92px; height: 2px; margin-top: 22px; background: linear-gradient( 90deg, #E7C06B 0%, rgba(231,192,107,.18) 100% ); box-shadow: 0 0 14px rgba(216,183,106,.14); } /* TEXTO */ .racine-profile p{ max-width: 700px; margin: 22px 0 0; color: rgba(255,255,255,.76); font-size: 17px; line-height: 1.7; } .racine-profile p strong{ color: #ffffff; font-weight: 650; } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .racine-kicker{ margin-bottom: 10px; font-size: 9px; letter-spacing: 2.6px; } .racine-profile h2{ font-size: 42px; } .racine-profile h3{ margin-top: 9px; font-size: 21px; } .racine-line{ width: 70px; margin-top: 17px; } .racine-profile p{ margin-top: 17px; font-size: 14px; line-height: 1.6; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2e26c89 *//* ========================================================= RACINE · FRASE DESTACADA ========================================================= */ .racine-quote{ position: relative; width: 100%; max-width: 390px; margin-left: auto; padding: 34px 30px; text-align: left; background: linear-gradient( 145deg, rgba(6,23,45,.50), rgba(3,14,29,.18) ); border-left: 1px solid rgba(216,183,106,.22); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); overflow: hidden; } /* GLOW */ .racine-quote::before{ content: ""; position: absolute; top: -90px; right: -80px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient( circle, rgba(216,183,106,.10), rgba(216,183,106,.03) 40%, transparent 72% ); pointer-events: none; } /* COMILLAS */ .racine-quote-mark{ display: block; height: 42px; color: #E7C06B; font-family: Georgia, "Times New Roman", serif; font-size: 82px; line-height: .7; opacity: .90; } /* FRASE */ .racine-quote p{ position: relative; z-index: 2; margin: 12px 0 0; color: rgba(255,255,255,.88); font-family: Georgia, "Times New Roman", serif; font-size: clamp(38px,3.4vw,58px); font-style: italic; font-weight: 400; line-height: 1.02; letter-spacing: -1px; text-shadow: 0 7px 24px rgba(0,0,0,.30); } .racine-quote p span{ color: #ffffff; } .racine-quote p strong{ color: #E7C06B; font-weight: 500; } /* LÍNEA */ .racine-quote-line{ width: 92px; height: 2px; margin-top: 25px; background: linear-gradient( 90deg, #E7C06B, rgba(231,192,107,0) ); } /* TEXTO PEQUEÑO */ .racine-quote small{ display: block; margin-top: 12px; color: rgba(255,255,255,.48); font-size: 11px; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .racine-quote{ max-width: 100%; margin-left: 0; padding: 26px 22px; } .racine-quote-mark{ height: 34px; font-size: 65px; } .racine-quote p{ font-size: 40px; } .racine-quote-line{ margin-top: 20px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62727e4 */.elementor-8 .elementor-element.elementor-element-62727e4{ position: relative; background: radial-gradient( circle at 50% 15%, rgba(25,55,92,.18) 0%, rgba(10,28,52,.10) 28%, rgba(3,14,29,0) 58% ), linear-gradient( 180deg, #071426 0%, #061221 45%, #04101D 100% ); border-top: 1px solid rgba(216,183,106,.22); border-bottom: 1px solid rgba(216,183,106,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.025), inset 0 -1px 0 rgba(255,255,255,.018), inset 0 14px 28px rgba(255,255,255,.01), 0 16px 40px rgba(0,0,0,.18); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-836a97f *//* ========================================================= JORNADAS DE ORACIÓN · INTRO ========================================================= */ .oracion-intro{ width: 100%; max-width: 900px; margin: 0 auto; text-align: center; color: #ffffff; } /* KICKER */ .oracion-kicker{ display: block; margin-bottom: 12px; color: #E4C16D; font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; } /* TÍTULO */ .oracion-intro h2{ margin: 0; color: #ffffff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(44px,4vw,68px); font-weight: 600; line-height: 1; letter-spacing: -1.8px; text-shadow: 0 8px 24px rgba(0,0,0,.28); } .oracion-intro h2 span{ color: #E7C06B; } /* SUB */ .oracion-sub{ margin: 14px 0 0; color: rgba(255,255,255,.92); font-size: 19px; font-weight: 600; line-height: 1.4; } /* COPY */ .oracion-copy{ max-width: 760px; margin: 9px auto 0; color: rgba(255,255,255,.70); font-size: 15px; line-height: 1.6; } .oracion-copy strong{ color: #ffffff; font-weight: 600; } /* MOBILE */ @media(max-width:767px){ .oracion-kicker{ font-size: 9px; letter-spacing: 2.2px; } .oracion-intro h2{ font-size: 40px; } .oracion-sub{ font-size: 16px; } .oracion-copy{ font-size: 14px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-26ca6dc *//* ========================================================= JORNADAS DE ORACIÓN · CARDS ========================================================= */ .oracion-cards{ display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; width: 100%; max-width: 1080px; margin: 0 auto; } /* ========================================================= CARD BASE ========================================================= */ .oracion-card{ position: relative; padding: 24px 26px; border-radius: 20px; background: linear-gradient( 145deg, rgba(5,19,39,.90), rgba(3,13,28,.86) ); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.09); box-shadow: 0 15px 36px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.02); overflow: hidden; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; } /* línea dorada superior sutil */ .oracion-card::before{ content: ""; position: absolute; top: 0; left: 14%; width: 72%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(231,192,107,.52), transparent ); opacity: .55; } .oracion-card:hover{ transform: translateY(-4px); border-color: rgba(231,192,107,.24); box-shadow: 0 20px 42px rgba(0,0,0,.28), 0 0 22px rgba(231,192,107,.05); } /* ========================================================= FECHA ========================================================= */ .oracion-card-top{ display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px; margin-bottom: 18px; } .oracion-date{ color: #ffffff; font-family: Georgia, "Times New Roman", serif; font-size: 34px; font-weight: 600; line-height: 1; } .oracion-month{ color: #E7C06B; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } /* ========================================================= HORARIO BADGE ========================================================= */ .oracion-time-badge{ display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding: 0 11px; border-radius: 999px; color: #E7C06B; background: rgba(231,192,107,.07); border: 1px solid rgba(231,192,107,.12); font-size: 11px; font-weight: 700; letter-spacing: .4px; white-space: nowrap; } /* ========================================================= UBICACIÓN ========================================================= */ .oracion-card-place{ display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: flex-start; } .oracion-icon{ width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.09); } .oracion-icon svg{ width: 22px; height: 22px; fill: none; stroke: #E7C06B; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .oracion-card-place h3{ margin: 0 0 5px; color: #ffffff; font-size: 18px; font-weight: 650; line-height: 1.3; } .oracion-card-place p{ margin: 0; color: rgba(255,255,255,.66); font-size: 13.5px; line-height: 1.5; } /* ========================================================= FOOTER CARD ========================================================= */ .oracion-card-footer{ display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-top: 20px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.06); } .oracion-card-footer > div{ display: flex; flex-direction: column; gap: 2px; } .oracion-label{ color: rgba(255,255,255,.38); font-size: 9px; font-weight: 600; letter-spacing: 1.1px; text-transform: uppercase; } .oracion-card-footer strong{ color: #ffffff; font-size: 13px; font-weight: 600; } .oracion-card-footer a{ color: #E7C06B !important; font-size: 13px; font-weight: 600; text-decoration: none !important; transition: color .25s ease, opacity .25s ease; } .oracion-card-footer a:hover{ color: #F1D58A !important; } /* ========================================================= AVISO IMPORTANTE ========================================================= */ .oracion-important{ grid-column: 1 / -1; display: flex; align-items: center; gap: 14px; width: 92%; margin: 0 auto; padding: 14px 18px; border-radius: 14px; background: linear-gradient( 90deg, rgba(228,193,109,.07), rgba(5,18,37,.72) ); border: 1px solid rgba(228,193,109,.16); box-shadow: inset 0 1px 0 rgba(255,255,255,.02); } .oracion-important-icon{ width: 34px; height: 34px; flex: 0 0 34px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(228,193,109,.11); border: 1px solid rgba(228,193,109,.20); color: #E7C06B; font-family: Georgia, serif; font-size: 18px; font-weight: 600; } .oracion-important-copy{ min-width: 0; } .oracion-important-copy > strong{ color: #ffffff; font-size: 12px; font-weight: 600; line-height: 1.4; } .oracion-important-copy p{ margin: 4px 0 0; color: rgba(255,255,255,.64); font-size: 11px; line-height: 1.55; } .oracion-important-copy p strong{ color: rgba(255,255,255,.92); font-weight: 600; } /* ========================================================= TERCERA CARD · CONFERENCIA ========================================================= */ .oracion-card-featured{ grid-column: 1 / -1; width: 72%; justify-self: center; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; padding: 20px 24px; background: linear-gradient( 145deg, rgba(7,23,43,.94), rgba(4,14,29,.90) ); border-color: rgba(231,192,107,.14); } /* izquierda fecha + hora */ .oracion-featured-left{ display: flex; align-items: center; gap: 13px; } .oracion-featured-left .oracion-card-top{ margin: 0; } /* centro ubicación */ .oracion-featured-place{ display: grid; grid-template-columns: 38px 1fr; align-items: center; } .oracion-featured-place .oracion-icon{ width: 38px; height: 38px; } .oracion-featured-place .oracion-card-place{ margin: 0; } /* derecha */ .oracion-featured-note{ display: flex; flex-direction: column; align-items: flex-end; gap: 3px; text-align: right; } .oracion-featured-note span{ color: rgba(255,255,255,.38); font-size: 9px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } .oracion-featured-note strong{ color: #ffffff; font-size: 13px; font-weight: 600; } /* ========================================================= TABLET ========================================================= */ @media(max-width:900px){ .oracion-cards{ grid-template-columns: 1fr; } .oracion-important{ grid-column: auto; width: 100%; } .oracion-card-featured{ grid-column: auto; width: 100%; grid-template-columns: 1fr; align-items: flex-start; gap: 16px; } .oracion-featured-note{ align-items: flex-start; text-align: left; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .oracion-cards{ gap: 12px; } .oracion-card{ padding: 19px; border-radius: 17px; } .oracion-date{ font-size: 29px; } .oracion-card-top{ gap: 7px; margin-bottom: 15px; } .oracion-time-badge{ min-height: 27px; padding: 0 9px; font-size: 9.5px; } .oracion-card-place{ grid-template-columns: 38px 1fr; } .oracion-icon{ width: 38px; height: 38px; } .oracion-card-place h3{ font-size: 16px; } .oracion-card-place p{ font-size: 12.5px; } .oracion-card-footer{ margin-top: 17px; gap: 12px; } .oracion-important{ align-items: flex-start; padding: 13px 14px; border-radius: 13px; } .oracion-important-icon{ width: 30px; height: 30px; flex: 0 0 30px; font-size: 16px; } .oracion-important-copy > strong{ font-size: 11.5px; } .oracion-important-copy p{ font-size: 10.5px; } .oracion-card-featured{ padding: 19px; } .oracion-featured-left{ flex-wrap: wrap; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f58d74a */.elementor-8 .elementor-element.elementor-element-f58d74a{ position: relative; background: radial-gradient( circle at 50% 15%, rgba(25,55,92,.18) 0%, rgba(10,28,52,.10) 28%, rgba(3,14,29,0) 58% ), linear-gradient( 180deg, #071426 0%, #061221 45%, #04101D 100% ); border-top: 1px solid rgba(216,183,106,.22); border-bottom: 1px solid rgba(216,183,106,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.025), inset 0 -1px 0 rgba(255,255,255,.018), inset 0 14px 28px rgba(255,255,255,.01), 0 16px 40px rgba(0,0,0,.18); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-911a97d */.cta-final-intro{ width: 100%; max-width: 720px; color: #ffffff; } .cta-final-kicker{ display: block; margin-bottom: 10px; color: #E4C16D; font-family: "Poppins", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; } .cta-final-intro h2{ margin: 0; color: #ffffff; font-family: Georgia, "Times New Roman", serif; font-size: clamp(48px,4.5vw,72px); font-weight: 600; line-height: .98; letter-spacing: -2px; text-shadow: 0 8px 28px rgba(0,0,0,.30); } .cta-final-intro h2 span{ color: #E7C06B; } .cta-final-intro p{ max-width: 680px; margin: 14px 0 0; color: rgba(255,255,255,.78); font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6; } .cta-final-intro p strong{ color: #ffffff; font-weight: 500; } @media(max-width:767px){ .cta-final-intro h2{ font-size: 42px; } .cta-final-intro p{ font-size: 13.5px; } }/* End custom CSS */ /* Start custom CSS for countdown, class: .elementor-element-5368655 *//* ========================================================= COUNTDOWN · GRAN CRUZADA ========================================================= */ .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-wrapper{ display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; width: 100%; } /* ========================================================= ITEM ========================================================= */ .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-item{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 132px; padding: 18px 14px !important; border-radius: 18px; background: linear-gradient( 160deg, rgba(5,18,36,.90), rgba(3,11,23,.86) ) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border: 1px solid rgba(231,192,107,.24); box-shadow: 0 14px 32px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.035); overflow: hidden; } /* pequeño acento Perú */ .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-item::before{ content: ""; position: absolute; top: 18px; left: 50%; transform: translateX(-50%); width: 36px; height: 3px; border-radius: 99px; background: linear-gradient( 90deg, #E4494E 0%, #E4494E 35%, #ffffff 35%, #ffffff 65%, #E4494E 65%, #E4494E 100% ); } /* ========================================================= NÚMEROS ========================================================= */ .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-digits{ color: #ffffff !important; font-family: Georgia, "Times New Roman", serif; font-size: 46px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: -1.5px; text-shadow: 0 6px 20px rgba(0,0,0,.28); } /* ========================================================= LABELS ========================================================= */ .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-label{ margin-top: 8px; color: #E7C06B !important; font-family: "Poppins", sans-serif; font-size: 11px !important; font-weight: 500 !important; letter-spacing: .5px; text-transform: uppercase; } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-item{ min-height: 118px; } .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-digits{ font-size: 40px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-wrapper{ grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; } .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-item{ min-height: 100px; padding: 15px 10px !important; border-radius: 15px; } .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-item::before{ top: 14px; width: 28px; } .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-digits{ font-size: 34px !important; } .elementor-8 .elementor-element.elementor-element-5368655 .elementor-countdown-label{ margin-top: 6px; font-size: 9px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a0f6eec */.cta-final-action{ width: 100%; } /* ========================================================= BOTÓN ========================================================= */ .cta-final-button{ position: relative; display: inline-flex; align-items: center; justify-content: space-between; gap: 26px; min-width: 300px; min-height: 62px; padding: 0 12px 0 28px; border-radius: 999px; background: linear-gradient( 180deg, rgba(7,25,46,.96), rgba(3,13,27,.98) ); border: 1px solid rgba(231,192,107,.72); color: #ffffff !important; font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 500; text-decoration: none !important; box-shadow: 0 12px 30px rgba(0,0,0,.34), 0 0 22px rgba(231,192,107,.08), inset 0 1px 0 rgba(255,255,255,.05); overflow: hidden; transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; } /* brillo que cruza */ .cta-final-button::before{ content: ""; position: absolute; top: 0; left: -130%; width: 60%; height: 100%; background: linear-gradient( 110deg, transparent, rgba(255,225,150,.16), transparent ); transform: skewX(-18deg); transition: left .7s ease; } .cta-final-button:hover{ transform: translateY(-3px); border-color: #E7C06B; box-shadow: 0 17px 38px rgba(0,0,0,.38), 0 0 30px rgba(231,192,107,.13), inset 0 1px 0 rgba(255,255,255,.06); } .cta-final-button:hover::before{ left: 150%; } /* ========================================================= FLECHA ========================================================= */ .cta-final-arrow{ position: relative; z-index: 2; width: 40px; height: 40px; flex: 0 0 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient( 135deg, #F2D88F 0%, #D6A23E 100% ); color: #071426; font-size: 20px; box-shadow: 0 4px 14px rgba(216,183,106,.18); transition: transform .3s ease, box-shadow .3s ease; } .cta-final-button:hover .cta-final-arrow{ transform: translateX(4px); box-shadow: 0 6px 20px rgba(216,183,106,.30); } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .cta-final-button{ width: 100%; min-width: 0; min-height: 56px; padding-left: 22px; font-size: 14px; } .cta-final-arrow{ width: 36px; height: 36px; flex: 0 0 36px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e598b51 *//* ========================================================= CTA FINAL · FRASE ========================================================= */ .cta-milagro{ position: relative; width: 100%; max-width: 340px; color: #ffffff; text-align: left; } /* COMILLAS */ .cta-milagro-quote{ display: block; height: 26px; color: #E7C06B; font-family: Georgia, "Times New Roman", serif; font-size: 58px; line-height: .7; opacity: .75; } /* FRASE */ .cta-milagro p{ margin: 7px 0 0; color: rgba(255,255,255,.90); font-family: "Brush Script MT", "Segoe Script", cursive; font-size: clamp(30px,2.7vw,44px); font-weight: 400; line-height: 1.08; transform: rotate(-2deg); text-shadow: 0 6px 22px rgba(0,0,0,.32); } .cta-milagro p span{ color: #F1D58A; } /* LÍNEA */ .cta-milagro-line{ width: 118px; height: 2px; margin-top: 16px; background: linear-gradient( 90deg, #E7C06B, rgba(231,192,107,0) ); transform: rotate(-4deg); box-shadow: 0 0 12px rgba(216,183,106,.15); } /* MOBILE */ @media(max-width:767px){ .cta-milagro{ max-width: 280px; } .cta-milagro p{ font-size: 32px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bbbdd3e */.elementor-8 .elementor-element.elementor-element-bbbdd3e{ position: relative; background: radial-gradient( circle at 50% 15%, rgba(25,55,92,.18) 0%, rgba(10,28,52,.10) 28%, rgba(3,14,29,0) 58% ), linear-gradient( 180deg, #071426 0%, #061221 45%, #04101D 100% ); border-top: 1px solid rgba(216,183,106,.22); border-bottom: 1px solid rgba(216,183,106,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.025), inset 0 -1px 0 rgba(255,255,255,.018), inset 0 14px 28px rgba(255,255,255,.01), 0 16px 40px rgba(0,0,0,.18); overflow: hidden; }/* End custom CSS */