@font-face{font-family:ETmodules;font-display:block;src:url(//ireneluden.com/wp-content/themes/Divi/core/admin/fonts/modules/social/modules.eot);src:url(//ireneluden.com/wp-content/themes/Divi/core/admin/fonts/modules/social/modules.eot?#iefix) format("embedded-opentype"),url(//ireneluden.com/wp-content/themes/Divi/core/admin/fonts/modules/social/modules.woff) format("woff"),url(//ireneluden.com/wp-content/themes/Divi/core/admin/fonts/modules/social/modules.ttf) format("truetype"),url(//ireneluden.com/wp-content/themes/Divi/core/admin/fonts/modules/social/modules.svg#ETmodules) format("svg");font-weight:400;font-style:normal}.et_pb_with_border .et_pb_image_wrap{border:0 solid #333}.et_pb_image{margin-left:auto;margin-right:auto;line-height:0}.et_pb_image.aligncenter{text-align:center}.et_pb_image.et_pb_has_overlay a.et_pb_lightbox_image{display:block;position:relative}.et_pb_image{display:block}.et_pb_image .et_pb_image_wrap{display:inline-block;position:relative;max-width:100%}.et_pb_image .et_pb_image_wrap img[src*=".svg"]{width:auto}.et_pb_image img{position:relative}.et_pb_image_sticky{margin-bottom:0!important;display:inherit}.et_pb_image.et_pb_has_overlay .et_pb_image_wrap:hover .et_overlay{z-index:3;opacity:1}@media (min-width:981px){.et_pb_section_sticky,.et_pb_section_sticky.et_pb_bottom_divider .et_pb_row:nth-last-child(2),.et_pb_section_sticky .et_pb_column_single,.et_pb_section_sticky .et_pb_row.et-last-child,.et_pb_section_sticky .et_pb_row:last-child,.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner.et-last-child,.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner:last-child{padding-bottom:0!important}}@media (max-width:980px){.et_pb_image_sticky_tablet{margin-bottom:0!important;display:inherit}.et_pb_section_sticky_mobile,.et_pb_section_sticky_mobile.et_pb_bottom_divider .et_pb_row:nth-last-child(2),.et_pb_section_sticky_mobile .et_pb_column_single,.et_pb_section_sticky_mobile .et_pb_row.et-last-child,.et_pb_section_sticky_mobile .et_pb_row:last-child,.et_pb_section_sticky_mobile .et_pb_specialty_column .et_pb_row_inner.et-last-child,.et_pb_section_sticky_mobile .et_pb_specialty_column .et_pb_row_inner:last-child{padding-bottom:0!important}.et_pb_section_sticky .et_pb_row.et-last-child .et_pb_column.et_pb_row_sticky.et-last-child,.et_pb_section_sticky .et_pb_row:last-child .et_pb_column.et_pb_row_sticky:last-child{margin-bottom:0}.et_pb_image_bottom_space_tablet{margin-bottom:30px!important;display:block}.et_always_center_on_mobile{text-align:center!important;margin-left:auto!important;margin-right:auto!important}}@media (max-width:767px){.et_pb_image_sticky_phone{margin-bottom:0!important;display:inherit}.et_pb_image_bottom_space_phone{margin-bottom:30px!important;display:block}}
.et_overlay{z-index:-1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:hsla(0,0%,100%,.9);opacity:0;pointer-events:none;-webkit-transition:all .3s;transition:all .3s;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.et_overlay:before{color:#2ea3f2;content:"\E050";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:32px;-webkit-transition:all .4s;transition:all .4s}.et_portfolio_image,.et_shop_image{position:relative;display:block}.et_pb_has_overlay:not(.et_pb_image):hover .et_overlay,.et_portfolio_image:hover .et_overlay,.et_shop_image:hover .et_overlay{z-index:3;opacity:1}#ie7 .et_overlay,#ie8 .et_overlay{display:none}.et_pb_module.et_pb_has_overlay{position:relative}.et_pb_module.et_pb_has_overlay .et_overlay,article.et_pb_has_overlay{border:none}
ul.et_pb_social_media_follow{list-style-type:none!important;margin:0 0 22px;padding:0}.et_pb_social_media_follow li{display:inline-block;margin-bottom:8px;position:relative}.et_pb_social_media_follow li a{margin-right:8px;display:inline-block;text-decoration:none;text-align:center;position:relative}.et_pb_social_media_follow li a.follow_button{padding:0 12px;margin-top:5px;margin-right:25px;font-size:14px;line-height:1.6em;background:rgba(0,0,0,.1);color:rgba(0,0,0,.5);border-radius:3px;border-width:0;border-style:solid;-webkit-transition:all .3s;transition:all .3s}.et_pb_social_media_follow li.last-child a,.et_pb_social_media_follow li:last-child a{margin-right:0}.et_pb_social_media_follow.has_follow_button li.last-child a.icon,.et_pb_social_media_follow.has_follow_button li:last-child a.icon{margin-right:8px}.et_pb_social_media_follow li a.follow_button:hover{background:rgba(0,0,0,.2);color:rgba(0,0,0,.6)}.et_pb_social_media_follow.et_pb_bg_layout_dark li a.follow_button{background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.8)}.et_pb_social_media_follow.et_pb_bg_layout_dark li a.follow_button:hover{background:rgba(0,0,0,.7);color:#fff}.et_pb_social_media_follow li a.icon{height:32px;width:32px;padding:0;-webkit-box-sizing:content-box;box-sizing:content-box}.et_pb_social_media_follow li a.icon:before{height:32px;width:32px;font-size:16px;line-height:32px;display:block;color:#fff;-webkit-transition:color .3s;transition:color .3s;position:relative;z-index:10}.et_pb_social_media_follow li a.icon:hover:before{color:hsla(0,0%,100%,.7)}.et_pb_social_media_follow li a.icon{border-radius:3px}.et_pb_social_media_follow_network_name{display:none}.et_pb_social_icon a.icon{vertical-align:middle}.et_pb_social_icon a.icon:before{font-family:ETmodules;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0;direction:ltr}.et-pb-social-fa-icon a.icon:before{font-family:FontAwesome}.et-social-telegram a.icon:before{content:"\F3FE"}.et-social-amazon a.icon:before{content:"\F270"}.et-social-bandcamp a.icon:before{content:"\F2D5"}.et-social-bitbucket a.icon:before{content:"\F171"}.et-social-behance a.icon:before{content:"\F1B4"}.et-social-buffer a.icon:before{content:"\F837"}.et-social-codepen a.icon:before{content:"\F1CB"}.et-social-deviantart a.icon:before{content:"\F1BD"}.et-social-flipboard a.icon:before{content:"\F44D"}.et-social-foursquare a.icon:before{content:"\F180"}.et-social-github a.icon:before{content:"\F09B"}.et-social-goodreads a.icon:before{content:"\F3A9"}.et-social-google a.icon:before{content:"\F1A0"}.et-social-houzz a.icon:before{content:"\F27C"}.et-social-itunes a.icon:before{content:"\F3B5"}.et-social-last_fm a.icon:before{content:"\F202"}.et-social-line a.icon:before{content:"\F3C0"}.et-social-medium a.icon:before,.et-social-meetup a.icon:before{content:"\F3C7"}.et-social-odnoklassniki a.icon:before{content:"\F263"}.et-social-patreon a.icon:before{content:"\F3D9"}.et-social-periscope a.icon:before{content:"\F3DA"}.et-social-quora a.icon:before{content:"\F2C4"}.et-social-researchgate a.icon:before{content:"\F4F8"}.et-social-reddit a.icon:before{content:"\F281"}.et-social-snapchat a.icon:before{content:"\F2AC"}.et-social-soundcloud a.icon:before{content:"\F1BE"}.et-social-spotify a.icon:before{content:"\F1BC"}.et-social-steam a.icon:before{content:"\F3F6"}.et-social-tripadvisor a.icon:before{content:"\F262"}.et-social-tiktok a.icon:before{content:"\E07B"}.et-social-twitch a.icon:before{content:"\F1E8"}.et-social-vk a.icon:before{content:"\F189"}.et-social-weibo a.icon:before{content:"\F18A"}.et-social-whatsapp a.icon:before{content:"\F232"}.et-social-xing a.icon:before{content:"\F168"}.et-social-yelp a.icon:before{content:"\F1E9"}.et-social-pinterest a.icon:before{content:"\E095"}.et-social-linkedin a.icon:before{content:"\E09D"}.et-social-tumblr a.icon:before{content:"\E097"}.et-social-skype a.icon:before{content:"\E0A2"}.et-social-flikr a.icon:before{content:"\E0A6"}.et-social-myspace a.icon:before{content:"\E0A1"}.et-social-dribbble a.icon:before{content:"\E09B"}.et-social-youtube a.icon:before{content:"\E0A3"}.et-social-vimeo a.icon:before{content:"\E09C"}@media (max-width:980px){.et_pb_bg_layout_light_tablet.et_pb_social_media_follow li a.follow_button{background:rgba(0,0,0,.1);color:rgba(0,0,0,.5)}.et_pb_bg_layout_light_tablet.et_pb_social_media_follow li a.follow_button:hover{background:rgba(0,0,0,.2);color:rgba(0,0,0,.6)}.et_pb_bg_layout_dark_tablet.et_pb_social_media_follow li a.follow_button{background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.8)}.et_pb_bg_layout_dark_tablet.et_pb_social_media_follow li a.follow_button:hover{background:rgba(0,0,0,.7);color:#fff}}@media (max-width:767px){.et_pb_bg_layout_light_phone.et_pb_social_media_follow li a.follow_button{background:rgba(0,0,0,.1);color:rgba(0,0,0,.5)}.et_pb_bg_layout_light_phone.et_pb_social_media_follow li a.follow_button:hover{background:rgba(0,0,0,.2);color:rgba(0,0,0,.6)}.et_pb_bg_layout_dark_phone.et_pb_social_media_follow li a.follow_button{background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.8)}.et_pb_bg_layout_dark_phone.et_pb_social_media_follow li a.follow_button:hover{background:rgba(0,0,0,.7);color:#fff}}.rtl .et_pb_social_media_follow li a{margin-left:8px;margin-right:0}:root {
--c-white:       #FFFFFF;
--c-cream:       #FAF7F4;
--c-dark:        #1a1a1a;
--c-purple:      #541161;
--c-text:        #2d2d2d;
--c-muted:       #888888;
--c-placeholder: #E8E0D5;
--f-title:       'Playfair Display', Georgia, serif;
--f-body:        'Lato', sans-serif;
--radius-btn:    50px;
} *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: var(--f-body);
font-weight: 400;
color: var(--c-text);
background: var(--c-white);
line-height: 1.7;
overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; } .home #main-header,
.home #top-header { display: none !important; }
.home #main-content,
.home .page-content-wrap,
.home #page-container { padding: 0 !important; }
body.home { padding-top: 0 !important; }
.home #main-footer,
.home #et-footer-nav,
.home footer.et-l--footer { display: none !important; }
.admin-bar .il-nav { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .il-nav { top: 46px; } } .il-container {
max-width: 1160px;
margin: 0 auto;
padding: 0 48px;
}
.il-eyebrow {
display: block;
font-family: var(--f-body);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.25em;
text-transform: uppercase;
color: var(--c-purple);
margin-bottom: 20px;
}
.il-eyebrow--white { color: rgba(255,255,255,0.75); }
.il-sep {
width: 60px;
height: 1px;
background: var(--c-purple);
margin: 0 auto 28px;
} .il-btn {
display: inline-block;
font-family: var(--f-body);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
background: var(--c-purple);
color: var(--c-white) !important;
border: 2px solid var(--c-purple);
border-radius: var(--radius-btn);
padding: 16px 40px;
transition: opacity 0.2s, transform 0.18s;
}
.il-btn:hover { opacity: 0.84; transform: translateY(-2px); }
.il-btn--white {
background: var(--c-white);
color: var(--c-purple) !important;
border-color: var(--c-white);
}
.il-btn--white:hover { opacity: 0.92; transform: translateY(-2px); }
.il-btn--outline {
background: transparent;
color: var(--c-purple) !important;
border-color: var(--c-purple);
}
.il-btn--outline:hover { background: var(--c-purple); color: var(--c-white) !important; }
.il-btn--lg { padding: 18px 60px; font-size: 15px; } @keyframes fade-up {
from { opacity: 0; transform: translateY(30px); }
to   { opacity: 1; transform: translateY(0); }
}
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.75s ease, transform 0.75s ease;
}
.fade-in.visible { opacity: 1; transform: translateY(0); }
.fade-in--d1 { transition-delay: 0.12s; }
.fade-in--d2 { transition-delay: 0.24s; }
.fade-in--d3 { transition-delay: 0.36s; }
.fade-in--d4 { transition-delay: 0.48s; } .sermas-logo,
.custom-logo,
.site-logo img,
header img.logo,
.navbar-brand img {
height: 80px !important;
width: auto !important;
max-width: 180px !important;
object-fit: contain !important;
filter: none !important;
}
.il-nav__logo img.sermas-logo { filter: none !important; }
.il-footer__logo.sermas-logo  { filter: none !important; opacity: 1; }
@media (max-width: 768px) {
.sermas-logo,
.custom-logo,
.site-logo img,
.navbar-brand img {
height: 55px !important;
width: auto !important;
max-width: 200px !important;
}
} .il-nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 60px;
background: transparent;
transition: background 400ms ease, backdrop-filter 400ms ease, -webkit-backdrop-filter 400ms ease;
}
.il-nav.scrolled {
background: rgba(255,255,255,0.08);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.il-nav__logo img { height: 46px; width: auto; filter: brightness(0) invert(1); }
.il-nav__links {
display: flex;
align-items: center;
gap: 34px;
list-style: none;
}
.il-nav__links a {
font-family: var(--f-body);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255,255,255,0.80);
transition: color 0.2s;
}
.il-nav__links a:hover { color: rgba(255,255,255,1); }
.il-nav__ingresar {
background: rgba(255,255,255,0.15) !important;
color: var(--c-white) !important;
padding: 9px 22px;
border-radius: var(--radius-btn);
border: 1px solid rgba(255,255,255,0.3);
transition: background 200ms !important;
}
.il-nav__ingresar:hover { background: rgba(255,255,255,0.25) !important; }
.il-nav__toggle {
display: none;
background: none;
border: none;
flex-direction: column;
gap: 5px;
padding: 4px;
z-index: 1001;
}
.il-nav__toggle span {
display: block;
width: 24px; height: 2px;
background: white;
border-radius: 2px;
transition: transform 0.28s, opacity 0.2s;
}
.il-nav__toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.il-nav__toggle.active span:nth-child(2) { opacity: 0; }
.il-nav__toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .sermas-hero {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
display: flex;
align-items: center;
background-color: #1a0a1f;
}
.sermas-hero-bg {
position: absolute;
inset: 0;
background-image: url(//ireneluden.com/wp-content/uploads/2026/06/heronaturaleza.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
width: 100%;
height: 100%;
z-index: 0;
}
.sermas-hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
to right,
rgba(5,2,10,0.85) 0%,
rgba(5,2,10,0.65) 40%,
rgba(5,2,10,0.20) 70%,
rgba(5,2,10,0.05) 100%
);
z-index: 1;
}
.sermas-hero-content {
position: relative;
z-index: 2;
padding-left: 8%;
max-width: 55%;
}
.il-hero__eyebrow {
color: rgba(255,255,255,0.70);
animation: fade-up 0.8s ease-out 0s both;
}
.il-hero__title {
font-family: var(--f-title);
font-size: clamp(52px, 8vw, 96px);
font-weight: 700;
font-style: italic;
color: white;
line-height: 1.0;
margin: 16px 0 24px;
animation: fade-up 0.8s ease-out 0.2s both;
}
.il-hero__sub {
font-size: 17px;
font-weight: 300;
color: rgba(255,255,255,0.80);
max-width: 420px;
line-height: 1.7;
margin-bottom: 36px;
animation: fade-up 0.8s ease-out 0.4s both;
}
.il-hero__btns {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 52px;
animation: fade-up 0.8s ease-out 0.6s both;
}
.il-hero__btn-primary {
display: inline-block;
font-family: var(--f-body);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
background: #541161;
color: white !important;
border-radius: 50px;
padding: 16px 40px;
text-decoration: none;
transition: transform 200ms, opacity 200ms;
}
.il-hero__btn-primary:hover { transform: scale(1.03); opacity: 0.9; }
.il-hero__btn-ghost {
display: inline-block;
font-family: var(--f-body);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
border: 1.5px solid rgba(255,255,255,0.4);
color: white !important;
border-radius: 50px;
padding: 16px 40px;
text-decoration: none;
transition: background 200ms;
background: transparent;
}
.il-hero__btn-ghost:hover { background: rgba(255,255,255,0.10); }
.il-hero__stats {
display: flex;
gap: clamp(24px, 4vw, 48px);
animation: fade-up 0.8s ease-out 0.8s both;
}
.il-stat { display: flex; flex-direction: column; }
.il-stat__num {
font-family: var(--f-title);
font-size: clamp(28px, 3.5vw, 36px);
font-weight: 700;
color: white;
line-height: 1;
}
.il-stat__label {
font-family: var(--f-body);
font-size: 11px;
color: rgba(255,255,255,0.50);
text-transform: uppercase;
letter-spacing: 0.15em;
margin-top: 4px;
line-height: 1.4;
} .sermas-carousel-section {
width: 100%;
min-height: 100vh;
overflow: hidden;
display: block;
padding: 0;
margin: 0;
background: #541161;
} .il-lead {
background: var(--c-purple);
padding: 112px 48px;
text-align: center;
}
.il-lead__inner { max-width: 660px; margin: 0 auto; }
.il-lead__title {
font-family: var(--f-title);
font-size: clamp(34px, 4vw, 52px);
font-weight: 700;
font-style: italic;
color: var(--c-white);
line-height: 1.2;
margin-bottom: 18px;
}
.il-lead__text {
font-size: 17px;
font-weight: 300;
color: rgba(255,255,255,0.82);
margin-bottom: 40px;
line-height: 1.7;
} .il-about {
display: flex;
align-items: stretch;
background: var(--c-white);
min-height: 640px;
}
.il-about__text {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 100px 72px;
}
.il-about__text h2 {
font-family: var(--f-title);
font-size: clamp(44px, 5vw, 70px);
font-weight: 700;
font-style: italic;
line-height: 1.1;
color: var(--c-dark);
margin-bottom: 28px;
}
.il-about__text p {
font-size: 16px;
font-weight: 300;
color: #5a5a5a;
line-height: 1.85;
max-width: 440px;
}
.il-about__image {
width: 50%;
min-height: 600px;
background: var(--c-placeholder);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.il-about__image img { width: 100%; height: 100%; object-fit: cover; }
.il-placeholder-label {
font-size: 13px;
font-weight: 300;
color: #b0a8a0;
text-align: center;
letter-spacing: 0.05em;
} .il-programa {
background: var(--c-cream);
padding: 120px 48px;
text-align: center;
}
.il-programa__title {
font-family: var(--f-title);
font-size: clamp(36px, 4.2vw, 60px);
font-weight: 700;
font-style: italic;
line-height: 1.15;
color: var(--c-dark);
margin-bottom: 20px;
}
.il-programa__desc {
font-size: 16px;
font-weight: 300;
color: #666;
max-width: 620px;
margin: 0 auto 72px;
line-height: 1.85;
}
.il-stages {
display: flex;
align-items: flex-start;
justify-content: center;
margin-bottom: 64px;
}
.il-stage {
text-align: center;
padding: 0 24px;
min-width: 148px;
}
.il-stage__num {
display: block;
font-size: 11px;
font-weight: 700;
color: var(--c-purple);
letter-spacing: 0.15em;
margin-bottom: 10px;
}
.il-stage__name {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
color: var(--c-dark);
margin-bottom: 8px;
text-transform: uppercase;
}
.il-stage__desc {
font-size: 12px;
font-weight: 300;
color: var(--c-muted);
line-height: 1.5;
}
.il-stage-arrow {
align-self: flex-start;
padding-top: 14px;
color: var(--c-purple);
font-size: 18px;
flex-shrink: 0;
line-height: 1;
} .il-community {
background: var(--c-dark);
padding: 120px 48px;
text-align: center;
}
.il-community__inner { max-width: 580px; margin: 0 auto; }
.il-community__title {
font-family: var(--f-title);
font-size: clamp(42px, 5vw, 68px);
font-weight: 700;
font-style: italic;
color: var(--c-white);
line-height: 1.1;
margin-bottom: 18px;
}
.il-community__sub {
font-size: 17px;
font-weight: 300;
color: rgba(255,255,255,0.72);
margin-bottom: 48px;
line-height: 1.75;
}
.il-email-form {
display: flex;
gap: 12px;
max-width: 460px;
margin: 0 auto;
}
.il-email-form input[type="email"] {
flex: 1;
font-family: var(--f-body);
font-size: 14px;
padding: 15px 24px;
border: 1.5px solid rgba(255,255,255,0.18);
border-radius: var(--radius-btn);
background: rgba(255,255,255,0.07);
color: var(--c-white);
outline: none;
transition: border-color 0.2s;
min-width: 0;
}
.il-email-form input::placeholder { color: rgba(255,255,255,0.38); }
.il-email-form input:focus { border-color: rgba(255,255,255,0.45); }
.il-email-form button {
font-family: var(--f-body);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
background: var(--c-purple);
color: var(--c-white);
border: none;
border-radius: var(--radius-btn);
padding: 15px 28px;
white-space: nowrap;
transition: opacity 0.2s;
}
.il-email-form button:hover { opacity: 0.85; } .il-testimonios {
background: var(--c-white);
padding: 120px 48px;
}
.il-testimonios__title {
font-family: var(--f-title);
font-size: clamp(26px, 3vw, 38px);
font-style: italic;
color: var(--c-dark);
text-align: center;
margin-bottom: 72px;
}
.il-t-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
max-width: 1080px;
margin: 0 auto;
}
.il-t-card {
padding: 44px 40px;
border-top: 1px solid rgba(84,17,97,0.14);
}
.il-t-card + .il-t-card { border-left: 1px solid rgba(84,17,97,0.08); }
.il-t-card__quote {
font-family: var(--f-title);
font-size: 16px;
font-style: italic;
color: #555;
line-height: 1.8;
margin-bottom: 28px;
}
.il-t-card__name {
font-size: 13px;
font-weight: 700;
color: var(--c-dark);
margin-bottom: 4px;
letter-spacing: 0.03em;
}
.il-t-card__role {
font-size: 12px;
font-weight: 300;
color: var(--c-muted);
line-height: 1.5;
} .il-cta-final {
background: var(--c-cream);
padding: 128px 48px;
text-align: center;
}
.il-cta-final__inner { max-width: 680px; margin: 0 auto; }
.il-cta-final__title {
font-family: var(--f-title);
font-size: clamp(36px, 4.5vw, 62px);
font-weight: 700;
font-style: italic;
color: var(--c-dark);
line-height: 1.15;
margin-bottom: 20px;
}
.il-cta-final__sub {
font-size: 17px;
font-weight: 300;
color: #666;
margin-bottom: 14px;
line-height: 1.75;
}
.il-cta-final__duration {
display: block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--c-muted);
margin-bottom: 44px;
} .il-footer {
background: var(--c-dark);
padding: 80px 48px 40px;
text-align: center;
}
.il-footer__logo {
height: 52px !important;
max-height: 52px !important;
width: auto !important;
margin: 0 auto 14px;
filter: brightness(0) invert(1);
opacity: 0.85;
}
.il-footer__tagline {
font-size: 14px;
font-weight: 300;
color: rgba(255,255,255,0.5);
line-height: 1.6;
margin-bottom: 48px;
}
.il-footer__sep {
border: none;
border-top: 1px solid rgba(255,255,255,0.08);
max-width: 600px;
margin: 0 auto 32px;
}
.il-footer__nav {
display: flex;
justify-content: center;
gap: 36px;
flex-wrap: wrap;
margin-bottom: 28px;
}
.il-footer__nav a {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255,255,255,0.5);
transition: color 0.2s;
}
.il-footer__nav a:hover { color: var(--c-white); }
.il-footer__contact {
display: flex;
justify-content: center;
gap: 28px;
flex-wrap: wrap;
margin-bottom: 28px;
}
.il-footer__contact a {
font-size: 13px;
font-weight: 300;
color: rgba(255,255,255,0.5);
transition: color 0.2s;
}
.il-footer__contact a:hover { color: var(--c-white); }
.il-footer__social {
display: flex;
justify-content: center;
gap: 14px;
margin-bottom: 48px;
}
.il-social-btn {
display: flex;
align-items: center;
justify-content: center;
width: 40px; height: 40px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.18);
color: rgba(255,255,255,0.55);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
transition: border-color 0.2s, color 0.2s;
}
.il-social-btn:hover { border-color: var(--c-white); color: var(--c-white); }
.il-footer__copy {
font-size: 11px;
letter-spacing: 0.08em;
color: rgba(255,255,255,0.25);
} @media (max-width: 900px) {
.il-t-grid { grid-template-columns: 1fr; }
.il-t-card + .il-t-card { border-left: none; border-top: 1px solid rgba(84,17,97,0.14); }
}
@media (max-width: 768px) {
.il-nav { padding: 14px 24px; }
.il-nav__links {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(10,5,15,0.95);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
z-index: 999;
}
.il-nav__links.open { display: flex; }
.il-nav__links.open a { font-size: 18px; color: rgba(255,255,255,0.85); }
.il-nav__toggle { display: flex; }
.sermas-hero { height: auto; min-height: 100vh; align-items: flex-start; overflow: visible; }
.sermas-hero-bg { background-position: 70% center; }
.sermas-hero-content { max-width: 100%; padding: 110px 6% 60px; }
.il-hero__btns { flex-direction: column; align-items: flex-start; }
.il-hero__stats { gap: 24px; }
.il-about { flex-direction: column; }
.il-about__text { width: 100%; padding: 64px 28px; }
.il-about__text p { max-width: 100%; }
.il-about__image { width: 100%; min-height: 52vw; }
.il-stages {
flex-wrap: nowrap;
overflow-x: auto;
justify-content: flex-start;
padding: 0 24px 20px;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.il-stages::-webkit-scrollbar { display: none; }
.il-stage { min-width: 120px; padding: 0 14px; }
.il-stage-arrow { padding-top: 16px; }
.il-lead,
.il-programa,
.il-community,
.il-testimonios,
.il-cta-final { padding: 80px 28px; }
.il-footer { padding: 60px 28px 32px; }
.il-container { padding: 0 28px; }
.il-email-form { flex-direction: column; }
.il-email-form button { width: 100%; padding: 15px; }
.il-footer__contact { flex-direction: column; gap: 10px; }
}
@media (max-width: 480px) {
.il-lead__title { font-size: 32px; }
.il-community__title { font-size: 40px; }
.il-cta-final__title { font-size: 34px; }
.il-btn--lg { padding: 16px 36px; font-size: 13px; }
.il-hero__stats { flex-direction: column; gap: 16px; }
} .sermas-about {
background: var(--c-white);
}
.sermas-about-layout {
display: flex;
align-items: center;
gap: 80px;
max-width: 1200px;
margin: 0 auto;
padding: 100px 8%;
}
.sermas-about-text { flex: 1; }
.sermas-about-text h2 {
font-family: var(--f-title);
font-size: clamp(44px, 5vw, 70px);
font-weight: 700;
font-style: italic;
line-height: 1.1;
color: var(--c-dark);
margin-bottom: 28px;
}
.sermas-about-text p {
font-size: 16px;
font-weight: 300;
color: #5a5a5a;
line-height: 1.85;
max-width: 440px;
}
.sermas-about-image {
flex: 1;
max-width: 480px;
}
.sermas-about-img,
.sermas-about-image .sermas-about-img {
width: 100% !important;
max-width: none !important;
height: 580px !important;
object-fit: cover;
object-position: top center;
border-radius: 16px;
display: block;
}
@media (max-width: 768px) {
.sermas-about-layout {
flex-direction: column;
padding: 60px 6%;
gap: 40px;
}
.sermas-about-image { max-width: 100%; }
.sermas-about-img,
.sermas-about-image .sermas-about-img { height: 420px !important; width: 100% !important; max-width: none !important; }
}  .site-header img,
.custom-logo,
.custom-logo-link img,
.site-logo img,
header .logo img,
.navbar-logo img,
.sermas-logo {
height: 95px !important;
width: auto !important;
max-width: 300px !important;
object-fit: contain !important;
display: block !important;
filter: none !important;
}
.il-nav__logo img.sermas-logo { filter: none !important; }
.il-footer__logo.sermas-logo  { filter: none !important; opacity: 1; }
footer .il-footer__logo,
footer img[alt="Irene Ludeña"] {
height: 90px !important;
width: auto !important;
max-width: 320px !important;
opacity: 0.95 !important;
filter: none !important;
}
@media (max-width: 768px) {
.site-header img,
.custom-logo,
.custom-logo-link img,
.site-logo img,
header .logo img,
.navbar-logo img,
.sermas-logo {
height: 52px !important;
width: auto !important;
max-width: 220px !important;
}
footer .il-footer__logo,
footer img[alt="Irene Ludeña"] {
height: 70px !important;
}
} .sermas-about-text {
position: relative;
padding-left: 28px;
}
.sermas-about-text::before {
content: '';
position: absolute;
left: 0; top: 0; bottom: 0;
width: 6px;
background: #541161;
border-radius: 3px;
}
.il-about__quote {
color: #541161;
font-size: 1.2em;
font-style: italic;
font-family: 'Playfair Display', Georgia, serif;
border-left: 3px solid #C9A96E;
padding-left: 20px;
margin: 24px 0;
line-height: 1.6;
} .il-programa {
background: linear-gradient(135deg, #FAF7F4 0%, #F0E8F5 100%) !important;
}
.il-stages {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
align-items: stretch;
margin: 48px 0;
}
.il-stage {
background: white;
border-radius: 16px;
padding: 32px 24px;
border-top: 3px solid #541161;
box-shadow: 0 4px 24px rgba(84,17,97,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
flex: 1;
min-width: 160px;
max-width: 200px;
text-align: center;
}
.il-stage:hover {
transform: translateY(-8px);
box-shadow: 0 12px 40px rgba(84,17,97,0.18);
}
.il-stage__num {
font-size: 48px;
font-weight: 700;
color: #541161;
opacity: 0.25;
display: block;
line-height: 1;
margin-bottom: 8px;
}
.il-stage__name {
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 8px;
}
.il-stage__desc {
font-size: 13px;
color: #777;
line-height: 1.5;
margin: 0;
}
.il-stage-arrow {
display: flex;
align-items: center;
font-size: 28px;
color: #C9A96E;
font-weight: 300;
flex-shrink: 0;
}
@media (max-width: 768px) {
.il-stages { flex-direction: column; align-items: stretch; }
.il-stage { max-width: 100%; }
.il-stage-arrow { transform: rotate(90deg); text-align: center; }
} .sermas-community {
position: relative;
background: #1a1a1a;
}
.sermas-community::before { display: none; }
.sermas-community-content {
position: relative;
z-index: 1;
} .il-testimonios {
background: #FAF7F4;
}
.il-t-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
margin-top: 48px;
}
.il-t-card {
background: white;
border-radius: 20px;
padding: 40px;
box-shadow: 0 8px 32px rgba(0,0,0,0.08);
border-left: 4px solid #541161;
position: relative;
overflow: hidden;
}
.il-t-card::before {
content: '\201C';
font-family: 'Playfair Display', Georgia, serif;
font-size: 100px;
color: #541161;
opacity: 0.10;
position: absolute;
top: -10px;
left: 16px;
line-height: 1;
pointer-events: none;
}
.il-t-card__quote {
font-size: 15px;
line-height: 1.75;
color: #444;
font-style: italic;
margin: 0 0 24px 0;
position: relative;
z-index: 1;
}
.il-t-card__name {
font-weight: 700;
color: #541161;
font-size: 15px;
}
.il-t-card__role {
color: #888;
font-size: 13px;
margin-top: 4px;
}
@media (max-width: 768px) {
.il-t-grid { grid-template-columns: 1fr; }
.il-t-card { padding: 28px 24px; }
}  #cta,
.sermas-cta-final {
position: relative !important;
background-image: url(https://ireneluden.com/wp-content/uploads/2026/06/fotosentada.png) !important;
background-size: cover !important;
background-position: center center !important;
background-attachment: scroll !important;
background-color: transparent !important;
min-height: 600px;
overflow: hidden;
}
#cta::before,
.sermas-cta-final::before {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(84,17,97,0.85) 0%, rgba(10,5,20,0.80) 100%) !important;
z-index: 1 !important;
opacity: 1 !important;
pointer-events: none !important;
}
.sermas-cta-final-content {
position: relative;
z-index: 2;
}
#cta *,
.sermas-cta-final *,
.sermas-cta-final h2,
.sermas-cta-final p,
.sermas-cta-final span,
.sermas-cta-final a {
color: white !important;
position: relative !important;
z-index: 2 !important;
}
.il-cta-final__title {
font-size: clamp(36px, 6vw, 72px) !important;
} .sermas-etapa-icon {
display: flex;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
background: rgba(84,17,97,0.08);
border-radius: 50%;
margin: 0 auto 16px auto;
}
.sermas-etapa-icon svg {
width: 28px;
height: 28px;
} .sermas-hero-content h1,
.sermas-hero h1 {
font-size: clamp(32px, 4.5vw, 58px) !important;
line-height: 1.15 !important;
}
@media (max-width: 768px) {
.sermas-hero-content h1,
.sermas-hero h1 {
font-size: clamp(28px, 7vw, 42px) !important;
line-height: 1.2 !important;
}
} .sermas-social-links {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin: 20px 0;
}
.sermas-social-btn {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.3);
color: rgba(255,255,255,0.7);
text-decoration: none;
transition: all 0.3s ease;
}
.sermas-social-btn:hover {
border-color: #C9A96E;
color: #C9A96E;
transform: translateY(-3px);
}
.sermas-social-btn svg {
width: 18px;
height: 18px;
} body.page-id-235606 {
background: #FAF7F4 !important;
}
body.page-id-235606 h1 {
font-family: 'Playfair Display', serif !important;
font-style: italic !important;
font-size: clamp(36px, 5vw, 56px) !important;
color: #1A1A1A !important;
} .et_pb_contact_right,
.et_pb_contact_captcha_question,
.et_pb_contact_captcha,
input.et_pb_contact_captcha {
display: none !important;
} .et_pb_contact_form_label {
display: none !important;
} .et_pb_contact_form_container {
background: white !important;
border-radius: 20px !important;
padding: 40px !important;
box-shadow: 0 8px 40px rgba(84,17,97,0.08) !important;
border: 1px solid rgba(84,17,97,0.08) !important;
} .et_pb_contact_field {
margin-bottom: 0 !important;
padding: 0 !important;
} .et_pb_contact_form .input {
width: 100% !important;
padding: 18px 24px !important;
border: 1.5px solid rgba(84,17,97,0.15) !important;
border-radius: 14px !important;
background: white !important;
font-family: 'Lato', sans-serif !important;
font-size: 14px !important;
color: #1A1A1A !important;
letter-spacing: 0.03em !important;
transition: all 0.3s ease !important;
outline: none !important;
margin-bottom: 16px !important;
box-shadow: 0 2px 12px rgba(84,17,97,0.05) !important;
-webkit-appearance: none !important;
box-sizing: border-box !important;
display: block !important;
}
.et_pb_contact_form .input:focus {
border-color: #541161 !important;
box-shadow: 0 4px 24px rgba(84,17,97,0.14) !important;
transform: translateY(-2px) !important;
outline: none !important;
}
.et_pb_contact_form .input::placeholder {
color: #BBBBBB !important;
text-transform: uppercase !important;
font-size: 11px !important;
letter-spacing: 0.12em !important;
} .et_pb_contact_form textarea.input {
min-height: 150px !important;
resize: vertical !important;
} button.et_pb_contact_submit,
.et_pb_contact_submit.et_pb_button {
background: #541161 !important;
color: white !important;
border: none !important;
border-radius: 50px !important;
padding: 18px 52px !important;
font-family: 'Lato', sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
box-shadow: 0 6px 24px rgba(84,17,97,0.28) !important;
display: inline-block !important;
margin-top: 8px !important;
}
button.et_pb_contact_submit:hover,
.et_pb_contact_submit.et_pb_button:hover {
background: #6B1980 !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 32px rgba(84,17,97,0.38) !important;
} .et_contact_bottom_container {
margin-top: 8px !important;
border: none !important;
background: none !important;
} .et_pb_contact_submit.et_pb_button::after {
display: none !important;
} @keyframes sermasInputFade {
from { opacity: 0; transform: translateY(16px); }
to   { opacity: 1; transform: translateY(0); }
}
.et_pb_contact_field_0 .input { animation: sermasInputFade 0.4s ease 0.1s both; }
.et_pb_contact_field_1 .input { animation: sermasInputFade 0.4s ease 0.2s both; }
.et_pb_contact_field_2 .input { animation: sermasInputFade 0.4s ease 0.3s both; }
.et_pb_contact_field_3 .input { animation: sermasInputFade 0.4s ease 0.4s both; }
.et_pb_contact_field_4 .input { animation: sermasInputFade 0.4s ease 0.5s both; } @media (min-width: 768px) {
.et_pb_contact_form.clearfix {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 0 16px !important;
float: none !important;
}
.et_pb_contact_field[data-type="text"],
.et_contact_bottom_container {
grid-column: 1 / -1 !important;
}
.et_contact_bottom_container {
display: flex !important;
justify-content: flex-end !important;
}
} html, body { overflow-x: hidden !important; }
@media (max-width: 480px) {
.sermas-hero-content { padding: 110px 24px 60px !important; }
.il-hero__stats { flex-direction: column !important; gap: 12px !important; }
.il-hero__btn-primary,
.il-hero__btn-ghost {
width: 100% !important;
text-align: center !important;
box-sizing: border-box !important;
}
.il-lead { padding: 64px 24px !important; }
.sermas-about-layout { gap: 24px !important; padding: 48px 24px !important; }
.il-programa { padding: 64px 20px !important; }
.il-stage { min-width: 100% !important; max-width: 100% !important; }
.il-community { padding: 64px 24px !important; }
.il-testimonios { padding: 64px 20px !important; }
.il-t-card { padding: 24px 20px !important; }
.il-cta-final { padding: 64px 24px !important; }
.il-footer__nav { gap: 16px 24px !important; padding: 0 16px !important; }
.il-footer__copy { padding: 0 16px !important; font-size: 10px !important; word-break: break-word !important; }
.et_pb_contact_form_container { padding: 24px 16px !important; border-radius: 12px !important; }
button.et_pb_contact_submit { width: 100% !important; padding: 18px 24px !important; }
} .sermas-sobre-mi { font-family: 'Lato', sans-serif; }
.sermas-about-hero { background: #541161; padding: 140px 8% 100px; color: white; }
.sermas-about-hero h1 {
font-family: 'Playfair Display', serif !important;
font-size: clamp(36px, 5vw, 68px) !important;
color: white !important; line-height: 1.15 !important; margin: 16px 0 !important;
}
.sermas-about-hero em { font-style: italic; color: #C9A96E; }
.sermas-about-hero p { color: rgba(255,255,255,0.75) !important; margin-top: 16px !important; }
.sermas-bio { padding: 100px 8%; background: white; }
.sermas-bio-layout { display: flex; gap: 80px; align-items: center; max-width: 1200px; margin: 0 auto; }
.sermas-bio-text { flex: 1; }
.sermas-bio-image { flex: 1; max-width: 480px; }
.sermas-bio-img { width: 100% !important; height: 580px !important; object-fit: cover !important; object-position: top !important; border-radius: 16px !important; }
.sermas-cursive { font-family: 'Playfair Display', serif; font-style: italic; color: #541161; font-size: 18px; display: block; margin-bottom: 12px; }
.sermas-bio-text h2 { font-family: 'Playfair Display', serif !important; font-size: clamp(32px, 4vw, 52px) !important; color: #1A1A1A !important; line-height: 1.2 !important; margin: 0 0 24px !important; }
.sermas-bio-text p { color: #555 !important; line-height: 1.8 !important; margin-bottom: 16px !important; font-size: 16px !important; }
.sermas-quote { border-left: 3px solid #541161 !important; padding-left: 20px !important; font-style: italic !important; color: #541161 !important; font-size: 1.15em !important; margin: 32px 0 !important; }
.sermas-credenciales { background: #FAF7F4; padding: 80px 8%; text-align: center; }
.sermas-cred-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; max-width: 900px; margin: 40px auto 0; }
.sermas-cred-num { font-family: 'Playfair Display', serif; font-size: 52px; font-weight: 700; color: #541161; display: block; margin-bottom: 8px; }
.sermas-cred-item p { color: #888; line-height: 1.5; }
.sermas-cta-about { background: #541161; padding: 80px 8%; text-align: center; }
.sermas-cta-about h2 { font-family: 'Playfair Display', serif !important; font-style: italic !important; color: white !important; font-size: clamp(28px, 4vw, 48px) !important; margin-bottom: 32px !important; }
.sermas-btn-primary {
background: white !important; color: #541161 !important; border-radius: 50px !important;
padding: 18px 48px !important; font-family: 'Lato', sans-serif !important; font-size: 12px !important;
font-weight: 700 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important;
text-decoration: none !important; transition: all 0.3s ease !important; display: inline-block !important;
}
.sermas-btn-primary:hover { background: #C9A96E !important; color: white !important; } .sermas-social-label { color: rgba(255,255,255,0.5) !important; font-family: 'Lato', sans-serif !important; font-size: 11px !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; margin-bottom: 12px !important; } body:not(.home) #main-header,
body:not(.home) #main-header.et-fixed-header {
background: rgba(14, 4, 18, 0.88) !important;
backdrop-filter: blur(18px) !important;
-webkit-backdrop-filter: blur(18px) !important;
box-shadow: 0 1px 0 rgba(255,255,255,0.06) !important;
}
body:not(.home) #main-header .et_menu_container,
body:not(.home) #main-header #et-top-navigation {
background: transparent !important;
}
body:not(.home) #main-header .et-menu > li > a,
body:not(.home) #main-header #et-top-navigation nav > ul > li > a {
color: rgba(255,255,255,0.80) !important;
font-family: 'Lato', sans-serif !important;
font-size: 12px !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
}
body:not(.home) #main-header .et-menu > li > a:hover,
body:not(.home) #main-header #et-top-navigation nav > ul > li > a:hover {
color: #C9A96E !important;
}
body:not(.home) #main-header .logo_container img,
body:not(.home) #main-header #logo {
filter: brightness(0) invert(1) !important;
}
@media (max-width: 980px) {
body:not(.home) #main-header { background: rgba(14,4,18,0.96) !important; }
}
@media (max-width: 768px) {
.sermas-bio-layout { flex-direction: column; gap: 40px; padding: 0; }
.sermas-bio-image { max-width: 100%; }
.sermas-bio-img { height: 380px !important; }
.sermas-cred-grid { grid-template-columns: repeat(2, 1fr); }
.sermas-about-hero { padding: 100px 6% 60px; }
} .site-header,
#masthead,
header.site-header {
background: rgba(10, 5, 20, 0.85) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
box-shadow: 0 1px 0 rgba(255,255,255,0.08) !important;
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
transition: all 0.3s ease !important;
}
.et-menu a,
.main-navigation a,
#masthead nav a {
color: rgba(255,255,255,0.85) !important;
font-family: 'Lato', sans-serif !important;
font-size: 12px !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
text-decoration: none !important;
transition: color 0.3s ease !important;
}
.et-menu a:hover,
.main-navigation a:hover {
color: #C9A96E !important;
} body.page {
background: #FAF7F4 !important;
}
body.page h1,
body.page h2,
body.page h3 {
font-family: 'Playfair Display', serif !important;
}
body.page p,
body.page li,
body.page span {
font-family: 'Lato', sans-serif !important;
line-height: 1.8 !important;
}
body.page:not(.home) a:not(.sermas-btn-prog):not(.sermas-btn-primary):not(.il-btn) {
color: #541161 !important;
}
body.page:not(.home) a:not(.sermas-btn-prog):not(.sermas-btn-primary):not(.il-btn):hover {
color: #C9A96E !important;
} .sermas-prog-hero {
background: #541161;
padding: 140px 8% 100px;
color: white;
text-align: center;
}
.sermas-prog-hero h1 {
font-family: 'Playfair Display', serif !important;
font-size: clamp(36px, 5vw, 68px) !important;
line-height: 1.15 !important;
margin: 0 auto !important;
max-width: 700px !important;
}
.sermas-prog-hero em { color: #C9A96E !important; }
.sermas-prog-hero p {
color: rgba(255,255,255,0.75) !important;
font-size: 18px !important;
max-width: 500px !important;
margin: 16px auto 0 !important;
line-height: 1.7 !important;
}
.sermas-prog-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
padding: 80px 8%;
background: #FAF7F4;
max-width: 1400px;
margin: 0 auto;
box-sizing: border-box;
}
.sermas-prog-card {
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 8px 32px rgba(84,17,97,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sermas-prog-card:hover {
transform: translateY(-8px) !important;
box-shadow: 0 16px 48px rgba(84,17,97,0.16) !important;
}
.sermas-prog-card-header {
padding: 40px 32px 32px;
color: white;
}
.sermas-prog-tag {
font-size: 10px !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
color: #C9A96E !important;
font-family: 'Lato', sans-serif !important;
display: block !important;
margin-bottom: 12px !important;
}
.sermas-prog-card-header h2 {
font-family: 'Playfair Display', serif !important;
font-style: italic !important;
font-size: 28px !important;
color: white !important;
margin: 0 0 8px !important;
}
.sermas-prog-duration {
font-size: 13px !important;
color: rgba(255,255,255,0.6) !important;
letter-spacing: 0.08em !important;
margin: 0 !important;
}
.sermas-prog-card-body {
padding: 32px;
}
.sermas-prog-card-body > p {
color: #555 !important;
line-height: 1.7 !important;
font-size: 15px !important;
margin-bottom: 24px !important;
}
.sermas-prog-list {
list-style: none !important;
padding: 0 !important;
margin: 0 0 32px !important;
}
.sermas-prog-list li {
color: #444 !important;
font-size: 14px !important;
padding: 8px 0 !important;
border-bottom: 1px solid rgba(84,17,97,0.06) !important;
line-height: 1.5 !important;
}
.sermas-btn-prog {
display: block !important;
background: #541161 !important;
color: white !important;
text-align: center !important;
padding: 16px 32px !important;
border-radius: 50px !important;
font-family: 'Lato', sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
}
.sermas-btn-prog:hover {
background: #C9A96E !important;
color: white !important;
}
.sermas-prog-cta {
background: #1A1A1A;
padding: 80px 8%;
text-align: center;
color: white;
}
.sermas-prog-cta h2 {
font-family: 'Playfair Display', serif !important;
font-style: italic !important;
font-size: clamp(28px, 4vw, 48px) !important;
color: white !important;
margin-bottom: 16px !important;
}
.sermas-prog-cta p {
color: rgba(255,255,255,0.65) !important;
margin-bottom: 32px !important;
font-size: 16px !important;
}
@media (max-width: 768px) {
.sermas-prog-cards {
grid-template-columns: 1fr !important;
padding: 40px 6% !important;
}
} footer a,
footer p,
footer li,
footer span,
footer h3,
footer h4,
.site-footer *,
#colophon * {
color: white !important;
}
footer a:hover {
color: #C9A96E !important;
} #logo,
.et_pb_image_wrap img#logo,
body:not(.home) #main-header #logo,
body:not(.home) #main-header .logo_container img {
content: url(https://ireneluden.com/wp-content/uploads/2026/06/logonuevo.png) !important;
height: 65px !important;
width: auto !important;
max-width: 260px !important;
filter: none !important;
} body:not(.home) #main-header .logo_container img,
body:not(.home) #main-header #logo {
filter: none !important;
} .il-footer,
.il-footer *,
.site-footer,
.site-footer *,
#colophon,
#colophon *,
#et-footer-nav,
#et-footer-nav *,
.et_pb_footer_layout,
.et_pb_footer_layout *,
.et_pb_widget,
.et_pb_widget * {
color: white !important;
}
.il-footer a:hover,
.site-footer a:hover,
#colophon a:hover,
#et-footer-nav a:hover {
color: #C9A96E !important;
text-decoration: none !important;
} .il-nav a,
.il-nav .il-nav__links a,
.il-nav .il-nav__logo,
.il-nav .il-nav__ingresar {
color: rgba(255,255,255,0.85) !important;
}
.il-nav .il-nav__links a:hover { color: white !important; }
.il-nav .il-nav__ingresar:hover { color: white !important; } .il-nav {
background: transparent;
position: fixed;
top: 0; left: 0; right: 0;
z-index: 9999 !important;
}
.il-nav.scrolled {
background: rgba(10,5,20,0.92) !important;
backdrop-filter: blur(18px) !important;
-webkit-backdrop-filter: blur(18px) !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
} body:not(.home) #main-header,
body:not(.home) #top-header,
body:not(.home) #et-secondary-nav {
display: none !important;
}  .sermas-hero *,
.sermas-hero-content *,
.sermas-hero-content p,
.sermas-hero-content span,
.sermas-hero-content small,
.sermas-hero-content h1,
.sermas-hero-content h2,
.sermas-hero-content h3,
.sermas-hero-content h4,
.sermas-hero-content strong,
.sermas-hero-content em,
.sermas-hero-content li {
color: white !important;
} .sermas-hero .il-eyebrow,
.sermas-hero-content .il-eyebrow {
color: rgba(255,255,255,0.75) !important;
} .sermas-hero-content .stats,
.sermas-hero-content .sermas-stats,
.sermas-hero-content [class*="stat"],
.il-stat__num,
.il-stat__label {
color: white !important;
} .sermas-hero-content a,
.sermas-hero-content button,
.sermas-hero a,
.sermas-hero button {
color: white !important;
} .il-hero__btn-primary,
.sermas-btn-hero-primary,
.sermas-hero-content a:first-of-type {
background: #541161 !important;
color: white !important;
border: none !important;
} .il-hero__btn-ghost,
.sermas-btn-hero-secondary,
.sermas-hero-content a:last-of-type {
background: transparent !important;
color: white !important;
border: 1.5px solid rgba(255,255,255,0.6) !important;
}
.il-hero__btn-ghost:hover,
.sermas-hero-content a:last-of-type:hover {
background: rgba(255,255,255,0.10) !important;
border-color: white !important;
} .site-footer,
.site-footer *,
#colophon,
#colophon *,
footer,
footer * {
color: white !important;
}
.site-footer a:hover,
#colophon a:hover,
footer a:hover {
color: #C9A96E !important;
text-decoration: none !important;
} .site-header .button,
.site-header .btn,
#masthead .button,
#masthead .btn,
.nav-menu li.button a,
.primary-menu li.button a,
a.sermas-btn-ingresar,
.il-nav__ingresar,
.il-nav .il-nav__ingresar {
color: white !important;
border: 1.5px solid rgba(255,255,255,0.5) !important;
border-radius: 50px !important;
background: transparent !important;
transition: all 0.3s ease !important;
}
.site-header .button:hover,
#masthead .button:hover,
.nav-menu li.button a:hover,
.il-nav__ingresar:hover,
.il-nav .il-nav__ingresar:hover {
background: rgba(255,255,255,0.1) !important;
color: white !important;
}  a.mega-menu-link,
.mega-menu a,
.mega-menu > li > a,
#et-top-navigation a,
#et-top-navigation li a,
#main-header a,
#main-header .mega-menu-link,
.et_header_style_left #et-top-navigation nav > ul > li > a {
color: rgba(255,255,255,0.88) !important;
}
a.mega-menu-link:hover,
#et-top-navigation a:hover,
#main-header a:hover {
color: #C9A96E !important;
} .et-cart-info,
.et-cart-info *,
a.et-cart-info { color: white !important; } #colophon a,
#colophon *,
#et-footer-nav,
#et-footer-nav a,
#et-footer-nav *,
.et_pb_footer_layout a,
.et_pb_footer_layout *,
.footer-widget a,
.footer-widget *,
.widget-area a,
.widget-area * { color: white !important; }
#colophon a:hover,
#et-footer-nav a:hover { color: #C9A96E !important; } .sermas-divi-social-btn,
.sermas-divi-social-btn *,
.icon.et_pb_with_border,
.et_pb_social_network_link { color: white !important; }  html body .sermas-hero *,
html body .sermas-hero-content *,
html body .sermas-hero p,
html body .sermas-hero span,
html body .sermas-hero h1,
html body .sermas-hero small,
html body .sermas-hero label {
color: white !important;
} html body .sermas-hero a,
html body .sermas-hero button,
html body .sermas-hero-content a,
html body .sermas-hero-content button,
html body section.sermas-hero a,
html body.home.page .sermas-hero-content .il-hero__btns a {
color: white !important;
} html body a.il-hero__btn-primary.il-hero__btn-primary.il-hero__btn-primary.il-hero__btn-primary,
html body a.sermas-btn-hero-primary.sermas-btn-hero-primary.sermas-btn-hero-primary.sermas-btn-hero-primary {
background-color: #541161 !important;
color: white !important;
border: none !important;
} html body a.il-hero__btn-ghost.il-hero__btn-ghost.il-hero__btn-ghost.il-hero__btn-ghost,
html body a.sermas-btn-hero-secondary.sermas-btn-hero-secondary.sermas-btn-hero-secondary.sermas-btn-hero-secondary {
background-color: transparent !important;
color: white !important;
border: 2px solid rgba(255,255,255,0.6) !important;
}
html body a.il-hero__btn-ghost.il-hero__btn-ghost.il-hero__btn-ghost.il-hero__btn-ghost:hover {
background-color: rgba(255,255,255,0.1) !important;
border-color: white !important;
} html body header a,
html body header li a,
html body header nav a,
html body .site-header a,
html body .site-header li a,
html body #masthead a,
html body #masthead li a,
html body .main-navigation a,
html body .main-navigation li a,
html body .nav-menu a,
html body .nav-menu li a,
html body .primary-menu a,
html body #primary-menu a,
html body #site-navigation a,
html body nav.il-nav .il-nav__links.il-nav__links a {
color: white !important;
opacity: 1 !important;
}
html body header a:hover,
html body .site-header a:hover,
html body #masthead a:hover,
html body .main-navigation a:hover,
html body .nav-menu a:hover,
html body nav.il-nav .il-nav__links.il-nav__links a:hover {
color: #C9A96E !important;
} html body .sermas-prog-hero h1 { color: white !important; }
html body .sermas-prog-hero h1 em { color: #C9A96E !important; } html body :is(footer, #colophon, .site-footer, .footer-widget, .et-l--footer, .il-footer) a:not(.sermas-btn-primary):not(.sermas-btn-prog):not(.il-btn),
html body :is(footer, #colophon, .site-footer, .footer-widget, .et-l--footer, .il-footer) li,
html body :is(footer, #colophon, .site-footer, .footer-widget, .et-l--footer, .il-footer) span,
html body :is(footer, #colophon, .site-footer, .footer-widget, .et-l--footer, .il-footer) p {
color: white !important;
}
html body :is(footer, #colophon, .site-footer, .et-l--footer, .il-footer) a:not(.sermas-btn-primary):not(.sermas-btn-prog):not(.il-btn):hover {
color: #C9A96E !important;
} html body :is(footer, #colophon, .site-footer, .et-l--footer) li a {
font-family: 'Lato', sans-serif !important;
font-size: 14px !important;
letter-spacing: 0.08em !important;
line-height: 2 !important;
font-weight: 400 !important;
text-transform: none !important;
transition: color 0.3s ease !important;
}
html body :is(footer, #colophon, .site-footer, .footer-widget, .et-l--footer) :is(h3, h4) {
font-family: 'Playfair Display', serif !important;
font-size: 16px !important;
letter-spacing: 0.15em !important;
color: white !important;
margin-bottom: 20px !important;
}:root {
--c-white:       #FFFFFF;
--c-cream:       #FAF7F4;
--c-dark:        #1a1a1a;
--c-purple:      #541161;
--c-text:        #2d2d2d;
--c-muted:       #888888;
--c-placeholder: #E8E0D5;
--f-title:       'Playfair Display', Georgia, serif;
--f-body:        'Lato', sans-serif;
--radius-btn:    50px;
} *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: var(--f-body);
font-weight: 400;
color: var(--c-text);
background: var(--c-white);
line-height: 1.7;
overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; } .home #main-header,
.home #top-header { display: none !important; }
.home #main-content,
.home .page-content-wrap,
.home #page-container { padding: 0 !important; }
body.home { padding-top: 0 !important; }
.home #main-footer,
.home #et-footer-nav,
.home footer.et-l--footer { display: none !important; }
.admin-bar .il-nav { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .il-nav { top: 46px; } } .il-container {
max-width: 1160px;
margin: 0 auto;
padding: 0 48px;
}
.il-eyebrow {
display: block;
font-family: var(--f-body);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.25em;
text-transform: uppercase;
color: var(--c-purple);
margin-bottom: 20px;
}
.il-eyebrow--white { color: rgba(255,255,255,0.75); }
.il-sep {
width: 60px;
height: 1px;
background: var(--c-purple);
margin: 0 auto 28px;
} .il-btn {
display: inline-block;
font-family: var(--f-body);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
background: var(--c-purple);
color: var(--c-white) !important;
border: 2px solid var(--c-purple);
border-radius: var(--radius-btn);
padding: 16px 40px;
transition: opacity 0.2s, transform 0.18s;
}
.il-btn:hover { opacity: 0.84; transform: translateY(-2px); }
.il-btn--white {
background: var(--c-white);
color: var(--c-purple) !important;
border-color: var(--c-white);
}
.il-btn--white:hover { opacity: 0.92; transform: translateY(-2px); }
.il-btn--outline {
background: transparent;
color: var(--c-purple) !important;
border-color: var(--c-purple);
}
.il-btn--outline:hover { background: var(--c-purple); color: var(--c-white) !important; }
.il-btn--lg { padding: 18px 60px; font-size: 15px; } @keyframes fade-up {
from { opacity: 0; transform: translateY(30px); }
to   { opacity: 1; transform: translateY(0); }
}
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.75s ease, transform 0.75s ease;
}
.fade-in.visible { opacity: 1; transform: translateY(0); }
.fade-in--d1 { transition-delay: 0.12s; }
.fade-in--d2 { transition-delay: 0.24s; }
.fade-in--d3 { transition-delay: 0.36s; }
.fade-in--d4 { transition-delay: 0.48s; } .sermas-logo,
.custom-logo,
.site-logo img,
header img.logo,
.navbar-brand img {
height: 80px !important;
width: auto !important;
max-width: 180px !important;
object-fit: contain !important;
filter: none !important;
}
.il-nav__logo img.sermas-logo { filter: none !important; }
.il-footer__logo.sermas-logo  { filter: none !important; opacity: 1; }
@media (max-width: 768px) {
.sermas-logo,
.custom-logo,
.site-logo img,
.navbar-brand img {
height: 55px !important;
width: auto !important;
max-width: 200px !important;
}
} .il-nav {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 60px;
background: transparent;
transition: background 400ms ease, backdrop-filter 400ms ease, -webkit-backdrop-filter 400ms ease;
}
.il-nav.scrolled {
background: rgba(255,255,255,0.08);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.il-nav__logo img { height: 46px; width: auto; filter: brightness(0) invert(1); }
.il-nav__links {
display: flex;
align-items: center;
gap: 34px;
list-style: none;
}
.il-nav__links a {
font-family: var(--f-body);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255,255,255,0.80);
transition: color 0.2s;
}
.il-nav__links a:hover { color: rgba(255,255,255,1); }
.il-nav__ingresar {
background: rgba(255,255,255,0.15) !important;
color: var(--c-white) !important;
padding: 9px 22px;
border-radius: var(--radius-btn);
border: 1px solid rgba(255,255,255,0.3);
transition: background 200ms !important;
}
.il-nav__ingresar:hover { background: rgba(255,255,255,0.25) !important; }
.il-nav__toggle {
display: none;
background: none;
border: none;
flex-direction: column;
gap: 5px;
padding: 4px;
z-index: 1001;
}
.il-nav__toggle span {
display: block;
width: 24px; height: 2px;
background: white;
border-radius: 2px;
transition: transform 0.28s, opacity 0.2s;
}
.il-nav__toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.il-nav__toggle.active span:nth-child(2) { opacity: 0; }
.il-nav__toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .sermas-hero {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
display: flex;
align-items: center;
background-color: #1a0a1f;
}
.sermas-hero-bg {
position: absolute;
inset: 0;
background-image: url(//ireneluden.com/wp-content/uploads/2026/06/heronaturaleza.jpg);
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
width: 100%;
height: 100%;
z-index: 0;
}
.sermas-hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
to right,
rgba(5,2,10,0.85) 0%,
rgba(5,2,10,0.65) 40%,
rgba(5,2,10,0.20) 70%,
rgba(5,2,10,0.05) 100%
);
z-index: 1;
}
.sermas-hero-content {
position: relative;
z-index: 2;
padding-left: 8%;
max-width: 55%;
}
.il-hero__eyebrow {
color: rgba(255,255,255,0.70);
animation: fade-up 0.8s ease-out 0s both;
}
.il-hero__title {
font-family: var(--f-title);
font-size: clamp(52px, 8vw, 96px);
font-weight: 700;
font-style: italic;
color: white;
line-height: 1.0;
margin: 16px 0 24px;
animation: fade-up 0.8s ease-out 0.2s both;
}
.il-hero__sub {
font-size: 17px;
font-weight: 300;
color: rgba(255,255,255,0.80);
max-width: 420px;
line-height: 1.7;
margin-bottom: 36px;
animation: fade-up 0.8s ease-out 0.4s both;
}
.il-hero__btns {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 52px;
animation: fade-up 0.8s ease-out 0.6s both;
}
.il-hero__btn-primary {
display: inline-block;
font-family: var(--f-body);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
background: #541161;
color: white !important;
border-radius: 50px;
padding: 16px 40px;
text-decoration: none;
transition: transform 200ms, opacity 200ms;
}
.il-hero__btn-primary:hover { transform: scale(1.03); opacity: 0.9; }
.il-hero__btn-ghost {
display: inline-block;
font-family: var(--f-body);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
border: 1.5px solid rgba(255,255,255,0.4);
color: white !important;
border-radius: 50px;
padding: 16px 40px;
text-decoration: none;
transition: background 200ms;
background: transparent;
}
.il-hero__btn-ghost:hover { background: rgba(255,255,255,0.10); }
.il-hero__stats {
display: flex;
gap: clamp(24px, 4vw, 48px);
animation: fade-up 0.8s ease-out 0.8s both;
}
.il-stat { display: flex; flex-direction: column; }
.il-stat__num {
font-family: var(--f-title);
font-size: clamp(28px, 3.5vw, 36px);
font-weight: 700;
color: white;
line-height: 1;
}
.il-stat__label {
font-family: var(--f-body);
font-size: 11px;
color: rgba(255,255,255,0.50);
text-transform: uppercase;
letter-spacing: 0.15em;
margin-top: 4px;
line-height: 1.4;
} .sermas-carousel-section {
width: 100%;
min-height: 100vh;
overflow: hidden;
display: block;
padding: 0;
margin: 0;
background: #541161;
} .il-lead {
background: var(--c-purple);
padding: 112px 48px;
text-align: center;
}
.il-lead__inner { max-width: 660px; margin: 0 auto; }
.il-lead__title {
font-family: var(--f-title);
font-size: clamp(34px, 4vw, 52px);
font-weight: 700;
font-style: italic;
color: var(--c-white);
line-height: 1.2;
margin-bottom: 18px;
}
.il-lead__text {
font-size: 17px;
font-weight: 300;
color: rgba(255,255,255,0.82);
margin-bottom: 40px;
line-height: 1.7;
} .il-about {
display: flex;
align-items: stretch;
background: var(--c-white);
min-height: 640px;
}
.il-about__text {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 100px 72px;
}
.il-about__text h2 {
font-family: var(--f-title);
font-size: clamp(44px, 5vw, 70px);
font-weight: 700;
font-style: italic;
line-height: 1.1;
color: var(--c-dark);
margin-bottom: 28px;
}
.il-about__text p {
font-size: 16px;
font-weight: 300;
color: #5a5a5a;
line-height: 1.85;
max-width: 440px;
}
.il-about__image {
width: 50%;
min-height: 600px;
background: var(--c-placeholder);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.il-about__image img { width: 100%; height: 100%; object-fit: cover; }
.il-placeholder-label {
font-size: 13px;
font-weight: 300;
color: #b0a8a0;
text-align: center;
letter-spacing: 0.05em;
} .il-programa {
background: var(--c-cream);
padding: 120px 48px;
text-align: center;
}
.il-programa__title {
font-family: var(--f-title);
font-size: clamp(36px, 4.2vw, 60px);
font-weight: 700;
font-style: italic;
line-height: 1.15;
color: var(--c-dark);
margin-bottom: 20px;
}
.il-programa__desc {
font-size: 16px;
font-weight: 300;
color: #666;
max-width: 620px;
margin: 0 auto 72px;
line-height: 1.85;
}
.il-stages {
display: flex;
align-items: flex-start;
justify-content: center;
margin-bottom: 64px;
}
.il-stage {
text-align: center;
padding: 0 24px;
min-width: 148px;
}
.il-stage__num {
display: block;
font-size: 11px;
font-weight: 700;
color: var(--c-purple);
letter-spacing: 0.15em;
margin-bottom: 10px;
}
.il-stage__name {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
color: var(--c-dark);
margin-bottom: 8px;
text-transform: uppercase;
}
.il-stage__desc {
font-size: 12px;
font-weight: 300;
color: var(--c-muted);
line-height: 1.5;
}
.il-stage-arrow {
align-self: flex-start;
padding-top: 14px;
color: var(--c-purple);
font-size: 18px;
flex-shrink: 0;
line-height: 1;
} .il-community {
background: var(--c-dark);
padding: 120px 48px;
text-align: center;
}
.il-community__inner { max-width: 580px; margin: 0 auto; }
.il-community__title {
font-family: var(--f-title);
font-size: clamp(42px, 5vw, 68px);
font-weight: 700;
font-style: italic;
color: var(--c-white);
line-height: 1.1;
margin-bottom: 18px;
}
.il-community__sub {
font-size: 17px;
font-weight: 300;
color: rgba(255,255,255,0.72);
margin-bottom: 48px;
line-height: 1.75;
}
.il-email-form {
display: flex;
gap: 12px;
max-width: 460px;
margin: 0 auto;
}
.il-email-form input[type="email"] {
flex: 1;
font-family: var(--f-body);
font-size: 14px;
padding: 15px 24px;
border: 1.5px solid rgba(255,255,255,0.18);
border-radius: var(--radius-btn);
background: rgba(255,255,255,0.07);
color: var(--c-white);
outline: none;
transition: border-color 0.2s;
min-width: 0;
}
.il-email-form input::placeholder { color: rgba(255,255,255,0.38); }
.il-email-form input:focus { border-color: rgba(255,255,255,0.45); }
.il-email-form button {
font-family: var(--f-body);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
background: var(--c-purple);
color: var(--c-white);
border: none;
border-radius: var(--radius-btn);
padding: 15px 28px;
white-space: nowrap;
transition: opacity 0.2s;
}
.il-email-form button:hover { opacity: 0.85; } .il-testimonios {
background: var(--c-white);
padding: 120px 48px;
}
.il-testimonios__title {
font-family: var(--f-title);
font-size: clamp(26px, 3vw, 38px);
font-style: italic;
color: var(--c-dark);
text-align: center;
margin-bottom: 72px;
}
.il-t-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
max-width: 1080px;
margin: 0 auto;
}
.il-t-card {
padding: 44px 40px;
border-top: 1px solid rgba(84,17,97,0.14);
}
.il-t-card + .il-t-card { border-left: 1px solid rgba(84,17,97,0.08); }
.il-t-card__quote {
font-family: var(--f-title);
font-size: 16px;
font-style: italic;
color: #555;
line-height: 1.8;
margin-bottom: 28px;
}
.il-t-card__name {
font-size: 13px;
font-weight: 700;
color: var(--c-dark);
margin-bottom: 4px;
letter-spacing: 0.03em;
}
.il-t-card__role {
font-size: 12px;
font-weight: 300;
color: var(--c-muted);
line-height: 1.5;
} .il-cta-final {
background: var(--c-cream);
padding: 128px 48px;
text-align: center;
}
.il-cta-final__inner { max-width: 680px; margin: 0 auto; }
.il-cta-final__title {
font-family: var(--f-title);
font-size: clamp(36px, 4.5vw, 62px);
font-weight: 700;
font-style: italic;
color: var(--c-dark);
line-height: 1.15;
margin-bottom: 20px;
}
.il-cta-final__sub {
font-size: 17px;
font-weight: 300;
color: #666;
margin-bottom: 14px;
line-height: 1.75;
}
.il-cta-final__duration {
display: block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--c-muted);
margin-bottom: 44px;
} .il-footer {
background: var(--c-dark);
padding: 80px 48px 40px;
text-align: center;
}
.il-footer__logo {
height: 52px !important;
max-height: 52px !important;
width: auto !important;
margin: 0 auto 14px;
filter: brightness(0) invert(1);
opacity: 0.85;
}
.il-footer__tagline {
font-size: 14px;
font-weight: 300;
color: rgba(255,255,255,0.5);
line-height: 1.6;
margin-bottom: 48px;
}
.il-footer__sep {
border: none;
border-top: 1px solid rgba(255,255,255,0.08);
max-width: 600px;
margin: 0 auto 32px;
}
.il-footer__nav {
display: flex;
justify-content: center;
gap: 36px;
flex-wrap: wrap;
margin-bottom: 28px;
}
.il-footer__nav a {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255,255,255,0.5);
transition: color 0.2s;
}
.il-footer__nav a:hover { color: var(--c-white); }
.il-footer__contact {
display: flex;
justify-content: center;
gap: 28px;
flex-wrap: wrap;
margin-bottom: 28px;
}
.il-footer__contact a {
font-size: 13px;
font-weight: 300;
color: rgba(255,255,255,0.5);
transition: color 0.2s;
}
.il-footer__contact a:hover { color: var(--c-white); }
.il-footer__social {
display: flex;
justify-content: center;
gap: 14px;
margin-bottom: 48px;
}
.il-social-btn {
display: flex;
align-items: center;
justify-content: center;
width: 40px; height: 40px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.18);
color: rgba(255,255,255,0.55);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
transition: border-color 0.2s, color 0.2s;
}
.il-social-btn:hover { border-color: var(--c-white); color: var(--c-white); }
.il-footer__copy {
font-size: 11px;
letter-spacing: 0.08em;
color: rgba(255,255,255,0.25);
} @media (max-width: 900px) {
.il-t-grid { grid-template-columns: 1fr; }
.il-t-card + .il-t-card { border-left: none; border-top: 1px solid rgba(84,17,97,0.14); }
}
@media (max-width: 768px) {
.il-nav { padding: 14px 24px; }
.il-nav__links {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(10,5,15,0.95);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
z-index: 999;
}
.il-nav__links.open { display: flex; }
.il-nav__links.open a { font-size: 18px; color: rgba(255,255,255,0.85); }
.il-nav__toggle { display: flex; }
.sermas-hero { height: auto; min-height: 100vh; align-items: flex-start; overflow: visible; }
.sermas-hero-bg { background-position: 70% center; }
.sermas-hero-content { max-width: 100%; padding: 110px 6% 60px; }
.il-hero__btns { flex-direction: column; align-items: flex-start; }
.il-hero__stats { gap: 24px; }
.il-about { flex-direction: column; }
.il-about__text { width: 100%; padding: 64px 28px; }
.il-about__text p { max-width: 100%; }
.il-about__image { width: 100%; min-height: 52vw; }
.il-stages {
flex-wrap: nowrap;
overflow-x: auto;
justify-content: flex-start;
padding: 0 24px 20px;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.il-stages::-webkit-scrollbar { display: none; }
.il-stage { min-width: 120px; padding: 0 14px; }
.il-stage-arrow { padding-top: 16px; }
.il-lead,
.il-programa,
.il-community,
.il-testimonios,
.il-cta-final { padding: 80px 28px; }
.il-footer { padding: 60px 28px 32px; }
.il-container { padding: 0 28px; }
.il-email-form { flex-direction: column; }
.il-email-form button { width: 100%; padding: 15px; }
.il-footer__contact { flex-direction: column; gap: 10px; }
}
@media (max-width: 480px) {
.il-lead__title { font-size: 32px; }
.il-community__title { font-size: 40px; }
.il-cta-final__title { font-size: 34px; }
.il-btn--lg { padding: 16px 36px; font-size: 13px; }
.il-hero__stats { flex-direction: column; gap: 16px; }
} .sermas-about {
background: var(--c-white);
}
.sermas-about-layout {
display: flex;
align-items: center;
gap: 80px;
max-width: 1200px;
margin: 0 auto;
padding: 100px 8%;
}
.sermas-about-text { flex: 1; }
.sermas-about-text h2 {
font-family: var(--f-title);
font-size: clamp(44px, 5vw, 70px);
font-weight: 700;
font-style: italic;
line-height: 1.1;
color: var(--c-dark);
margin-bottom: 28px;
}
.sermas-about-text p {
font-size: 16px;
font-weight: 300;
color: #5a5a5a;
line-height: 1.85;
max-width: 440px;
}
.sermas-about-image {
flex: 1;
max-width: 480px;
}
.sermas-about-img,
.sermas-about-image .sermas-about-img {
width: 100% !important;
max-width: none !important;
height: 580px !important;
object-fit: cover;
object-position: top center;
border-radius: 16px;
display: block;
}
@media (max-width: 768px) {
.sermas-about-layout {
flex-direction: column;
padding: 60px 6%;
gap: 40px;
}
.sermas-about-image { max-width: 100%; }
.sermas-about-img,
.sermas-about-image .sermas-about-img { height: 420px !important; width: 100% !important; max-width: none !important; }
}  .site-header img,
.custom-logo,
.custom-logo-link img,
.site-logo img,
header .logo img,
.navbar-logo img,
.sermas-logo {
height: 95px !important;
width: auto !important;
max-width: 300px !important;
object-fit: contain !important;
display: block !important;
filter: none !important;
}
.il-nav__logo img.sermas-logo { filter: none !important; }
.il-footer__logo.sermas-logo  { filter: none !important; opacity: 1; }
footer .il-footer__logo,
footer img[alt="Irene Ludeña"] {
height: 90px !important;
width: auto !important;
max-width: 320px !important;
opacity: 0.95 !important;
filter: none !important;
}
@media (max-width: 768px) {
.site-header img,
.custom-logo,
.custom-logo-link img,
.site-logo img,
header .logo img,
.navbar-logo img,
.sermas-logo {
height: 52px !important;
width: auto !important;
max-width: 220px !important;
}
footer .il-footer__logo,
footer img[alt="Irene Ludeña"] {
height: 70px !important;
}
} .sermas-about-text {
position: relative;
padding-left: 28px;
}
.sermas-about-text::before {
content: '';
position: absolute;
left: 0; top: 0; bottom: 0;
width: 6px;
background: #541161;
border-radius: 3px;
}
.il-about__quote {
color: #541161;
font-size: 1.2em;
font-style: italic;
font-family: 'Playfair Display', Georgia, serif;
border-left: 3px solid #C9A96E;
padding-left: 20px;
margin: 24px 0;
line-height: 1.6;
} .il-programa {
background: linear-gradient(135deg, #FAF7F4 0%, #F0E8F5 100%) !important;
}
.il-stages {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
align-items: stretch;
margin: 48px 0;
}
.il-stage {
background: white;
border-radius: 16px;
padding: 32px 24px;
border-top: 3px solid #541161;
box-shadow: 0 4px 24px rgba(84,17,97,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
flex: 1;
min-width: 160px;
max-width: 200px;
text-align: center;
}
.il-stage:hover {
transform: translateY(-8px);
box-shadow: 0 12px 40px rgba(84,17,97,0.18);
}
.il-stage__num {
font-size: 48px;
font-weight: 700;
color: #541161;
opacity: 0.25;
display: block;
line-height: 1;
margin-bottom: 8px;
}
.il-stage__name {
font-size: 15px;
font-weight: 700;
color: #1a1a1a;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 8px;
}
.il-stage__desc {
font-size: 13px;
color: #777;
line-height: 1.5;
margin: 0;
}
.il-stage-arrow {
display: flex;
align-items: center;
font-size: 28px;
color: #C9A96E;
font-weight: 300;
flex-shrink: 0;
}
@media (max-width: 768px) {
.il-stages { flex-direction: column; align-items: stretch; }
.il-stage { max-width: 100%; }
.il-stage-arrow { transform: rotate(90deg); text-align: center; }
} .sermas-community {
position: relative;
background: #1a1a1a;
}
.sermas-community::before { display: none; }
.sermas-community-content {
position: relative;
z-index: 1;
} .il-testimonios {
background: #FAF7F4;
}
.il-t-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
margin-top: 48px;
}
.il-t-card {
background: white;
border-radius: 20px;
padding: 40px;
box-shadow: 0 8px 32px rgba(0,0,0,0.08);
border-left: 4px solid #541161;
position: relative;
overflow: hidden;
}
.il-t-card::before {
content: '\201C';
font-family: 'Playfair Display', Georgia, serif;
font-size: 100px;
color: #541161;
opacity: 0.10;
position: absolute;
top: -10px;
left: 16px;
line-height: 1;
pointer-events: none;
}
.il-t-card__quote {
font-size: 15px;
line-height: 1.75;
color: #444;
font-style: italic;
margin: 0 0 24px 0;
position: relative;
z-index: 1;
}
.il-t-card__name {
font-weight: 700;
color: #541161;
font-size: 15px;
}
.il-t-card__role {
color: #888;
font-size: 13px;
margin-top: 4px;
}
@media (max-width: 768px) {
.il-t-grid { grid-template-columns: 1fr; }
.il-t-card { padding: 28px 24px; }
}  #cta,
.sermas-cta-final {
position: relative !important;
background-image: url(https://ireneluden.com/wp-content/uploads/2026/06/fotosentada.png) !important;
background-size: cover !important;
background-position: center center !important;
background-attachment: scroll !important;
background-color: transparent !important;
min-height: 600px;
overflow: hidden;
}
#cta::before,
.sermas-cta-final::before {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(135deg, rgba(84,17,97,0.85) 0%, rgba(10,5,20,0.80) 100%) !important;
z-index: 1 !important;
opacity: 1 !important;
pointer-events: none !important;
}
.sermas-cta-final-content {
position: relative;
z-index: 2;
}
#cta *,
.sermas-cta-final *,
.sermas-cta-final h2,
.sermas-cta-final p,
.sermas-cta-final span,
.sermas-cta-final a {
color: white !important;
position: relative !important;
z-index: 2 !important;
}
.il-cta-final__title {
font-size: clamp(36px, 6vw, 72px) !important;
} .sermas-etapa-icon {
display: flex;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
background: rgba(84,17,97,0.08);
border-radius: 50%;
margin: 0 auto 16px auto;
}
.sermas-etapa-icon svg {
width: 28px;
height: 28px;
} .sermas-hero-content h1,
.sermas-hero h1 {
font-size: clamp(32px, 4.5vw, 58px) !important;
line-height: 1.15 !important;
}
@media (max-width: 768px) {
.sermas-hero-content h1,
.sermas-hero h1 {
font-size: clamp(28px, 7vw, 42px) !important;
line-height: 1.2 !important;
}
} .sermas-social-links {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin: 20px 0;
}
.sermas-social-btn {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.3);
color: rgba(255,255,255,0.7);
text-decoration: none;
transition: all 0.3s ease;
}
.sermas-social-btn:hover {
border-color: #C9A96E;
color: #C9A96E;
transform: translateY(-3px);
}
.sermas-social-btn svg {
width: 18px;
height: 18px;
} body.page-id-235606 {
background: #FAF7F4 !important;
}
body.page-id-235606 h1 {
font-family: 'Playfair Display', serif !important;
font-style: italic !important;
font-size: clamp(36px, 5vw, 56px) !important;
color: #1A1A1A !important;
} .et_pb_contact_right,
.et_pb_contact_captcha_question,
.et_pb_contact_captcha,
input.et_pb_contact_captcha {
display: none !important;
} .et_pb_contact_form_label {
display: none !important;
} .et_pb_contact_form_container {
background: white !important;
border-radius: 20px !important;
padding: 40px !important;
box-shadow: 0 8px 40px rgba(84,17,97,0.08) !important;
border: 1px solid rgba(84,17,97,0.08) !important;
} .et_pb_contact_field {
margin-bottom: 0 !important;
padding: 0 !important;
} .et_pb_contact_form .input {
width: 100% !important;
padding: 18px 24px !important;
border: 1.5px solid rgba(84,17,97,0.15) !important;
border-radius: 14px !important;
background: white !important;
font-family: 'Lato', sans-serif !important;
font-size: 14px !important;
color: #1A1A1A !important;
letter-spacing: 0.03em !important;
transition: all 0.3s ease !important;
outline: none !important;
margin-bottom: 16px !important;
box-shadow: 0 2px 12px rgba(84,17,97,0.05) !important;
-webkit-appearance: none !important;
box-sizing: border-box !important;
display: block !important;
}
.et_pb_contact_form .input:focus {
border-color: #541161 !important;
box-shadow: 0 4px 24px rgba(84,17,97,0.14) !important;
transform: translateY(-2px) !important;
outline: none !important;
}
.et_pb_contact_form .input::placeholder {
color: #BBBBBB !important;
text-transform: uppercase !important;
font-size: 11px !important;
letter-spacing: 0.12em !important;
} .et_pb_contact_form textarea.input {
min-height: 150px !important;
resize: vertical !important;
} button.et_pb_contact_submit,
.et_pb_contact_submit.et_pb_button {
background: #541161 !important;
color: white !important;
border: none !important;
border-radius: 50px !important;
padding: 18px 52px !important;
font-family: 'Lato', sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
box-shadow: 0 6px 24px rgba(84,17,97,0.28) !important;
display: inline-block !important;
margin-top: 8px !important;
}
button.et_pb_contact_submit:hover,
.et_pb_contact_submit.et_pb_button:hover {
background: #6B1980 !important;
transform: translateY(-3px) !important;
box-shadow: 0 8px 32px rgba(84,17,97,0.38) !important;
} .et_contact_bottom_container {
margin-top: 8px !important;
border: none !important;
background: none !important;
} .et_pb_contact_submit.et_pb_button::after {
display: none !important;
} @keyframes sermasInputFade {
from { opacity: 0; transform: translateY(16px); }
to   { opacity: 1; transform: translateY(0); }
}
.et_pb_contact_field_0 .input { animation: sermasInputFade 0.4s ease 0.1s both; }
.et_pb_contact_field_1 .input { animation: sermasInputFade 0.4s ease 0.2s both; }
.et_pb_contact_field_2 .input { animation: sermasInputFade 0.4s ease 0.3s both; }
.et_pb_contact_field_3 .input { animation: sermasInputFade 0.4s ease 0.4s both; }
.et_pb_contact_field_4 .input { animation: sermasInputFade 0.4s ease 0.5s both; } @media (min-width: 768px) {
.et_pb_contact_form.clearfix {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 0 16px !important;
float: none !important;
}
.et_pb_contact_field[data-type="text"],
.et_contact_bottom_container {
grid-column: 1 / -1 !important;
}
.et_contact_bottom_container {
display: flex !important;
justify-content: flex-end !important;
}
} html, body { overflow-x: hidden !important; }
@media (max-width: 480px) {
.sermas-hero-content { padding: 110px 24px 60px !important; }
.il-hero__stats { flex-direction: column !important; gap: 12px !important; }
.il-hero__btn-primary,
.il-hero__btn-ghost {
width: 100% !important;
text-align: center !important;
box-sizing: border-box !important;
}
.il-lead { padding: 64px 24px !important; }
.sermas-about-layout { gap: 24px !important; padding: 48px 24px !important; }
.il-programa { padding: 64px 20px !important; }
.il-stage { min-width: 100% !important; max-width: 100% !important; }
.il-community { padding: 64px 24px !important; }
.il-testimonios { padding: 64px 20px !important; }
.il-t-card { padding: 24px 20px !important; }
.il-cta-final { padding: 64px 24px !important; }
.il-footer__nav { gap: 16px 24px !important; padding: 0 16px !important; }
.il-footer__copy { padding: 0 16px !important; font-size: 10px !important; word-break: break-word !important; }
.et_pb_contact_form_container { padding: 24px 16px !important; border-radius: 12px !important; }
button.et_pb_contact_submit { width: 100% !important; padding: 18px 24px !important; }
} .sermas-sobre-mi { font-family: 'Lato', sans-serif; }
.sermas-about-hero { background: #541161; padding: 140px 8% 100px; color: white; }
.sermas-about-hero h1 {
font-family: 'Playfair Display', serif !important;
font-size: clamp(36px, 5vw, 68px) !important;
color: white !important; line-height: 1.15 !important; margin: 16px 0 !important;
}
.sermas-about-hero em { font-style: italic; color: #C9A96E; }
.sermas-about-hero p { color: rgba(255,255,255,0.75) !important; margin-top: 16px !important; }
.sermas-bio { padding: 100px 8%; background: white; }
.sermas-bio-layout { display: flex; gap: 80px; align-items: center; max-width: 1200px; margin: 0 auto; }
.sermas-bio-text { flex: 1; }
.sermas-bio-image { flex: 1; max-width: 480px; }
.sermas-bio-img { width: 100% !important; height: 580px !important; object-fit: cover !important; object-position: top !important; border-radius: 16px !important; }
.sermas-cursive { font-family: 'Playfair Display', serif; font-style: italic; color: #541161; font-size: 18px; display: block; margin-bottom: 12px; }
.sermas-bio-text h2 { font-family: 'Playfair Display', serif !important; font-size: clamp(32px, 4vw, 52px) !important; color: #1A1A1A !important; line-height: 1.2 !important; margin: 0 0 24px !important; }
.sermas-bio-text p { color: #555 !important; line-height: 1.8 !important; margin-bottom: 16px !important; font-size: 16px !important; }
.sermas-quote { border-left: 3px solid #541161 !important; padding-left: 20px !important; font-style: italic !important; color: #541161 !important; font-size: 1.15em !important; margin: 32px 0 !important; }
.sermas-credenciales { background: #FAF7F4; padding: 80px 8%; text-align: center; }
.sermas-cred-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; max-width: 900px; margin: 40px auto 0; }
.sermas-cred-num { font-family: 'Playfair Display', serif; font-size: 52px; font-weight: 700; color: #541161; display: block; margin-bottom: 8px; }
.sermas-cred-item p { color: #888; line-height: 1.5; }
.sermas-cta-about { background: #541161; padding: 80px 8%; text-align: center; }
.sermas-cta-about h2 { font-family: 'Playfair Display', serif !important; font-style: italic !important; color: white !important; font-size: clamp(28px, 4vw, 48px) !important; margin-bottom: 32px !important; }
.sermas-btn-primary {
background: white !important; color: #541161 !important; border-radius: 50px !important;
padding: 18px 48px !important; font-family: 'Lato', sans-serif !important; font-size: 12px !important;
font-weight: 700 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important;
text-decoration: none !important; transition: all 0.3s ease !important; display: inline-block !important;
}
.sermas-btn-primary:hover { background: #C9A96E !important; color: white !important; } .sermas-social-label { color: rgba(255,255,255,0.5) !important; font-family: 'Lato', sans-serif !important; font-size: 11px !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; margin-bottom: 12px !important; } body:not(.home) #main-header,
body:not(.home) #main-header.et-fixed-header {
background: rgba(14, 4, 18, 0.88) !important;
backdrop-filter: blur(18px) !important;
-webkit-backdrop-filter: blur(18px) !important;
box-shadow: 0 1px 0 rgba(255,255,255,0.06) !important;
}
body:not(.home) #main-header .et_menu_container,
body:not(.home) #main-header #et-top-navigation {
background: transparent !important;
}
body:not(.home) #main-header .et-menu > li > a,
body:not(.home) #main-header #et-top-navigation nav > ul > li > a {
color: rgba(255,255,255,0.80) !important;
font-family: 'Lato', sans-serif !important;
font-size: 12px !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
}
body:not(.home) #main-header .et-menu > li > a:hover,
body:not(.home) #main-header #et-top-navigation nav > ul > li > a:hover {
color: #C9A96E !important;
}
body:not(.home) #main-header .logo_container img,
body:not(.home) #main-header #logo {
filter: brightness(0) invert(1) !important;
}
@media (max-width: 980px) {
body:not(.home) #main-header { background: rgba(14,4,18,0.96) !important; }
}
@media (max-width: 768px) {
.sermas-bio-layout { flex-direction: column; gap: 40px; padding: 0; }
.sermas-bio-image { max-width: 100%; }
.sermas-bio-img { height: 380px !important; }
.sermas-cred-grid { grid-template-columns: repeat(2, 1fr); }
.sermas-about-hero { padding: 100px 6% 60px; }
} .site-header,
#masthead,
header.site-header {
background: rgba(10, 5, 20, 0.85) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
box-shadow: 0 1px 0 rgba(255,255,255,0.08) !important;
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
transition: all 0.3s ease !important;
}
.et-menu a,
.main-navigation a,
#masthead nav a {
color: rgba(255,255,255,0.85) !important;
font-family: 'Lato', sans-serif !important;
font-size: 12px !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
text-decoration: none !important;
transition: color 0.3s ease !important;
}
.et-menu a:hover,
.main-navigation a:hover {
color: #C9A96E !important;
} body.page {
background: #FAF7F4 !important;
}
body.page h1,
body.page h2,
body.page h3 {
font-family: 'Playfair Display', serif !important;
}
body.page p,
body.page li,
body.page span {
font-family: 'Lato', sans-serif !important;
line-height: 1.8 !important;
}
body.page:not(.home) a:not(.sermas-btn-prog):not(.sermas-btn-primary):not(.il-btn) {
color: #541161 !important;
}
body.page:not(.home) a:not(.sermas-btn-prog):not(.sermas-btn-primary):not(.il-btn):hover {
color: #C9A96E !important;
} .sermas-prog-hero {
background: #541161;
padding: 140px 8% 100px;
color: white;
text-align: center;
}
.sermas-prog-hero h1 {
font-family: 'Playfair Display', serif !important;
font-size: clamp(36px, 5vw, 68px) !important;
line-height: 1.15 !important;
margin: 0 auto !important;
max-width: 700px !important;
}
.sermas-prog-hero em { color: #C9A96E !important; }
.sermas-prog-hero p {
color: rgba(255,255,255,0.75) !important;
font-size: 18px !important;
max-width: 500px !important;
margin: 16px auto 0 !important;
line-height: 1.7 !important;
}
.sermas-prog-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
padding: 80px 8%;
background: #FAF7F4;
max-width: 1400px;
margin: 0 auto;
box-sizing: border-box;
}
.sermas-prog-card {
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 8px 32px rgba(84,17,97,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sermas-prog-card:hover {
transform: translateY(-8px) !important;
box-shadow: 0 16px 48px rgba(84,17,97,0.16) !important;
}
.sermas-prog-card-header {
padding: 40px 32px 32px;
color: white;
}
.sermas-prog-tag {
font-size: 10px !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
color: #C9A96E !important;
font-family: 'Lato', sans-serif !important;
display: block !important;
margin-bottom: 12px !important;
}
.sermas-prog-card-header h2 {
font-family: 'Playfair Display', serif !important;
font-style: italic !important;
font-size: 28px !important;
color: white !important;
margin: 0 0 8px !important;
}
.sermas-prog-duration {
font-size: 13px !important;
color: rgba(255,255,255,0.6) !important;
letter-spacing: 0.08em !important;
margin: 0 !important;
}
.sermas-prog-card-body {
padding: 32px;
}
.sermas-prog-card-body > p {
color: #555 !important;
line-height: 1.7 !important;
font-size: 15px !important;
margin-bottom: 24px !important;
}
.sermas-prog-list {
list-style: none !important;
padding: 0 !important;
margin: 0 0 32px !important;
}
.sermas-prog-list li {
color: #444 !important;
font-size: 14px !important;
padding: 8px 0 !important;
border-bottom: 1px solid rgba(84,17,97,0.06) !important;
line-height: 1.5 !important;
}
.sermas-btn-prog {
display: block !important;
background: #541161 !important;
color: white !important;
text-align: center !important;
padding: 16px 32px !important;
border-radius: 50px !important;
font-family: 'Lato', sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
}
.sermas-btn-prog:hover {
background: #C9A96E !important;
color: white !important;
}
.sermas-prog-cta {
background: #1A1A1A;
padding: 80px 8%;
text-align: center;
color: white;
}
.sermas-prog-cta h2 {
font-family: 'Playfair Display', serif !important;
font-style: italic !important;
font-size: clamp(28px, 4vw, 48px) !important;
color: white !important;
margin-bottom: 16px !important;
}
.sermas-prog-cta p {
color: rgba(255,255,255,0.65) !important;
margin-bottom: 32px !important;
font-size: 16px !important;
}
@media (max-width: 768px) {
.sermas-prog-cards {
grid-template-columns: 1fr !important;
padding: 40px 6% !important;
}
} footer a,
footer p,
footer li,
footer span,
footer h3,
footer h4,
.site-footer *,
#colophon * {
color: white !important;
}
footer a:hover {
color: #C9A96E !important;
} #logo,
.et_pb_image_wrap img#logo,
body:not(.home) #main-header #logo,
body:not(.home) #main-header .logo_container img {
content: url(https://ireneluden.com/wp-content/uploads/2026/06/logonuevo.png) !important;
height: 65px !important;
width: auto !important;
max-width: 260px !important;
filter: none !important;
} body:not(.home) #main-header .logo_container img,
body:not(.home) #main-header #logo {
filter: none !important;
} .il-footer,
.il-footer *,
.site-footer,
.site-footer *,
#colophon,
#colophon *,
#et-footer-nav,
#et-footer-nav *,
.et_pb_footer_layout,
.et_pb_footer_layout *,
.et_pb_widget,
.et_pb_widget * {
color: white !important;
}
.il-footer a:hover,
.site-footer a:hover,
#colophon a:hover,
#et-footer-nav a:hover {
color: #C9A96E !important;
text-decoration: none !important;
} .il-nav a,
.il-nav .il-nav__links a,
.il-nav .il-nav__logo,
.il-nav .il-nav__ingresar {
color: rgba(255,255,255,0.85) !important;
}
.il-nav .il-nav__links a:hover { color: white !important; }
.il-nav .il-nav__ingresar:hover { color: white !important; } .il-nav {
background: transparent;
position: fixed;
top: 0; left: 0; right: 0;
z-index: 9999 !important;
}
.il-nav.scrolled {
background: rgba(10,5,20,0.92) !important;
backdrop-filter: blur(18px) !important;
-webkit-backdrop-filter: blur(18px) !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
} body:not(.home) #main-header,
body:not(.home) #top-header,
body:not(.home) #et-secondary-nav {
display: none !important;
}  .sermas-hero *,
.sermas-hero-content *,
.sermas-hero-content p,
.sermas-hero-content span,
.sermas-hero-content small,
.sermas-hero-content h1,
.sermas-hero-content h2,
.sermas-hero-content h3,
.sermas-hero-content h4,
.sermas-hero-content strong,
.sermas-hero-content em,
.sermas-hero-content li {
color: white !important;
} .sermas-hero .il-eyebrow,
.sermas-hero-content .il-eyebrow {
color: rgba(255,255,255,0.75) !important;
} .sermas-hero-content .stats,
.sermas-hero-content .sermas-stats,
.sermas-hero-content [class*="stat"],
.il-stat__num,
.il-stat__label {
color: white !important;
} .sermas-hero-content a,
.sermas-hero-content button,
.sermas-hero a,
.sermas-hero button {
color: white !important;
} .il-hero__btn-primary,
.sermas-btn-hero-primary,
.sermas-hero-content a:first-of-type {
background: #541161 !important;
color: white !important;
border: none !important;
} .il-hero__btn-ghost,
.sermas-btn-hero-secondary,
.sermas-hero-content a:last-of-type {
background: transparent !important;
color: white !important;
border: 1.5px solid rgba(255,255,255,0.6) !important;
}
.il-hero__btn-ghost:hover,
.sermas-hero-content a:last-of-type:hover {
background: rgba(255,255,255,0.10) !important;
border-color: white !important;
} .site-footer,
.site-footer *,
#colophon,
#colophon *,
footer,
footer * {
color: white !important;
}
.site-footer a:hover,
#colophon a:hover,
footer a:hover {
color: #C9A96E !important;
text-decoration: none !important;
} .site-header .button,
.site-header .btn,
#masthead .button,
#masthead .btn,
.nav-menu li.button a,
.primary-menu li.button a,
a.sermas-btn-ingresar,
.il-nav__ingresar,
.il-nav .il-nav__ingresar {
color: white !important;
border: 1.5px solid rgba(255,255,255,0.5) !important;
border-radius: 50px !important;
background: transparent !important;
transition: all 0.3s ease !important;
}
.site-header .button:hover,
#masthead .button:hover,
.nav-menu li.button a:hover,
.il-nav__ingresar:hover,
.il-nav .il-nav__ingresar:hover {
background: rgba(255,255,255,0.1) !important;
color: white !important;
}  a.mega-menu-link,
.mega-menu a,
.mega-menu > li > a,
#et-top-navigation a,
#et-top-navigation li a,
#main-header a,
#main-header .mega-menu-link,
.et_header_style_left #et-top-navigation nav > ul > li > a {
color: rgba(255,255,255,0.88) !important;
}
a.mega-menu-link:hover,
#et-top-navigation a:hover,
#main-header a:hover {
color: #C9A96E !important;
} .et-cart-info,
.et-cart-info *,
a.et-cart-info { color: white !important; } #colophon a,
#colophon *,
#et-footer-nav,
#et-footer-nav a,
#et-footer-nav *,
.et_pb_footer_layout a,
.et_pb_footer_layout *,
.footer-widget a,
.footer-widget *,
.widget-area a,
.widget-area * { color: white !important; }
#colophon a:hover,
#et-footer-nav a:hover { color: #C9A96E !important; } .sermas-divi-social-btn,
.sermas-divi-social-btn *,
.icon.et_pb_with_border,
.et_pb_social_network_link { color: white !important; }  html body .sermas-hero *,
html body .sermas-hero-content *,
html body .sermas-hero p,
html body .sermas-hero span,
html body .sermas-hero h1,
html body .sermas-hero small,
html body .sermas-hero label {
color: white !important;
} html body .sermas-hero a,
html body .sermas-hero button,
html body .sermas-hero-content a,
html body .sermas-hero-content button,
html body section.sermas-hero a,
html body.home.page .sermas-hero-content .il-hero__btns a {
color: white !important;
} html body a.il-hero__btn-primary.il-hero__btn-primary.il-hero__btn-primary.il-hero__btn-primary,
html body a.sermas-btn-hero-primary.sermas-btn-hero-primary.sermas-btn-hero-primary.sermas-btn-hero-primary {
background-color: #541161 !important;
color: white !important;
border: none !important;
} html body a.il-hero__btn-ghost.il-hero__btn-ghost.il-hero__btn-ghost.il-hero__btn-ghost,
html body a.sermas-btn-hero-secondary.sermas-btn-hero-secondary.sermas-btn-hero-secondary.sermas-btn-hero-secondary {
background-color: transparent !important;
color: white !important;
border: 2px solid rgba(255,255,255,0.6) !important;
}
html body a.il-hero__btn-ghost.il-hero__btn-ghost.il-hero__btn-ghost.il-hero__btn-ghost:hover {
background-color: rgba(255,255,255,0.1) !important;
border-color: white !important;
} html body header a,
html body header li a,
html body header nav a,
html body .site-header a,
html body .site-header li a,
html body #masthead a,
html body #masthead li a,
html body .main-navigation a,
html body .main-navigation li a,
html body .nav-menu a,
html body .nav-menu li a,
html body .primary-menu a,
html body #primary-menu a,
html body #site-navigation a,
html body nav.il-nav .il-nav__links.il-nav__links a {
color: white !important;
opacity: 1 !important;
}
html body header a:hover,
html body .site-header a:hover,
html body #masthead a:hover,
html body .main-navigation a:hover,
html body .nav-menu a:hover,
html body nav.il-nav .il-nav__links.il-nav__links a:hover {
color: #C9A96E !important;
} html body .sermas-prog-hero h1 { color: white !important; }
html body .sermas-prog-hero h1 em { color: #C9A96E !important; } html body :is(footer, #colophon, .site-footer, .footer-widget, .et-l--footer, .il-footer) a:not(.sermas-btn-primary):not(.sermas-btn-prog):not(.il-btn),
html body :is(footer, #colophon, .site-footer, .footer-widget, .et-l--footer, .il-footer) li,
html body :is(footer, #colophon, .site-footer, .footer-widget, .et-l--footer, .il-footer) span,
html body :is(footer, #colophon, .site-footer, .footer-widget, .et-l--footer, .il-footer) p {
color: white !important;
}
html body :is(footer, #colophon, .site-footer, .et-l--footer, .il-footer) a:not(.sermas-btn-primary):not(.sermas-btn-prog):not(.il-btn):hover {
color: #C9A96E !important;
} html body :is(footer, #colophon, .site-footer, .et-l--footer) li a {
font-family: 'Lato', sans-serif !important;
font-size: 14px !important;
letter-spacing: 0.08em !important;
line-height: 2 !important;
font-weight: 400 !important;
text-transform: none !important;
transition: color 0.3s ease !important;
}
html body :is(footer, #colophon, .site-footer, .footer-widget, .et-l--footer) :is(h3, h4) {
font-family: 'Playfair Display', serif !important;
font-size: 16px !important;
letter-spacing: 0.15em !important;
color: white !important;
margin-bottom: 20px !important;
}