/* Jesucristo — diseño editorial luminoso 2026 */
:root{--bg:#fff;--paper:#fff;--ink:#182134;--muted:#677184;--line:#e6eaf0;--accent:#285b9a;--soft:#f5f8fc;--gold:#ae8852}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.65}::selection{background:#dcecff;color:#112641}a,button{transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #78a9e3;outline-offset:3px}
.wrap{max-width:1200px;padding-left:clamp(18px,4vw,50px);padding-right:clamp(18px,4vw,50px)}
.nav{position:relative;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #e9edf3}.nav .wrap{padding-top:19px;padding-bottom:19px;gap:25px}.brand{font-family:Cinzel,Georgia,serif;font-size:clamp(17px,2vw,24px);letter-spacing:-.03em;color:#16253b}.brand span{color:#4976a9}.links{gap:clamp(12px,1.5vw,23px);font-size:13px;font-weight:700}.links a:hover{color:var(--accent)}
.hero,.search-hero{position:relative}.search-hero{padding:clamp(68px,9vw,120px) 0 70px}.search-hero:before{content:"";position:absolute;width:550px;height:550px;max-width:100%;border-radius:50%;background:radial-gradient(circle,#eaf3ff 0%,#ffffff00 67%);left:50%;top:0;transform:translate(-50%,-23%);z-index:-1;pointer-events:none}.eyebrow{color:var(--accent);letter-spacing:.2em;font-weight:800}.search-hero h1{color:#16253c;font-size:clamp(2.55rem,5.7vw,5.8rem);letter-spacing:-.045em;line-height:1.13}.search-hero .lead{max-width:690px;color:#606e81;font-size:clamp(17px,1.7vw,20px)}.search-primary{background:#fff;padding:8px;border:1px solid #dae4ef;border-radius:16px;box-shadow:0 16px 55px rgba(28,65,107,.10);gap:6px}.search-primary input{border:none;box-shadow:none;border-radius:10px;padding:17px 20px}.search-primary button,.btn,button{background:#224f86;color:#fff;border-radius:10px}.search-primary button{background:#224f86;padding:0 28px}.search-primary button:hover,.btn:hover,button:hover{background:#173e6d;color:#fff}.search-links{gap:10px 24px}.search-links a{color:#305e92;font-weight:600;font-size:14px}.search-links a:hover{text-decoration:underline}.search-note{color:#7a8695}
h1,h2,h3{color:#17253a}.panel,.book{border-color:#e5eaf0;border-radius:14px;background:#fff;box-shadow:0 4px 20px rgba(26,56,93,.035)}.book:hover{border-color:#a8c4e3;box-shadow:0 12px 32px #173c6212;transform:translateY(-2px)}.book small,.notice,.meta{color:var(--muted)}.reader{max-width:820px}.reader-text{color:#23324a}.verse{line-height:1.83}.verse sup{color:#527eab}.reader-controls button,.btn.secondary{background:#eef4fa;color:#214d7e}.reader-controls button:hover,.btn.secondary:hover{background:#deebf8;color:#163959}.ficha-quote{background:#f6f9fd;border-left-color:#87aed5}.ficha-section{border-color:var(--line)}.footer{background:#f8fafc;border-color:#e8eef4;margin-top:70px;color:#68758a}.status{background:#f0f5fa}.result-ficha{color:#245b98}.search-results{border-radius:18px}
.home-discover{padding:25px 0 75px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:25px}.section-heading h2{font-size:clamp(25px,3.4vw,40px);letter-spacing:-.035em;margin:7px 0}.section-heading p{max-width:320px;color:var(--muted);font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{display:flex;flex-direction:column;align-items:start;min-height:240px;padding:30px;border:1px solid #e1e9f2;border-radius:19px;background:linear-gradient(155deg,#fff,#f8fbff);color:#1b2d46}.feature-card:hover{transform:translateY(-3px);box-shadow:0 20px 50px #163f6d16;border-color:#b9d0e9}.feature-card.feature-main{grid-row:span 2;min-height:495px;background:radial-gradient(circle at 78% 20%,#417bb8 0,#204c80 38%,#112942 100%);color:#fff;border:0;justify-content:flex-end}.feature-card.feature-main h3,.feature-card.feature-main p,.feature-card.feature-main .feature-arrow{color:#fff}.feature-card h3{font-size:clamp(21px,2vw,27px);margin:8px 0 4px}.feature-card p{color:#69788b;font-size:15px;margin:0 0 20px}.feature-arrow{margin-top:auto;font-weight:800;color:#245d98;font-size:14px}.feature-icon{font-size:34px;line-height:1;color:#5286bd}.feature-main .feature-icon{font-size:75px;opacity:.8;margin-bottom:auto;color:#e5d1a9}.feature-tag{font-size:11px;letter-spacing:.14em;font-weight:800;opacity:.85}
body.dark{--bg:#131b28;--paper:#202c3d;--ink:#eff4fb;--muted:#a4b4c8;--line:#37465a;--accent:#a6caff}body.dark .nav,body.dark .panel,body.dark .book{background:var(--paper)}body.dark h1,body.dark h2,body.dark h3{color:var(--ink)}body.dark .reader-text{color:var(--ink)}
@media(max-width:850px){.nav .wrap{flex-direction:column;align-items:flex-start;gap:10px}.links{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card.feature-main{grid-row:span 2}}
@media(max-width:600px){.search-hero{padding:67px 0 42px}.search-primary{flex-direction:column;padding:7px}.search-primary input{padding:17px 15px}.search-primary button{padding:16px}.section-heading{display:block}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card.feature-main{min-height:205px;grid-row:auto}.feature-card.feature-main{min-height:300px}.nav .wrap{padding-top:15px;padding-bottom:10px}.search-links{gap:14px}.search-hero h1{font-size:clamp(2.35rem,10vw,3.3rem)}}

.home-consolador{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px;margin:0 0 60px;background:linear-gradient(120deg,#f2f7ff,#fff)}.home-consolador h2{margin:9px 0;font-size:clamp(24px,3vw,34px)}.home-consolador p{max-width:610px;color:var(--muted);margin-bottom:0}.home-consolador .btn{flex-shrink:0}@media(max-width:650px){.home-consolador{flex-direction:column;align-items:flex-start;padding:25px}}