@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Roboto:wght@900&family=Cabin+Condensed:wght@700&display=swap');
:root{--blue:#129ff3;--text:#666;--heading:#444;--pale:#ebeff2}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:white;font:400 17px/1.6 'Poppins',Arial,sans-serif;letter-spacing:.017em;color:var(--text)}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,p{margin-top:0}
.site-header{height:66px;background:var(--blue);position:relative;z-index:10}
.bg-header{max-width:1200px;height:100%;padding:0 14px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.box_logo a{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:600}
.box_logo img{height:30px;width:30px}
.navbar{display:block}
.nav_navbar{display:flex;align-items:center;list-style:none;gap:23px;padding:0;margin:0}
.nav_navbar li{margin:0;padding:0}
.nav_navbar a{display:inline-flex;align-items:center;gap:7px;color:white;font-size:16px;font-weight:600;white-space:nowrap;line-height:1.2}
.nav_navbar a:hover{text-decoration:none;opacity:.85}
.nav_navbar svg.nav-icon{display:block;width:16px;height:16px;flex:none;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:27px;cursor:pointer}
main{margin:0}
.box_section{max-width:1200px;margin:0 auto;padding:50px 5px 70px}
.section_first{background:white}
.box_message_welcome{height:60vh;min-height:390px;max-height:650px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.box_title{font:900 49px/1.35 'Roboto',Arial,sans-serif;letter-spacing:1px;color:var(--heading);margin:0}
.box_subtitle{font:700 32px/1.8 'Cabin Condensed',sans-serif;color:var(--heading);margin:0 0 7px}
.btn{display:flex;align-items:center;justify-content:center;background:var(--blue);color:white!important;border-radius:5px;font:700 17px/1.3 Arial,sans-serif;text-decoration:none!important}
.btn:hover{background:#0b89d7}
.btn-primary{width:270px;height:50px;margin:10px auto;font-size:20px}
.section_bg_dark{background:var(--pale)}
.section_bg_dark .box_section{padding:38px 12px}
.box_message_text_frases{text-align:center;max-width:790px;margin:auto}
.box_message_text_frases p{font-size:14px;line-height:1.7;margin:0 0 20px}
.box_message_text_frases p:last-child{margin:0}
.section_bg_white{background:#fff}
.section_bg_white .box_section{padding:50px 5px 70px}
.box_middle{display:grid;grid-template-columns:1fr;gap:30px}
.box_middle_message{width:100%;text-align:center}
.box_middle_message h2{font-size:24px;line-height:1.5;font-weight:700;color:var(--heading);margin:0 0 17px}
.box_middle_message h3{font-size:20px;line-height:1.5;font-weight:700;color:var(--heading);margin:4px 0 16px}
.box_middle_message p{font-size:17px;line-height:1.6;letter-spacing:.017em;font-weight:400;color:var(--text);margin:0 0 32px}
.box_middle_message p:last-child{margin-bottom:0}
.box_middle_message a,.box_middle_message a:visited{color:var(--text);font-weight:400;text-decoration:none}
.box_middle_message a:hover,.box_middle_message a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.section_bg_gray{background:white;padding:0 12px 32px}
.jesus-section{text-align:center;padding:40px 0 65px}
.jesus-section h2{font-size:24px;color:var(--heading);margin:0 0 16px}
.btn-secondary{max-width:280px;padding:11px 20px;margin:0 auto}
.navfoterbacktotop{background:#232f3e;text-align:center;padding:8px}
.site-footer{background:#111;text-align:center}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;padding:28px 12px 10px}
.footer-links a{font-size:13px;color:#a1abb5}
.copyright{padding:0 12px 24px;font-size:12px;color:#999;margin:0}
.page-content{max-width:850px;min-height:55vh;padding:80px 20px;margin:auto}
.page-content h1{font-size:28px;color:var(--heading)}
.page-content p{font-size:15px}
@media(max-width:767px){
.site-header{height:62px}.menu-toggle{display:block}
.navbar{display:none;position:absolute;top:62px;left:0;width:100%;background:var(--blue);padding:10px 18px 18px}
.navbar.active{display:block}
.nav_navbar{flex-direction:column;align-items:stretch;gap:0}
.nav_navbar a{display:flex;padding:11px 6px;font-size:15px}
.box_section,.section_bg_white .box_section{padding:38px 18px 55px}
.box_message_welcome{height:55vh;min-height:340px}
.box_title{font-size:clamp(26px,7vw,44px)}
.box_subtitle{font-size:25px}
.box_middle_message h2{font-size:21px}
.box_middle_message h3{font-size:19px}
.box_middle_message p{font-size:15px;line-height:1.65;margin-bottom:26px}
.jesus-section{padding:30px 12px 55px}
}

/* V9: referencia: iconos sólidos Font Awesome, menú compacto */
.site-header{height:54px}.bg-header{max-width:1200px}.nav_navbar{gap:21px}.nav_navbar a{gap:5px;font-size:17px;font-weight:600}.navbar{margin:0 auto}.box_logo{width:110px;flex:none}.box_logo a{font-size:0}.box_logo img{width:30px;height:30px}
@media(max-width:767px){.site-header{height:54px}.navbar{top:54px}.nav_navbar a{font-size:16px}}

/* Páginas informativas y legales: estilo editorial coherente con la portada */
.legal-page{background:#fff;min-height:65vh;padding:75px 18px 100px}
.legal-wrap{width:100%;max-width:790px;margin:0 auto;color:#666;font-family:'Poppins',Arial,sans-serif;font-size:15px;line-height:1.85;letter-spacing:.005em}
.legal-wrap h1{text-align:center;color:#444;font-size:29px;line-height:1.4;font-weight:700;margin:0 0 28px}
.legal-wrap h2{color:#444;font-size:19px;line-height:1.5;font-weight:600;margin:35px 0 10px}
.legal-wrap p{margin:0 0 19px;color:#666}
.legal-wrap .intro{text-align:center;font-size:16px;margin-bottom:40px}
.legal-wrap a{color:inherit;text-decoration:underline;text-decoration-color:#aaa;text-underline-offset:3px}
.legal-wrap a:hover{text-decoration-color:#444}
.legal-wrap .legal-note{font-size:13px;color:#888;margin-top:32px}
.contact-panel{border:1px solid #e8edf1;background:#f8fafb;border-radius:6px;padding:12px 25px 25px;margin:26px 0}
@media(max-width:767px){.legal-page{padding:45px 18px 70px}.legal-wrap h1{font-size:24px}.legal-wrap h2{font-size:18px}.legal-wrap{font-size:14px}.legal-wrap .intro{font-size:15px}}

/* Verso del día: reemplaza la antigua sección ¿Quién es Jesús? */
.verse-section{max-width:790px;margin:0 auto;padding:40px 18px 65px;text-align:center;font-family:'Poppins',Arial,sans-serif}
.verse-section h2{font-size:24px;line-height:1.5;color:#444;font-weight:700;margin:0 0 17px}
.verse-section .verse-text{font-size:17px;line-height:1.7;color:#666;font-weight:400;margin:0 0 9px}
.verse-section .verse-reference{font-size:14px;line-height:1.6;color:#777;margin:0}
@media(max-width:767px){.verse-section{padding:30px 18px 55px}.verse-section h2{font-size:21px}.verse-section .verse-text{font-size:15px}}

.verse-fallback{font-size:14px;color:#666}.verse-fallback a{color:inherit;text-decoration:underline}

.seo-more .box_section{padding-top:22px;padding-bottom:55px}.seo-more h2{margin-top:32px}.seo-more h3{margin-top:18px}.nav_navbar .fa-solid{font-size:18px;line-height:1;flex:none}

/* Share links: unobtrusive and responsive, match existing footer */
.share-site{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;margin:12px auto 18px;font-size:12px;color:#b6bdc8}
.share-site a{color:#b6bdc8;text-decoration:none;font-size:12px}
.share-site a:hover{color:#fff;text-decoration:underline}
.share-site i{margin-right:4px}

/* Header brand — clean white vector wordmark across all public PHP pages */
.site-header .bg-header{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .box_logo{width:auto;min-width:0;flex:0 0 auto}
.site-header .box_logo a{font-size:0;display:flex;align-items:center;line-height:1;text-decoration:none}
.site-header .box_logo img{display:block;width:245px;height:auto;max-height:44px;object-fit:contain}
.site-header .navbar{margin:0;flex:0 1 auto;width:auto;min-width:0}
.site-header .nav_navbar{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:nowrap}
.site-header .nav_navbar a{font-size:15px;white-space:nowrap}
@media(max-width:820px){.site-header .box_logo img{width:200px}.site-header .nav_navbar{gap:11px}.site-header .nav_navbar a{font-size:13px}}
@media(max-width:767px){.site-header .box_logo img{width:195px;max-height:40px}.site-header .navbar{width:100%;margin:0}.site-header .nav_navbar{display:flex;align-items:stretch;flex-direction:column;gap:0}.site-header .nav_navbar a{font-size:16px}.site-header .bg-header{gap:8px}}
@media(max-width:350px){.site-header .box_logo img{width:170px}}