/* T26 Sistema de diseño Padre José Palmar */
:root{--navy:#1a1a2e;--wine:#7a1f2b;--wine2:#5c1822;--gold:#c9a227;--gold2:#f1d27a;--golddk:#8a6d12;--cream:#fdfaf3;--sand:#f5ecd7;--ink:#23232f;--muted:#6b6b76;--line:#eadfc4;--r:14px;--sh:0 6px 24px rgba(26,26,46,.08)}
body{font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--cream)}
img{max-width:100%}
/* ---- Cabecera ---- */
.sn-top{background:var(--navy);color:#e9e2cf;font:13px/1.3 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;display:flex;justify-content:center;gap:18px;padding:7px 16px;flex-wrap:wrap;text-align:center}
.sn-top a{color:var(--gold2);text-decoration:none;font-weight:600}
.sn{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(26,26,46,.05)}
.sn-in{max-width:1180px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sn-logo img{display:block;height:52px;width:auto}
.sn-links{display:flex;align-items:center;gap:4px;font:600 15px/1 -apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.sn-links a{color:var(--navy);text-decoration:none;padding:10px 12px;border-radius:999px;transition:background .15s,color .15s}
.sn-links a:hover,.sn-links a.on{color:var(--wine);background:var(--sand)}
.sn-links a.sn-donar{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);margin-left:6px;padding:10px 18px;box-shadow:0 3px 10px rgba(201,162,39,.35)}
.sn-links a.sn-donar:hover{filter:brightness(1.05);color:var(--navy)}
.sn-m{display:none}
.sn-burger{display:none;cursor:pointer;padding:10px;margin:0}
.sn-burger span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0;border-radius:2px;transition:.2s}
@media(max-width:980px){
 .sn-burger{display:block}
 .sn-links{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:8px 16px 16px;border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(26,26,46,.1);gap:2px}
 .sn-links a{padding:13px 14px;border-radius:10px}
 .sn-links a.sn-donar{margin:8px 0 0;text-align:center}
 .sn-m:checked~.sn-links{display:flex}
 .sn-m:checked+.sn-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .sn-m:checked+.sn-burger span:nth-child(2){opacity:0}
 .sn-m:checked+.sn-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .sn-logo img{height:44px}
}
/* ---- Pie ---- */
.sf{background:var(--wine2);color:#f3e7e3;margin-top:0;font:15px/1.55 -apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.sf-in{max-width:1180px;margin:0 auto;padding:44px 16px 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px}
.sf h4{color:var(--gold2);font:700 13px/1 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:6px 0 14px}
.sf-col a{display:block;color:#f3e7e3;text-decoration:none;padding:3px 0}
.sf-col a:hover{color:var(--gold2)}
.sf-col p{margin:0 0 12px;color:#e6d6d1}
.sf-logo{display:inline-block;background:#fff;border-radius:12px;padding:8px 12px;margin-bottom:12px}
.sf-logo img{display:block;height:44px;width:auto}
.sf-soc{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.sf-soc a{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;padding:0}
.sf-soc a:hover{background:var(--gold);color:var(--navy)}
.sf-bot{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:16px;font-size:13px;color:#d9c5bf}
.sf-bot a{color:var(--gold2);text-decoration:none}
@media(max-width:820px){.sf-in{grid-template-columns:1fr 1fr}.sf-brand{grid-column:1/-1}}
@media(display-mode:standalone){.sf{display:none}}
/* ---- Base de secciones ---- */
.s-main{display:block}
.s-in{max-width:1180px;margin:0 auto;padding:0 16px}
.s-narrow{max-width:760px}
.s-sec{padding:64px 0}
.s-alt{background:#fff}
.s-kicker{font:700 12px/1.2 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--golddk);margin:0 0 10px}
.s-kicker a{color:var(--golddk)}
.s-main h1{font-size:clamp(34px,5vw,56px);line-height:1.08;color:var(--navy);margin:0 0 16px;font-weight:700}
.s-h2{font-size:clamp(26px,3.2vw,38px);line-height:1.15;color:var(--wine);text-align:center;margin:0 0 32px}
.s-h2.s-left{text-align:left;margin-bottom:18px}
.s-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:#4a4a57;margin:0 0 24px;max-width:640px}
.s-muted{color:var(--muted);font-size:14px}
.s-center{text-align:center;margin-top:28px}
.s-prose p{font-size:18px;line-height:1.75;margin:0 0 18px}
.s-prose h2{color:var(--wine);font-size:26px;margin:32px 0 12px}
.s-prose ul{font-size:18px;line-height:1.7;padding-left:22px}
.s-prose a{color:var(--wine);font-weight:600}
.s-drop::first-letter{float:left;font-size:64px;line-height:.9;color:var(--wine);padding:6px 10px 0 0;font-weight:700}
/* ---- Botones ---- */
.s-btn{display:inline-block;font:700 16px/1 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;text-decoration:none;padding:15px 26px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .12s,filter .15s,background .15s;width:auto;margin:0}
.s-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.s-btn-wine{background:var(--wine);color:#fff}
.s-btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);box-shadow:0 4px 14px rgba(201,162,39,.35)}
.s-btn-line{background:transparent;border-color:var(--wine);color:var(--wine)}
.s-btn-line:hover{background:var(--wine);color:#fff}
.s-btn-sm{padding:10px 16px;font-size:14px}
.s-actions{display:flex;flex-wrap:wrap;gap:12px}
/* ---- Héroes ---- */
.s-home-hero{background:radial-gradient(1200px 500px at 85% 20%,rgba(201,162,39,.18),transparent 60%),linear-gradient(180deg,#fff, var(--cream));padding:64px 0 48px}
.s-split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.s-split-rev{grid-template-columns:.9fr 1.1fr}
.s-portrait{justify-self:center;position:relative}
.s-portrait img{width:min(460px,100%);height:auto;border-radius:50%;border:8px solid #fff;box-shadow:0 0 0 3px var(--gold),var(--sh)}
.s-hero{background:linear-gradient(135deg,var(--navy),var(--wine));color:#fff;padding:72px 0 64px;text-align:center}
.s-hero-img{background:linear-gradient(135deg,rgba(26,26,46,.88),rgba(122,31,43,.82)),var(--bg) center/cover}
.s-hero .s-kicker{color:var(--gold2)}
.s-hero h1{color:#fff}
.s-hero .s-lead{color:#efe6e3;margin:0 auto}
/* ---- Misa ---- */
.s-misa{background:var(--navy);color:#fff}
.s-misa-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 16px;flex-wrap:wrap}
.s-misa-in>div{display:flex;gap:14px;align-items:center;font:16px/1.4 -apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.s-misa-in span{color:#d9d4e6}
.s-misa-ico{font-size:28px;color:var(--gold2)!important}
.s-misa .s-btn-line{border-color:var(--gold2);color:var(--gold2)}
.s-misa .s-btn-line:hover{background:var(--gold2);color:var(--navy)}
/* ---- Tarjetas ---- */
.s-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.s-card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s;border:1px solid var(--line)}
.s-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(26,26,46,.14)}
.s-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.s-card-b{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.s-card h3{margin:0;color:var(--navy);font-size:22px}
.s-card p{margin:0;color:#555;line-height:1.55;font-size:16px;flex:1}
.s-tag{align-self:flex-start;background:var(--sand);color:var(--golddk);font:700 12px/1 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;padding:6px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}
.s-more{color:var(--wine);font:700 15px/1 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;margin-top:6px}
.s-photo img,.s-rounded{width:100%;border-radius:var(--r);box-shadow:var(--sh);display:block}
.s-side{position:sticky;top:110px}
.s-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.s-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;display:block}
/* ---- Biografía ---- */
.s-timeline{list-style:none;margin:0 auto;padding:0;max-width:760px;border-left:3px solid var(--gold)}
.s-timeline li{position:relative;padding:0 0 26px 28px}
.s-timeline li::before{content:'';position:absolute;left:-10px;top:4px;width:17px;height:17px;border-radius:50%;background:#fff;border:3px solid var(--wine)}
.s-timeline span{font:800 15px/1 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--wine);letter-spacing:.04em}
.s-timeline p{margin:6px 0 0;font-size:18px;line-height:1.55}
.s-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.s-box{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--r);padding:28px;box-shadow:var(--sh)}
.s-box h2{color:var(--wine);margin:0 0 12px;font-size:26px}
.s-box p{margin:0;font-size:17px;line-height:1.7}
.s-press{background:var(--sand);border-radius:var(--r);padding:28px 30px;border-left:5px solid var(--wine)}
.s-press h2{margin:0 0 10px;color:var(--navy);font-size:22px}
.s-press p{font-size:17px;line-height:1.7;margin:0 0 10px}
/* ---- Fundación ---- */
.s-checks{list-style:none;padding:0;margin:0}
.s-checks li{position:relative;padding:8px 0 8px 34px;font-size:18px;line-height:1.55}
.s-checks li::before{content:'✓';position:absolute;left:0;top:8px;width:24px;height:24px;border-radius:50%;background:var(--wine);color:#fff;font:700 14px/24px -apple-system,Arial,sans-serif;text-align:center}
.s-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.s-feat-i{background:var(--cream);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.s-feat-i span{font-size:30px}
.s-feat-i h3{margin:10px 0 6px;color:var(--navy);font-size:20px}
.s-feat-i p{margin:0;color:#555;font-size:16px;line-height:1.55}
.s-help{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.s-help-i{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 18px;text-align:center;text-decoration:none;color:var(--ink);box-shadow:var(--sh);transition:transform .15s}
a.s-help-i:hover{transform:translateY(-3px)}
.s-help-i span{font-size:34px}
.s-help-i h3{margin:10px 0 4px;color:var(--wine);font-size:20px}
.s-help-i p{margin:0;color:#555;font-size:15px}
.s-quote{margin:40px auto 0;max-width:820px;text-align:center;font-size:clamp(20px,2.2vw,26px);line-height:1.5;font-style:italic;color:var(--navy);border:none;padding:0}
.s-quote cite{display:block;margin-top:12px;font:700 15px/1 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-style:normal;color:var(--golddk)}
/* ---- Contacto / formularios ---- */
.s-info{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.s-info-i{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px 20px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:6px}
.s-info-i span{font-size:28px}
.s-info-i h3{margin:4px 0;color:var(--wine);font-size:20px}
.s-info-i p{margin:0 0 10px;line-height:1.55;font-size:16px;flex:1}
.s-info-i a{color:var(--wine)}
.s-info-i .s-btn{align-self:flex-start}
.s-form label{display:block;font:600 14px/1.3 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--navy);margin:0 0 14px}
.s-form input:not([type=checkbox]),.s-form textarea{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1px solid #d9cfb4;border-radius:10px;font:16px/1.4 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:#fff}
.s-form input:focus,.s-form textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.s-form .s-btn{margin-top:6px;width:100%}
.s-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.s-chk{display:flex!important;align-items:center;gap:8px;font-weight:500!important}
.s-chk input{width:18px;height:18px;margin:0;accent-color:var(--wine)}
.s-form fieldset{border:1px solid var(--line);border-radius:10px;padding:10px 14px 0;margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr}
.s-form legend{font:700 13px -apple-system,Arial,sans-serif;color:var(--golddk);padding:0 6px}
.s-card-form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:var(--sh)}
.s-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.s-ok{background:#e8f5ec;border:1px solid #9fd3ae;color:#1f5f33;padding:14px 16px;border-radius:10px;margin-bottom:16px;font:600 15px -apple-system,Arial,sans-serif}
.s-err{background:#fbeaea;border:1px solid #e3a3a0;color:#8a1f1a;padding:14px 16px;border-radius:10px;margin-bottom:16px;font:600 15px -apple-system,Arial,sans-serif}
/* ---- CTA comunidad ---- */
.s-cta{background:linear-gradient(135deg,var(--wine),var(--wine2));color:#fff}
.s-cta-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:44px 16px;flex-wrap:wrap}
.s-cta h2{margin:0 0 6px;font-size:clamp(24px,3vw,32px);color:#fff}
.s-cta p{margin:0;color:#f0dcd8;font-size:17px}
/* ---- Blog ---- */
.s-article{padding:48px 0 64px}
.s-article h1{font-size:clamp(30px,4.2vw,46px)}
.s-by{display:flex;align-items:center;gap:10px;font:600 15px -apple-system,Arial,sans-serif;color:var(--navy);margin:0 0 20px}
.s-by-img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.s-article-img{width:100%;border-radius:var(--r);margin:0 0 28px;box-shadow:var(--sh);aspect-ratio:16/9;object-fit:cover}
.s-note{background:var(--sand);border-radius:10px;padding:16px 18px;font-size:17px;margin-top:24px}
.s-share{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);font:600 15px -apple-system,Arial,sans-serif;color:var(--muted)}
.s-share a{color:var(--wine)}
/* ---- Responsive ---- */
@media(max-width:980px){.s-cards3{gap:16px}.s-feat{grid-template-columns:1fr 1fr}.s-help,.s-info{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .s-sec{padding:44px 0}
 .s-split,.s-split-rev,.s-two{grid-template-columns:1fr;gap:28px}
 .s-split-rev .s-photo{order:2}
 .s-side{position:static}
 .s-cards3,.s-feat,.s-help,.s-info{grid-template-columns:1fr}
 .s-gallery{grid-template-columns:1fr 1fr}
 .s-row{grid-template-columns:1fr}
 .s-home-hero{padding:36px 0 32px;text-align:center}
 .s-home-hero .s-actions{justify-content:center}
 .s-home-hero .s-lead{margin-left:auto;margin-right:auto}
 .s-portrait{order:-1}
 .s-portrait img{width:240px}
 .s-hero{padding:48px 0 44px}
 .s-cta-in{text-align:center;justify-content:center}
}

/* t27 whatsapp */
.wa-fab{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;text-decoration:none;font:700 15px/1 -apple-system,'Segoe UI',Roboto,Arial,sans-serif;padding:12px 18px 12px 14px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.wa-fab:hover{filter:brightness(1.05);transform:translateY(-1px)}
@media(max-width:600px){.wa-fab span{display:none}.wa-fab{padding:13px;left:14px;bottom:14px}}
.s-misa-note{font-size:13px;color:#c9c3d9!important}.s-misa-note a{color:var(--gold2)}
