:root{
  --navy:#082438;
  --navy-2:#123b55;
  --blue-soft:#dfeaf0;
  --sand:#efe7d8;
  --sand-2:#f6f0e6;
  --cream:#fbf7ee;
  --green-soft:#e6efe6;
  --gold:#c7974d;
  --gold-2:#e1bf7c;
  --ink:#132332;
  --muted:#617487;
  --line:#d8e1e7;
  --white:#fff;
  --danger:#a32424;
  --success:#1d6b47;
  --shadow:0 18px 45px rgba(8,36,56,.14);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial, Helvetica, sans-serif;color:var(--ink);background:linear-gradient(180deg,#f4efe6 0,#eef4f6 42%,#f5efe4 100%);line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 34px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,247,238,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(8,36,56,.11);box-shadow:0 8px 22px rgba(8,36,56,.05)}
.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-logo{width:62px;height:62px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 8px 12px rgba(0,0,0,.08))}
.brand strong{display:block;font-family:Georgia,serif;font-size:25px;letter-spacing:.2px;color:var(--navy)}
.brand small{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1.4px;font-weight:800}
.main-nav{display:flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:flex-end}
.main-nav a{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;padding:11px 11px;border-radius:999px;color:var(--navy);white-space:nowrap}
.main-nav a:hover,.main-nav a.is-active{background:var(--navy);color:#fff}
.main-nav .nav-hermandad{border:1px solid rgba(199,151,77,.55);color:#765520;background:#fff7e8}
.main-nav .nav-donaciones{border:1px solid rgba(29,107,71,.25);background:#ecf6ef;color:#1d6b47}
.nav-toggle{display:none;border:0;background:var(--navy);color:white;border-radius:12px;padding:10px 13px;font-size:20px}
.flash{margin-top:20px;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:#f8fbff;color:var(--navy);font-weight:800}.flash-success{background:#edf8f2;color:var(--success);border-color:#bfe4d0}.flash-error{background:#fff0f0;color:var(--danger);border-color:#efc1c1}
.hero{position:relative;isolation:isolate;background:linear-gradient(120deg,rgba(8,36,56,.96),rgba(18,59,85,.87)),url('../img/hero-marina.svg') center/cover no-repeat;color:white;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 38%,rgba(199,151,77,.16));z-index:-1}
.hero:after{content:"";position:absolute;inset:auto -12% -30% 36%;height:390px;background:radial-gradient(circle,rgba(199,151,77,.35),transparent 64%);z-index:-1}
.hero-inner{min-height:610px;display:grid;grid-template-columns:1fr 390px;gap:60px;align-items:center;padding:74px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold-2);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:16px}
.hero h1{font-family:Georgia,serif;font-size:clamp(48px,7vw,88px);line-height:.96;margin:0 0 18px}
.hero p{font-size:22px;max-width:710px;color:rgba(255,255,255,.88);margin:0 0 30px}
.hero-actions,.actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:14px;padding:13px 19px;font-weight:900;font-size:14px;cursor:pointer;transition:.2s ease;min-height:48px}
.btn-primary{background:var(--gold);color:#16120a;box-shadow:0 12px 28px rgba(199,151,77,.25)}.btn-primary:hover{background:#dbad62;transform:translateY(-1px)}
.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#174763}.btn-outline{border-color:rgba(255,255,255,.5);color:#fff}.btn-outline:hover{background:#fff;color:var(--navy)}.btn-light{background:#fff;color:var(--navy);border-color:var(--line)}
.hero-card{background:rgba(251,247,238,.96);color:var(--navy);border-radius:30px;padding:26px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.6)}
.hero-card img{width:185px;margin:0 auto 16px;border-radius:50%;object-fit:contain}.hero-card h2{font-family:Georgia,serif;font-size:30px;margin:0 0 8px;text-align:center}.hero-card p{text-align:center;font-size:15px;color:var(--muted);margin:0 0 18px}.hero-card ul{padding:0;margin:0;list-style:none;display:grid;gap:10px}.hero-card li{padding:12px 14px;background:#eef4f6;border-radius:14px;font-weight:800}
.section{padding:76px 0}.section-soft{background:linear-gradient(180deg,var(--sand-2),#edf5f6)}.section-alt{background:linear-gradient(180deg,#eaf2f4,#f7f0e5)}.section-green{background:linear-gradient(180deg,#e8f0e7,#f7f0e5)}.section-navy{background:linear-gradient(135deg,var(--navy),#0d3149 62%,#153f57);color:#fff}.section-events{background:linear-gradient(180deg,#e4eef2,#f2e9db)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:32px}.section-title{max-width:780px}.section-title h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,56px);line-height:1.05;margin:0 0 12px;color:inherit}.section-title p{color:var(--muted);font-size:18px;margin:0}.section-navy .section-title p{color:rgba(255,255,255,.75)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:rgba(255,255,255,.92);border:1px solid rgba(8,36,56,.1);border-radius:var(--radius);box-shadow:0 10px 30px rgba(8,36,56,.08);overflow:hidden}.card-body{padding:22px}.card h3{font-family:Georgia,serif;font-size:25px;margin:0 0 8px;color:var(--navy)}.card p{color:var(--muted);margin:0 0 14px}.card-img{height:230px;object-fit:cover;width:100%;background:#e9eef1}.service-icon{width:52px;height:52px;border-radius:16px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:24px;margin-bottom:16px}.service-card{padding:24px}.service-card h3{font-size:24px}.service-card .price{display:inline-flex;margin-top:10px;color:#6a4a13;background:#fff7e7;border:1px solid #f0d6a1;border-radius:999px;padding:6px 10px;font-weight:900;font-size:13px}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.panel{border-radius:30px;padding:34px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);border:1px solid rgba(8,36,56,.1)}.section-navy .panel{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);box-shadow:none}.logo-panel{display:flex;align-items:center;justify-content:center;padding:28px}.logo-panel img{max-width:370px;filter:drop-shadow(0 16px 25px rgba(0,0,0,.18))}.trust-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.trust-item{padding:22px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.trust-item strong{display:block;color:var(--gold-2);font-size:28px}.trust-item span{color:rgba(255,255,255,.8);font-weight:700}
.gallery-carousel{position:relative}.carousel-viewport{overflow:hidden;border-radius:28px}.carousel-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 18px;scrollbar-width:thin}.carousel-track::-webkit-scrollbar{height:8px}.carousel-track::-webkit-scrollbar-thumb{background:#b9c6d0;border-radius:999px}.gallery-slide{scroll-snap-align:start;min-width:min(420px,82vw);position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(8,36,56,.11);background:#eef4f6;box-shadow:0 12px 28px rgba(8,36,56,.09);cursor:pointer}.gallery-slide img{width:100%;height:320px;object-fit:cover;transition:.25s}.gallery-slide:hover img{transform:scale(1.03)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item{position:relative;border-radius:22px;overflow:hidden;background:#eef2f5;box-shadow:0 10px 30px rgba(8,36,56,.08);border:0;text-align:left;padding:0;cursor:pointer}.gallery-item img{width:100%;height:270px;object-fit:cover;transition:.25s}.gallery-item:hover img{transform:scale(1.04)}.gallery-caption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(8,36,56,.84);color:#fff;border-radius:16px;padding:12px}.gallery-caption strong{display:block}.gallery-caption span{font-size:13px;color:rgba(255,255,255,.78)}.carousel-controls{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.carousel-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(8,36,56,.08)}
.event-card{display:grid;grid-template-columns:300px 1fr;gap:0}.event-card .card-img{height:100%}.event-meta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#eef5f7;color:var(--navy);padding:7px 11px;font-weight:800;font-size:13px}.ranking{list-style:none;padding:0;margin:0;display:grid;gap:10px}.ranking li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:14px}.rank-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900;margin-right:9px}
.donation-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0 0;padding:0;list-style:none}.donation-list li{background:#fff;border:1px solid rgba(29,107,71,.15);border-radius:16px;padding:12px 14px;font-weight:800;color:#1d4d36}.donation-card{border-left:6px solid var(--success)}
.contact-band{background:linear-gradient(120deg,var(--navy),var(--navy-2));color:#fff;border-radius:32px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.contact-band p{color:rgba(255,255,255,.78)}.contact-list{display:grid;gap:12px}.contact-list div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px}
.form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-weight:900;margin-bottom:7px;color:var(--navy)}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:#fff}.field textarea{min-height:140px;resize:vertical}.help{color:var(--muted);font-size:13px}.required{color:var(--danger)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:white}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}.table th{background:#f3f7f9;color:var(--navy);font-size:13px;text-transform:uppercase}.table tr:last-child td{border-bottom:0}.empty{background:rgba(255,255,255,.82);border:1px dashed #b9c6d0;border-radius:20px;padding:30px;text-align:center;color:var(--muted)}
.site-footer{background:#061b2b;color:#fff;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.footer-brand{display:flex;gap:16px;align-items:center}.footer-brand img{width:82px;height:82px;border-radius:50%;object-fit:contain}.footer-brand strong{font-family:Georgia,serif;font-size:28px}.site-footer p,.site-footer a{color:rgba(255,255,255,.75)}.site-footer h3{color:var(--gold-2);margin:0 0 12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.55);font-size:13px}.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:40;background:#25d366;color:#082514;border-radius:999px;padding:13px 16px;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.page-hero{background:linear-gradient(120deg,var(--navy),var(--navy-2));color:#fff;padding:70px 0}.page-hero h1{font-family:Georgia,serif;font-size:clamp(40px,5vw,68px);line-height:1;margin:0 0 12px}.page-hero p{max-width:800px;color:rgba(255,255,255,.78);font-size:19px;margin:0}.breadcrumbs{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:var(--gold-2);font-weight:900;margin-bottom:14px}.status{display:inline-flex;border-radius:999px;padding:5px 9px;font-weight:900;font-size:12px}.status-ok{background:#e9f8ef;color:var(--success)}.status-off{background:#fff0f0;color:var(--danger)}
.lightbox{position:fixed;inset:0;background:rgba(3,15,24,.86);z-index:100;display:none;align-items:center;justify-content:center;padding:28px}.lightbox.is-open{display:flex}.lightbox-inner{position:relative;width:min(1100px,96vw);max-height:90vh}.lightbox img{width:100%;max-height:84vh;object-fit:contain;background:#fff;border-radius:18px}.lightbox-caption{color:#fff;margin-top:12px;font-weight:800;text-align:center}.lightbox-close{position:absolute;right:-10px;top:-14px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--navy);font-size:24px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.22)}
@media (max-width:1120px){.main-nav a{font-size:11px;padding:10px 8px}.brand strong{font-size:22px}}
@media (max-width:980px){.hero-inner,.split,.contact-band{grid-template-columns:1fr}.hero-card{max-width:450px}.grid-3,.grid-4,.gallery-grid{grid-template-columns:repeat(2,1fr)}.event-card{grid-template-columns:1fr}.trust-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.header-inner{height:auto;min-height:74px;padding:12px 0;align-items:flex-start}.nav-toggle{display:block}.main-nav{display:none;width:100%;position:absolute;top:74px;left:0;right:0;background:#fbf7ee;border-bottom:1px solid var(--line);padding:12px 17px}.main-nav.is-open{display:grid}.main-nav a{display:block}.hero-inner{min-height:auto;padding:50px 0}.hero p{font-size:18px}.section{padding:54px 0}.section-head{display:block}.grid-3,.grid-4,.gallery-grid,.form-row,.footer-grid,.donation-list{grid-template-columns:1fr}.contact-band{border-radius:22px;padding:24px}.footer-bottom{display:block}.brand strong{font-size:21px}.brand-logo{width:54px;height:54px}.gallery-item img{height:220px}.gallery-slide{min-width:88vw}.trust-list{grid-template-columns:1fr}}

.actions-spaced{margin-top:22px}.gallery-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.gallery-mini-grid .gallery-item img{height:150px}
@media(max-width:760px){.gallery-mini-grid{grid-template-columns:1fr}}
.gallery-secondary-head{margin-top:46px}
body.lightbox-open{overflow:hidden}

/* V3 dark nautical refinement */
:root{
  --bg-dark:#071724;
  --bg-dark-2:#0b2132;
  --bg-dark-3:#102d42;
  --surface:#102a3d;
  --surface-2:#14364d;
  --cream-dark:#d6c6aa;
}
body{background:linear-gradient(180deg,#071724 0,#0b2132 38%,#0a1d2d 100%);color:#e8f0f5}.site-header{background:rgba(7,23,36,.96);border-bottom:1px solid rgba(214,198,170,.18);box-shadow:0 10px 26px rgba(0,0,0,.22)}.header-inner{width:min(1340px,calc(100% - 28px));min-height:72px;gap:10px}.brand-logo{width:54px;height:54px}.brand strong{color:#fff;font-size:22px}.brand small{color:rgba(255,255,255,.62)}.main-nav{gap:6px;flex-wrap:nowrap}.main-nav a{color:#e8f0f5;font-size:11px;padding:10px 10px;letter-spacing:.35px}.main-nav a:hover,.main-nav a.is-active{background:#e8f0f5;color:#071724}.main-nav .nav-donaciones{background:rgba(24,104,72,.14);border-color:rgba(71,190,133,.45);color:#bff2d4}.main-nav .nav-hermandad{background:rgba(199,151,77,.12);border-color:rgba(199,151,77,.58);color:#f0d6a1}.hero,.page-hero{background:radial-gradient(circle at 80% 30%,rgba(199,151,77,.18),transparent 32%),linear-gradient(120deg,#061b2b,#0f334b 56%,#071724);}.section,.section-soft,.section-alt,.section-green,.section-events{background:linear-gradient(180deg,#0b2132,#071724);color:#e8f0f5}.section-alt,.section-events{background:linear-gradient(180deg,#102d42,#0b2132)}.section-green{background:linear-gradient(180deg,#0b2a2b,#0b2132)}.section-navy{background:linear-gradient(135deg,#061b2b,#0b3148 62%,#092536)}.section-title p,.card p,.help,.panel p{color:rgba(232,240,245,.68)}.card,.panel,.table-wrap{background:rgba(16,42,61,.94);border-color:rgba(214,198,170,.16);box-shadow:0 18px 42px rgba(0,0,0,.23)}.card h3,.panel h3,.section-title h2{color:#fff}.card-body{color:#e8f0f5}.service-card{background:linear-gradient(180deg,rgba(20,54,77,.95),rgba(12,36,54,.95));border:1px solid rgba(214,198,170,.16)}.service-icon{background:#d4a14e;color:#061b2b}.pill{background:rgba(232,240,245,.12);color:#e8f0f5;border:1px solid rgba(232,240,245,.13)}.ranking li,.donation-list li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#e8f0f5}.donation-list li{color:#c6efd5}.contact-band{background:linear-gradient(120deg,#0b2a3f,#061b2b);border:1px solid rgba(214,198,170,.18)}.field label{color:#f0d6a1}.field input,.field textarea,.field select{background:#071724;color:#e8f0f5;border-color:rgba(214,198,170,.24)}.field input::placeholder,.field textarea::placeholder{color:rgba(232,240,245,.45)}.empty{background:rgba(16,42,61,.78);border-color:rgba(214,198,170,.22);color:rgba(232,240,245,.7)}.table th{background:#0b2132;color:#f0d6a1}.table td{border-color:rgba(214,198,170,.14)}.btn-light{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2)}.carousel-btn{background:#0b2132;color:#f0d6a1;border-color:rgba(214,198,170,.25)}.gallery-slide,.gallery-item{background:#0b2132;border-color:rgba(214,198,170,.15)}.gallery-caption{background:rgba(3,14,22,.88)}.footer-grid{align-items:start}
.contact-footer-panel{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.contact-footer-panel .btn{white-space:nowrap}
@media(max-width:1180px){.main-nav{gap:2px}.main-nav a{font-size:10px;padding:9px 8px}.brand strong{font-size:19px}.brand-logo{width:48px;height:48px}}
@media(max-width:960px){.main-nav{flex-wrap:wrap}.contact-footer-panel{grid-template-columns:1fr}}
@media(max-width:760px){.main-nav{background:#071724;border-bottom:1px solid rgba(214,198,170,.18)}.main-nav{flex-wrap:nowrap}.main-nav a{font-size:12px}.header-inner{align-items:center}.brand-logo{width:50px;height:50px}}

/* Hermandad */
.hermandad-hero{background:radial-gradient(circle at 74% 18%,rgba(199,151,77,.24),transparent 34%),linear-gradient(120deg,#050f18,#0b2a40 58%,#061b2b);color:#fff;overflow:hidden}.hermandad-hero-inner{min-height:520px;display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center;padding:70px 0}.hermandad-hero h1{font-family:Georgia,serif;font-size:clamp(44px,7vw,82px);line-height:.98;margin:0 0 18px}.hermandad-hero p{font-size:20px;color:rgba(255,255,255,.78);max-width:760px}.hermandad-logo-card{background:rgba(255,255,255,.07);border:1px solid rgba(214,198,170,.22);border-radius:36px;padding:32px;box-shadow:0 22px 55px rgba(0,0,0,.28)}.hermandad-logo-card img{width:min(390px,100%);margin:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28))}.compact-section{padding:22px 0}.section-deep{background:linear-gradient(180deg,#071724,#0b2132);color:#e8f0f5}.section-deep-alt{background:linear-gradient(180deg,#102d42,#071724);color:#e8f0f5}.hermandad-index{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}.hermandad-index a{border:1px solid rgba(214,198,170,.2);background:rgba(255,255,255,.06);border-radius:999px;padding:10px 14px;color:#e8f0f5;font-weight:900;font-size:13px}.hermandad-index a:hover{background:#d4a14e;color:#061b2b}.dark-panel{background:rgba(255,255,255,.07);border-color:rgba(214,198,170,.2)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.content-grid-spaced{margin-top:28px}.info-card{display:grid;grid-template-columns:220px 1fr;gap:0;background:rgba(16,42,61,.94);border:1px solid rgba(214,198,170,.16);border-radius:24px;overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.22)}.info-card>img{width:100%;height:100%;min-height:240px;object-fit:cover;background:#071724}.info-card>div{padding:22px}.info-card h3{font-family:Georgia,serif;font-size:28px;line-height:1.05;margin:0 0 10px;color:#fff}.info-card p{color:rgba(232,240,245,.72)}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.video-card{background:rgba(16,42,61,.94);border:1px solid rgba(214,198,170,.16);border-radius:24px;overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.22)}.video-frame{aspect-ratio:16/9;background:#030b11}.video-frame iframe{width:100%;height:100%;border:0}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.memory-card{background:linear-gradient(180deg,rgba(20,54,77,.96),rgba(8,27,42,.96));border:1px solid rgba(214,198,170,.18);border-radius:28px;overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.25)}.memory-photo{height:270px;background:#071724;display:grid;place-items:center}.memory-photo img{width:100%;height:100%;object-fit:cover}.memory-body{padding:22px}.memory-body h3{font-family:Georgia,serif;font-size:28px;line-height:1.05;color:#fff;margin:0 0 8px}.memory-dates{color:#f0d6a1!important;font-weight:900}.story-index{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.story-index a{background:rgba(255,255,255,.08);border:1px solid rgba(214,198,170,.2);border-radius:999px;color:#fff;font-weight:900;padding:9px 13px}.dark-empty{background:rgba(255,255,255,.05)}.dark-pill{background:rgba(212,161,78,.15);border-color:rgba(212,161,78,.28);color:#f0d6a1}.dark-form .field input,.dark-form .field textarea{background:#061b2b}.dark-contact-list div{display:grid;gap:4px}.dark-contact-list span{color:rgba(232,240,245,.72)}
@media(max-width:980px){.hermandad-hero-inner,.content-grid,.video-grid{grid-template-columns:1fr}.memory-grid{grid-template-columns:repeat(2,1fr)}.info-card{grid-template-columns:1fr}.info-card>img{height:260px}.main-nav{flex-wrap:wrap}}
@media(max-width:760px){.hermandad-hero-inner{grid-template-columns:1fr;min-height:auto;padding:48px 0}.memory-grid{grid-template-columns:1fr}.hermandad-hero p{font-size:17px}.content-grid{gap:16px}}

/* V4 ajustes finales: menú, Hermandad independiente, contacto, mapa y estado del río */
.main-nav a:hover,
.main-nav a.is-active{background:rgba(199,151,77,.18);color:#f0d6a1;border:1px solid rgba(199,151,77,.35)}
.main-nav .nav-donaciones{display:inline-flex;align-items:center;gap:6px}.main-nav .nav-donaciones span{font-size:14px;color:#5fe08d;line-height:1}
.hermandad-site-header{background:rgba(5,15,24,.97);border-bottom:1px solid rgba(199,151,77,.28)}
.hermandad-site-header .header-inner{width:min(1440px,calc(100% - 24px))}.hermandad-brand strong{font-family:Georgia,serif;color:#f0d6a1}.hermandad-brand small{color:rgba(240,214,161,.76)}.hermandad-brand-logo{background:rgba(255,255,255,.04);border:1px solid rgba(199,151,77,.28)}
.hermandad-main-nav{gap:4px}.hermandad-main-nav a{font-size:10px;padding:10px 8px;color:#e8f0f5;border:1px solid transparent}.hermandad-main-nav a:hover{background:rgba(199,151,77,.18);color:#f0d6a1;border-color:rgba(199,151,77,.35)}.hermandad-main-nav .nav-back-varadero{background:rgba(232,240,245,.08);border-color:rgba(232,240,245,.18);color:#dce7ee}
.hermandad-hero{scroll-margin-top:84px}.hermandad-body section[id]{scroll-margin-top:90px}
.section-river{background:linear-gradient(135deg,#081b2a,#0d2b3f 58%,#071724);color:#e8f0f5;border-top:1px solid rgba(199,151,77,.16);border-bottom:1px solid rgba(199,151,77,.16)}.river-grid{display:grid;grid-template-columns:310px 1fr;gap:38px;align-items:center}.compass-card{min-height:310px;border-radius:36px;background:radial-gradient(circle at 50% 50%,rgba(199,151,77,.22),rgba(255,255,255,.04) 42%,rgba(255,255,255,.02));border:1px solid rgba(199,151,77,.22);display:grid;place-items:center;box-shadow:0 18px 44px rgba(0,0,0,.24)}.compass-rose{position:relative;width:220px;height:220px;border-radius:50%;border:2px solid rgba(240,214,161,.7);box-shadow:inset 0 0 0 18px rgba(199,151,77,.08),0 18px 40px rgba(0,0,0,.24)}.compass-rose span{position:absolute;font-weight:900;color:#f0d6a1;letter-spacing:1px}.compass-rose span:nth-child(1){top:10px;left:50%;transform:translateX(-50%)}.compass-rose span:nth-child(2){right:12px;top:50%;transform:translateY(-50%)}.compass-rose span:nth-child(3){bottom:10px;left:50%;transform:translateX(-50%)}.compass-rose span:nth-child(4){left:12px;top:50%;transform:translateY(-50%)}.compass-needle{position:absolute;left:50%;top:50%;width:14px;height:148px;background:linear-gradient(180deg,#d4a14e 0 50%,#dce7ee 50% 100%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:translate(-50%,-50%) rotate(32deg);filter:drop-shadow(0 6px 10px rgba(0,0,0,.28))}.compass-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#071724;border:1px solid rgba(240,214,161,.7);font-size:28px}.river-content h2{font-family:Georgia,serif;font-size:clamp(34px,5vw,58px);line-height:1.02;margin:0 0 14px}.river-content p{max-width:820px;color:rgba(232,240,245,.75);font-size:18px}.river-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.river-status-grid div{background:rgba(255,255,255,.07);border:1px solid rgba(240,214,161,.18);border-radius:20px;padding:18px}.river-status-grid strong{display:block;color:#f0d6a1;font-size:20px}.river-status-grid span{display:block;color:rgba(232,240,245,.7);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.7px;margin-top:4px}
.section-contact-home{background:linear-gradient(135deg,#071724,#102d42 62%,#061b2b);color:#e8f0f5}.contact-home-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:26px;align-items:stretch}.contact-home-copy,.contact-home-data{background:rgba(16,42,61,.78);border:1px solid rgba(214,198,170,.16);border-radius:28px;padding:34px;box-shadow:0 18px 42px rgba(0,0,0,.22)}.contact-home-copy h2{font-family:Georgia,serif;font-size:clamp(34px,5vw,56px);margin:0 0 12px}.contact-home-copy p{color:rgba(232,240,245,.72);font-size:18px}.contact-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.contact-home-data{display:grid;gap:18px}.contact-home-data div:not(.social-links){display:grid;gap:5px}.contact-home-data strong{color:#f0d6a1;text-transform:uppercase;font-size:12px;letter-spacing:1px}.contact-home-data span{font-size:20px;font-weight:900}.social-links{display:flex;gap:12px;flex-wrap:wrap}.social-links a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(240,214,161,.28);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:10px 14px;font-weight:900}.social-links a:before{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#d4a14e;color:#061b2b;font-weight:1000;font-size:12px}.social-links a:nth-child(1):before{content:'IG'}.social-links a:nth-child(2):before{content:'FB'}.social-links a:hover{background:rgba(199,151,77,.16);color:#f0d6a1}.footer-social{margin-top:12px}.footer-social a{padding:8px 10px}.footer-social a:before{width:22px;height:22px;font-size:10px}
.section-contact-page{background:linear-gradient(180deg,#0b2132,#071724);color:#e8f0f5}.contact-page-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:26px;align-items:start}.contact-form-panel h2,.contact-data-card h2{font-family:Georgia,serif;font-size:34px;margin:0 0 10px}.contact-side-panel{display:grid;gap:22px}.contact-data-card,.map-card{background:rgba(16,42,61,.94);border:1px solid rgba(214,198,170,.16);border-radius:28px;box-shadow:0 18px 42px rgba(0,0,0,.22);overflow:hidden}.contact-data-card{padding:30px}.contact-list-clean{display:grid;gap:15px;margin:18px 0}.contact-list-clean div{padding:14px 0;border-bottom:1px solid rgba(214,198,170,.14)}.contact-list-clean strong{display:block;color:#f0d6a1;text-transform:uppercase;font-size:12px;letter-spacing:1px}.contact-list-clean span{display:block;font-size:18px;font-weight:900}.map-card iframe{display:block;width:100%;height:380px;border:0;filter:saturate(.82) contrast(1.05)}.social-links-big{margin-top:20px}.social-links-big a{padding:11px 15px}
@media(max-width:1180px){.hermandad-main-nav{flex-wrap:wrap}.hermandad-main-nav a{font-size:10px;padding:8px 7px}.river-grid,.contact-home-grid,.contact-page-grid{grid-template-columns:1fr}.compass-card{min-height:260px}.contact-side-panel{grid-template-columns:1fr 1fr}.map-card iframe{height:100%}}
@media(max-width:760px){.hermandad-site-header .main-nav{background:#050f18}.river-status-grid,.contact-side-panel{grid-template-columns:1fr}.compass-rose{width:190px;height:190px}.compass-needle{height:126px}.contact-home-copy,.contact-home-data,.contact-data-card{padding:24px}.map-card iframe{height:330px}.social-links a{width:100%;justify-content:center}}

/* V5 detalles finales: responsive, corazón rojo, redes reales, mapa en footer, río oficial */
.site-header .header-inner{height:auto;min-height:76px;padding:10px 0;align-items:center;flex-wrap:nowrap}
.main-nav{flex:1;min-width:0;gap:5px}.main-nav a{font-size:11px;padding:10px 9px;line-height:1}.main-nav .river-nav-link{border:1px solid rgba(96,180,210,.28);color:#d9edf5;background:rgba(96,180,210,.08)}
.site-header:not(.hermandad-site-header) .main-nav .river-nav-link{color:#082438;background:rgba(96,180,210,.12)}
.main-nav .nav-donaciones{display:inline-flex;align-items:center;gap:8px}.main-nav .nav-donaciones .heart-icon{font-size:20px;color:#e5222a;line-height:1;filter:drop-shadow(0 0 7px rgba(229,34,42,.35));transform:translateY(-1px)}
.hermandad-main-nav{flex:1;justify-content:flex-end;overflow:visible}.hermandad-main-nav a{font-size:10px;padding:9px 7px}.nav-back-varadero{display:none!important}.hermandad-hero .hero-actions .btn-light{background:rgba(232,240,245,.10);border:1px solid rgba(232,240,245,.20);color:#fff}.hermandad-hero .hero-actions .btn-light:hover{background:#e8f0f5;color:#061b2b}
.social-links a:before{content:none!important;display:none!important}.social-links .social-link{display:inline-flex;align-items:center;gap:9px}.social-links .social-link img{width:24px;height:24px;flex:0 0 24px;display:block}.footer-social .social-link img{width:22px;height:22px;flex-basis:22px}.social-links-big .social-link img{width:28px;height:28px;flex-basis:28px}
.footer-map-wrap{margin-top:24px}.footer-map-card{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:stretch;background:rgba(255,255,255,.045);border:1px solid rgba(214,198,170,.16);border-radius:24px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.18)}.footer-map-card>div{padding:22px}.footer-map-card strong{display:block;color:#f0d6a1;text-transform:uppercase;letter-spacing:1px;font-size:12px;margin-bottom:6px}.footer-map-card p{margin:0;color:rgba(232,240,245,.84);font-weight:800}.footer-map-card iframe{width:100%;height:220px;border:0;display:block;filter:saturate(.82) contrast(1.05)}
@media(max-width:1320px){.container.header-inner{width:min(1280px,calc(100% - 18px))}.brand strong{font-size:20px}.brand small{font-size:10px}.brand-logo{width:48px;height:48px}.main-nav a{font-size:10px;padding:9px 7px}.hermandad-main-nav a{font-size:9px;padding:8px 6px}}
@media(max-width:1080px){.site-header .header-inner{flex-wrap:wrap}.nav-toggle{display:block;order:2}.brand{order:1}.main-nav{order:3;display:none;width:100%;position:static;background:#071724;border:1px solid rgba(214,198,170,.16);border-radius:18px;padding:12px;margin-top:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.main-nav.is-open{display:grid}.main-nav a{display:flex;align-items:center;justify-content:center;min-height:42px;font-size:12px;white-space:normal;text-align:center;color:#e8f0f5;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.site-header:not(.hermandad-site-header) .main-nav .river-nav-link{color:#e8f0f5}.hermandad-main-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hermandad-main-nav a{font-size:12px;padding:10px 8px}.hermandad-site-header .header-inner{width:min(1180px,calc(100% - 24px))}}
@media(max-width:760px){.main-nav{grid-template-columns:1fr}.main-nav .nav-donaciones .heart-icon{font-size:23px}.footer-map-card{grid-template-columns:1fr}.footer-map-card iframe{height:260px}.site-header .header-inner{min-height:72px}.hermandad-brand span{max-width:230px}.hermandad-brand strong{font-size:18px}.hermandad-brand small{font-size:9px}.hermandad-hero .hero-actions{display:grid;grid-template-columns:1fr}.hermandad-hero .hero-actions .btn{width:100%;text-align:center;justify-content:center}}

/* V6 fix: botón Estado del río visible en menú oscuro */
.main-nav .river-nav-link,
.site-header:not(.hermandad-site-header) .main-nav .river-nav-link{
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(28, 112, 151, .92), rgba(199, 151, 77, .38)) !important;
    border: 1px solid rgba(240, 214, 161, .72) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .22), inset 0 0 0 1px rgba(255, 255, 255, .08);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
}

.main-nav .river-nav-link::before{
    content: '🌊';
    margin-right: 6px;
    font-size: 15px;
    line-height: 1;
}

.main-nav .river-nav-link:hover,
.site-header:not(.hermandad-site-header) .main-nav .river-nav-link:hover{
    color: #061b2b !important;
    background: #f0d6a1 !important;
    border-color: #f0d6a1 !important;
    text-shadow: none;
}

/* V7: iconos de servicios más legibles y módulo Río San Isidro en vivo */
.service-icon,
.service-card .service-icon{
    width: 60px !important;
    height: 60px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #061b2b, #0c4564) !important;
    color: #ffffff !important;
    border: 2px solid #d4a14e !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.10) !important;
    font-size: 30px !important;
    filter: saturate(1.35) contrast(1.15);
    text-shadow: 0 2px 8px rgba(0,0,0,.85), 0 0 1px #ffffff;
}

.service-card:hover .service-icon{
    transform: translateY(-2px);
    background: linear-gradient(135deg, #0c4564, #d4a14e) !important;
}

.main-nav .river-live,
.site-header:not(.hermandad-site-header) .main-nav .river-live{
    display: inline-flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    min-width: 132px;
    min-height: 44px;
    padding: 8px 12px !important;
    border-radius: 999px;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0c4564, #154b68 55%, rgba(199,151,77,.55)) !important;
    border: 1px solid rgba(240,214,161,.78) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.08);
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.main-nav .river-live::before{
    display: none !important;
}

.river-live .river-label{
    display: block;
    color: #f0d6a1;
    font-size: 9px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .55px;
    text-transform: uppercase;
}

.river-live .river-value{
    display: block;
    color: #ffffff;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.08;
    white-space: nowrap;
}

.river-live.is-live .river-value{
    color: #ffffff;
}

.river-live.is-stale .river-value,
.river-live.is-unavailable .river-value{
    color: #ffe3a6;
}

.main-nav .river-live:hover,
.site-header:not(.hermandad-site-header) .main-nav .river-live:hover{
    background: #f0d6a1 !important;
    color: #061b2b !important;
    text-shadow: none;
}

.main-nav .river-live:hover .river-label,
.main-nav .river-live:hover .river-value{
    color: #061b2b !important;
}

@media(max-width:1080px){
    .main-nav .river-live,
    .site-header:not(.hermandad-site-header) .main-nav .river-live{
        width: 100%;
        min-width: 0;
        align-items: center;
        min-height: 48px;
    }
}

/* V8: galería por categorías, inscripción compacta e historias propias */
.gallery-page-section{background:linear-gradient(180deg,#0a1f31,#071724)!important;color:#e8f0f5}.gallery-category-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 30px}.gallery-category-nav a{border:1px solid rgba(212,161,78,.38);background:rgba(255,255,255,.06);color:#f5e7c7;border-radius:999px;padding:10px 14px;font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.03em}.gallery-category-nav a:hover{background:#d4a14e;color:#061b2b}.gallery-category-block{scroll-margin-top:110px;background:linear-gradient(180deg,rgba(16,45,66,.92),rgba(7,23,36,.96));border:1px solid rgba(212,161,78,.18);border-radius:30px;padding:24px;margin:0 0 34px;box-shadow:0 20px 55px rgba(0,0,0,.25)}.gallery-category-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.gallery-category-head h2{margin:0 0 8px;color:#fff}.gallery-category-head p{margin:0;color:rgba(232,240,245,.72);max-width:860px}.gallery-count{white-space:nowrap;background:rgba(212,161,78,.14);border:1px solid rgba(212,161,78,.35);color:#f0d6a1;border-radius:999px;padding:9px 12px;font-weight:900}.gallery-category-carousel{margin-bottom:20px}.gallery-category-grid{margin-top:10px}.admin-gallery-categories{margin-top:18px}
.compact-page-hero{padding:42px 0}.registration-pick-section,.registration-section{background:linear-gradient(180deg,#0a1f31,#071724)!important;color:#e8f0f5}.event-pick-grid{display:grid;gap:20px}.event-pick-card{display:grid;grid-template-columns:280px 1fr;gap:0;background:rgba(16,45,66,.95);border:1px solid rgba(212,161,78,.18);border-radius:26px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.24)}.event-pick-card>img{width:100%;height:100%;min-height:230px;object-fit:cover}.event-pick-card>div{padding:24px}.event-pick-card h2{font-family:Georgia,serif;color:#fff;margin:12px 0 8px;font-size:30px}.event-pick-card p{color:rgba(232,240,245,.74)}.event-pick-meta{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.event-pick-meta span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 11px;font-weight:800}.event-pick-actions{display:flex;gap:10px;flex-wrap:wrap}.registration-layout{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:24px;align-items:start}.registration-event-summary{background:rgba(16,45,66,.95);border:1px solid rgba(212,161,78,.18);border-radius:28px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.24);position:sticky;top:98px}.registration-event-summary>img{width:100%;height:230px;object-fit:cover;background:#071724}.registration-event-body{padding:22px}.registration-event-body h2{font-family:Georgia,serif;color:#fff;margin:12px 0;font-size:31px;line-height:1.05}.registration-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.registration-facts span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:9px;font-weight:800;font-size:14px}.registration-event-body details{border-top:1px solid rgba(255,255,255,.1);padding:12px 0}.registration-event-body summary{cursor:pointer;color:#f0d6a1;font-weight:900}.registration-event-body details p{font-size:15px;line-height:1.55;color:rgba(232,240,245,.74)}.registration-form-panel{padding:26px!important;background:rgba(232,240,245,.96)!important;color:#082438!important}.registration-form-head h2{font-family:Georgia,serif;margin:6px 0 6px;color:#082438}.registration-form-head p{margin:0 0 18px}.compact-registration-form .field input,.compact-registration-form .field textarea{min-height:44px}.compact-registration-form textarea{resize:vertical}.accept-rule{display:flex;gap:10px;align-items:center;margin:10px 0 16px;font-weight:800}.historias-section{background:linear-gradient(180deg,#102d42,#071724)!important}.story-card-grid .story-preview-card{grid-template-columns:260px 1fr}.story-preview-text p{color:rgba(232,240,245,.72);margin-bottom:16px}.hermandad-story-hero{background:radial-gradient(circle at 80% 20%,rgba(212,161,78,.22),transparent 30%),linear-gradient(120deg,#050f18,#102d42 60%,#071724);color:#fff;padding:70px 0}.hermandad-story-hero-inner{display:grid;grid-template-columns:1fr minmax(260px,440px);gap:34px;align-items:center}.hermandad-story-hero h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,72px);line-height:.98;margin:10px 0 18px}.hermandad-story-hero p{font-size:20px;color:rgba(232,240,245,.78);max-width:780px}.hermandad-story-cover{border-radius:30px;overflow:hidden;border:1px solid rgba(212,161,78,.22);box-shadow:0 25px 60px rgba(0,0,0,.35)}.hermandad-story-cover img{width:100%;height:360px;object-fit:cover}.hermandad-story-layout{max-width:980px}.hermandad-story-article{background:rgba(255,255,255,.06);border:1px solid rgba(212,161,78,.16);border-radius:30px;padding:34px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.hermandad-story-article p{font-size:19px;line-height:1.85;color:rgba(232,240,245,.84)}
@media(max-width:980px){.event-pick-card,.registration-layout,.hermandad-story-hero-inner{grid-template-columns:1fr}.registration-event-summary{position:static}.story-card-grid .story-preview-card{grid-template-columns:1fr}.event-pick-card>img{height:230px}.gallery-category-head{display:block}.gallery-count{display:inline-block;margin-top:12px}}
@media(max-width:640px){.gallery-category-block{padding:16px;border-radius:22px}.registration-facts{grid-template-columns:1fr}.event-pick-card>div,.registration-form-panel,.registration-event-body,.hermandad-story-article{padding:18px!important}.hermandad-story-cover img{height:260px}.event-pick-actions .btn{width:100%;justify-content:center}}

/* V9: galería sin duplicar, solicitudes para ser parte y comunidad */
.gallery-category-carousel{margin-bottom:0!important}.gallery-category-block .gallery-category-grid{display:none!important}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.join-page-section,.community-page-section,.community-home-section{background:linear-gradient(180deg,#071724,#0a1f31)!important;color:#e8f0f5}.join-layout{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:24px;align-items:start}.join-info-card{background:linear-gradient(180deg,rgba(16,45,66,.96),rgba(7,23,36,.96));border:1px solid rgba(212,161,78,.18);border-radius:28px;padding:26px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.join-info-card h2{font-family:Georgia,serif;font-size:34px;line-height:1.06;color:#fff;margin:8px 0 14px}.join-info-card p{color:rgba(232,240,245,.76)}.join-checks{display:grid;gap:9px;padding:0;margin:18px 0;list-style:none}.join-checks li{padding:10px 12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);border-radius:14px;color:#e8f0f5;font-weight:800}.join-checks li::before{content:'✓';color:#f0d6a1;margin-right:8px}.join-form-panel{background:rgba(232,240,245,.96)!important;color:#082438!important;padding:26px!important}.join-form-panel h2{font-family:Georgia,serif;color:#082438;margin-top:0}.hermandad-join-hero{background:radial-gradient(circle at 75% 10%,rgba(212,161,78,.28),transparent 28%),linear-gradient(120deg,#050f18,#102d42 60%,#071724)!important}.friends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.friends-grid-home{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.friend-card{background:linear-gradient(180deg,rgba(16,45,66,.95),rgba(7,23,36,.96));border:1px solid rgba(212,161,78,.18);border-radius:24px;padding:18px;box-shadow:0 16px 40px rgba(0,0,0,.22);color:#e8f0f5}.friend-card img{width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid rgba(212,161,78,.55);box-shadow:0 10px 28px rgba(0,0,0,.25);background:#061b2b}.friend-card h3{font-family:Georgia,serif;font-size:25px;color:#fff;margin:14px 0 6px}.friend-card p{color:rgba(232,240,245,.76)}.friend-meta{color:#f0d6a1!important;font-weight:900}.friend-card-mini{display:flex;gap:14px;align-items:center}.friend-card-mini img{width:76px;height:76px;flex:0 0 76px}.friend-card-mini h3{font-size:21px;margin:0 0 4px}.community-empty-card{border:1px dashed rgba(212,161,78,.45);background:rgba(255,255,255,.05);border-radius:24px;padding:24px;color:#e8f0f5}.community-empty-card strong{display:block;font-family:Georgia,serif;font-size:26px;color:#fff;margin-bottom:8px}.friend-preview{width:120px;height:120px;object-fit:cover;border-radius:50%;border:3px solid #d4a14e;margin-top:10px;background:#061b2b}.hero-actions .btn-light{background:#e8f0f5;color:#061b2b;border-color:#e8f0f5}
@media(max-width:900px){.join-layout{grid-template-columns:1fr}.friend-card-mini{display:block}.friend-card-mini img{width:92px;height:92px}.join-info-card,.join-form-panel{padding:20px!important}}

/* V10: ajustes pedidos solo para Hermandad, fotos legibles y admin más ordenado */
.hermandad-body{
    background: radial-gradient(circle at 10% 0%, rgba(240,214,161,.10), transparent 28%),
                linear-gradient(180deg, #06391f 0%, #052c1b 42%, #041f15 100%) !important;
    color:#eef7ef;
}
.hermandad-site-header,
.hermandad-footer{
    background: rgba(4, 32, 19, .98) !important;
    border-color: rgba(240,214,161,.24) !important;
}
.hermandad-body .hermandad-hero{
    background: radial-gradient(circle at 78% 20%, rgba(240,214,161,.18), transparent 34%),
                linear-gradient(125deg, #042817 0%, #07512d 54%, #032014 100%) !important;
}
.hermandad-body .section-deep,
.hermandad-body .section-deep-alt,
.hermandad-body .section,
.hermandad-body .section-alt{
    background: linear-gradient(180deg, #073d24, #042817) !important;
    color:#eef7ef !important;
}
.hermandad-body .section-deep-alt{
    background: linear-gradient(180deg, #0a4a2c, #052f1d) !important;
}
.hermandad-body .panel,
.hermandad-body .dark-panel,
.hermandad-body .info-card,
.hermandad-body .video-card,
.hermandad-body .memory-card,
.hermandad-body .gallery-slide{
    background: rgba(4, 39, 24, .94) !important;
    border-color: rgba(240,214,161,.20) !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.28) !important;
}
.hermandad-body .info-card.no-image{
    display:block !important;
    grid-template-columns:1fr !important;
}
.hermandad-body .info-card.no-image > div{
    padding:30px 34px !important;
    width:100%;
}
.hermandad-body .hermandad-content-card{
    width:100%;
    min-width:0;
}
.hermandad-body .hermandad-content-card > div,
.hermandad-body .memory-body,
.hermandad-story-article{
    font-size:17px;
    line-height:1.72;
    overflow-wrap:anywhere;
    word-break:normal;
}
.hermandad-body .hermandad-content-card h3,
.hermandad-body .memory-body h3{
    line-height:1.12 !important;
    overflow-wrap:anywhere;
}
.hermandad-body .content-grid{
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr)) !important;
    align-items:stretch;
}
.hermandad-body .story-card-grid{
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)) !important;
}
.hermandad-body .story-preview-card{
    display:flex !important;
    flex-direction:column;
}
.hermandad-body .story-preview-card > img{
    width:100%;
    height:260px;
    min-height:260px;
    object-fit:contain !important;
    background:#031b10;
}
.hermandad-body .story-preview-card.no-image > div{
    min-height:260px;
}
.hermandad-body .info-card > img,
.hermandad-body .memory-photo img,
.hermandad-story-cover img{
    object-fit:contain !important;
    background:#031b10 !important;
}
.gallery-slide img,
.gallery-item img{
    object-fit:contain !important;
    background:#061b2b !important;
}
.hermandad-body .gallery-slide img,
.hermandad-body .gallery-item img{
    background:#031b10 !important;
}
.lightbox img{
    object-fit:contain !important;
    background:#031b10 !important;
}
.lightbox-caption{
    font-size:16px;
    line-height:1.35;
    text-shadow:0 2px 8px rgba(0,0,0,.8);
}
.hermandad-public-story-form{
    margin:24px 0 28px;
    padding:28px;
    display:grid;
    grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
    gap:26px;
    align-items:start;
}
.hermandad-public-story-form h3{
    font-family:Georgia,serif;
    font-size:34px;
    margin:4px 0 10px;
    color:#fff;
}
.hermandad-public-story-form p{
    color:rgba(238,247,239,.76);
}
.hp-field{
    position:absolute !important;
    left:-10000px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}
.notice.warning-notice{
    margin:14px 0 18px;
    padding:14px 16px;
    border-radius:16px;
    background:rgba(212,161,78,.14);
    border:1px solid rgba(212,161,78,.35);
    color:#f8e6be;
}
.hermandad-admin-hub{
    background:linear-gradient(135deg,rgba(4,39,24,.96),rgba(7,61,36,.92));
    border:1px solid rgba(240,214,161,.20);
    border-radius:24px;
    padding:24px;
    margin:0 0 24px;
    box-shadow:0 16px 38px rgba(0,0,0,.18);
}
.admin-hub-head{
    display:flex;
    justify-content:space-between;
    gap:18px;
    align-items:flex-start;
    margin-bottom:18px;
}
.admin-hub-head h2{
    margin:0 0 6px;
    color:#fff;
}
.admin-hub-groups{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.admin-hub-groups > div{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    padding:16px;
    display:grid;
    gap:8px;
}
.admin-hub-groups strong{
    color:#f0d6a1;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.7px;
}
.admin-hub-groups a{
    color:#e8f0f5;
    text-decoration:none;
    font-weight:800;
    padding:7px 9px;
    border-radius:10px;
    background:rgba(255,255,255,.04);
}
.admin-hub-groups a:hover{
    background:#d4a14e;
    color:#061b2b;
}
@media(max-width:980px){
    .hermandad-public-story-form{grid-template-columns:1fr;}
    .admin-hub-head{display:block;}
    .admin-hub-groups{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
    .hermandad-body .info-card.no-image > div{padding:22px !important;}
    .hermandad-public-story-form{padding:20px;}
    .admin-hub-groups{grid-template-columns:1fr;}
    .hermandad-body .hermandad-content-card > div,
    .hermandad-story-article{font-size:16px;line-height:1.65;}
}


/* V11: ajustes solicitados - Comunidad visible, formulario legible, fotos de perfil y Hermandad verde */
.main-nav .nav-comunidad{
    border:1px solid rgba(240,214,161,.40);
    border-radius:999px;
    padding:10px 14px;
    background:rgba(240,214,161,.08);
    color:#f7ead0 !important;
}
.main-nav .nav-comunidad:hover,
.main-nav .nav-comunidad.is-active{
    background:#d4a14e;
    color:#061b2b !important;
}

.community-page-section,
.community-home-section,
.join-page-section{
    background:linear-gradient(180deg,#071724 0%,#0a1f31 52%,#071724 100%) !important;
}
#sumarme.section-deep-alt{
    background:radial-gradient(circle at 18% 8%,rgba(212,161,78,.10),transparent 32%),linear-gradient(180deg,#071724,#082034 55%,#061724) !important;
}
.join-form-panel{
    background:linear-gradient(180deg,#102d42,#0a2133) !important;
    color:#e8f0f5 !important;
    border:1px solid rgba(240,214,161,.28) !important;
    box-shadow:0 22px 55px rgba(0,0,0,.28) !important;
}
.join-form-panel h2{
    color:#ffffff !important;
}
.join-form-panel .help,
.join-form-panel .form-visibility-note{
    color:rgba(232,240,245,.78) !important;
}
.join-form-panel .field label{
    color:#f0d6a1 !important;
}
.join-form-panel .field input,
.join-form-panel .field select,
.join-form-panel .field textarea{
    background:#eaf2f7 !important;
    color:#061b2b !important;
    border:1px solid rgba(240,214,161,.42) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45) !important;
}
.join-form-panel .field input::placeholder,
.join-form-panel .field textarea::placeholder{
    color:#526a7b !important;
}
.join-form-panel .btn-primary{
    background:#d4a14e !important;
    color:#061b2b !important;
}
.friend-preview,
.friend-card img,
.friend-card-mini img{
    object-fit:cover !important;
    object-position:center 22% !important;
}
.friend-card img{
    width:112px;
    height:112px;
}
.friend-card-mini img{
    width:82px;
    height:82px;
}

.hermandad-body{
    background:
        radial-gradient(circle at 16% 8%, rgba(62, 162, 92, .34), transparent 34%),
        radial-gradient(circle at 85% 16%, rgba(240,214,161,.16), transparent 28%),
        linear-gradient(160deg,#02150d 0%,#063a22 42%,#0b5a33 72%,#031b11 100%) !important;
}
.hermandad-body .hermandad-hero{
    background:
        radial-gradient(circle at 70% 12%, rgba(240,214,161,.22), transparent 32%),
        linear-gradient(135deg,#031b11 0%,#0b5a33 58%,#042817 100%) !important;
}
.hermandad-body .section,
.hermandad-body .section-deep,
.hermandad-body .section-deep-alt,
.hermandad-body .section-alt{
    background:linear-gradient(180deg,rgba(9,83,48,.96),rgba(3,30,18,.98)) !important;
}
.hermandad-body .section-deep-alt{
    background:linear-gradient(180deg,rgba(12,98,57,.96),rgba(4,40,24,.98)) !important;
}


/* V12: comunidad compacta con ficha modal y mejor lectura de fotos */
.friends-directory-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(118px,1fr));
    gap:14px;
    align-items:start;
}
.friend-tile{
    appearance:none;
    border:1px solid rgba(212,161,78,.24);
    background:linear-gradient(180deg,rgba(16,45,66,.96),rgba(7,23,36,.98));
    color:#fff;
    border-radius:18px;
    padding:12px 10px 11px;
    display:grid;
    justify-items:center;
    gap:9px;
    cursor:pointer;
    min-height:132px;
    box-shadow:0 10px 26px rgba(0,0,0,.18);
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.friend-tile:hover{
    transform:translateY(-2px);
    border-color:rgba(240,214,161,.65);
    box-shadow:0 16px 34px rgba(0,0,0,.28);
}
.friend-tile img{
    width:78px;
    height:78px;
    border-radius:50%;
    object-fit:cover;
    object-position:center 20%;
    border:2px solid rgba(212,161,78,.75);
    background:#061b2b;
}
.friend-tile span{
    display:block;
    width:100%;
    font-weight:900;
    font-size:14px;
    line-height:1.15;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.friend-modal[hidden]{display:none!important;}
.friend-modal{
    position:fixed;
    inset:0;
    z-index:9998;
    display:grid;
    place-items:center;
    padding:22px;
    background:rgba(0,0,0,.74);
    backdrop-filter:blur(4px);
}
.friend-modal-box{
    width:min(760px,100%);
    max-height:calc(100vh - 44px);
    overflow:auto;
    border-radius:28px;
    border:1px solid rgba(240,214,161,.35);
    background:linear-gradient(135deg,#102d42,#061b2b 64%,#0b3b56);
    box-shadow:0 28px 80px rgba(0,0,0,.48);
    padding:26px;
    display:grid;
    grid-template-columns:180px 1fr;
    gap:24px;
    position:relative;
    color:#e8f0f5;
}
.friend-modal-box > img{
    width:180px;
    height:180px;
    border-radius:50%;
    object-fit:cover;
    object-position:center 20%;
    border:4px solid #d4a14e;
    background:#061b2b;
}
.friend-modal-content h3{
    font-family:Georgia,serif;
    font-size:38px;
    line-height:1.05;
    color:#fff;
    margin:4px 0 12px;
}
.friend-modal-content p{
    font-size:17px;
    line-height:1.55;
    color:rgba(232,240,245,.86);
}
.friend-modal-close{
    position:absolute;
    top:14px;
    right:14px;
    width:40px;
    height:40px;
    border:0;
    border-radius:50%;
    background:#d4a14e;
    color:#061b2b;
    font-size:26px;
    line-height:1;
    font-weight:900;
    cursor:pointer;
}
.friend-modal-open{overflow:hidden;}
@media(max-width:720px){
    .friends-directory-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;}
    .friend-tile{min-height:116px;padding:10px 8px;}
    .friend-tile img{width:66px;height:66px;}
    .friend-tile span{font-size:12px;}
    .friend-modal-box{grid-template-columns:1fr;text-align:center;padding:22px;}
    .friend-modal-box > img{margin:auto;width:150px;height:150px;}
    .friend-modal-content h3{font-size:30px;}
}