:root{
  --bg:#050507;
  --panel:#101014;
  --line:rgba(255,255,255,.12);
  --gold:#d8b66a;
  --gold2:#a77d2e;
  --text:#f7f1e8;
  --muted:#c1b8aa;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 5%,rgba(57,51,49,.28),transparent 34%),linear-gradient(180deg,#09090d 0%,#050507 100%);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}
.section-0{position:sticky;top:0;z-index:40;background:rgba(5,5,7,.62);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.section-0__bar{min-height:70px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.section-0__logoImg{height:44px;width:auto;display:block}.section-0__nav{display:flex;align-items:center;gap:24px}.section-0__link{position:relative;font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#eee;opacity:.9;font-weight:800}.section-0__link:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:var(--gold);transform:scaleX(0);transition:.25s}.section-0__link:hover,.section-0__link--active{color:var(--gold)}.section-0__link--active:after{transform:scaleX(1)}.section-0__storeIcon{height:30px;object-fit:contain}.section-0__navToggle{display:none}.section-0__burger{display:none;color:#d8c8a8;font-size:23px}.section-0__mobilePanel{display:none}
.page-shell{min-height:calc(100vh - 70px)}.protocols-hero{position:relative;min-height:calc(100vh - 70px);padding:55px 20px 88px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}.protocols-hero:before{content:"";position:absolute;inset:-20% -10%;background:radial-gradient(circle at 50% 35%,rgba(216,182,106,.11),transparent 28%),radial-gradient(circle at 12% 50%,rgba(91,68,83,.16),transparent 26%),radial-gradient(circle at 88% 56%,rgba(94,82,71,.14),transparent 25%);pointer-events:none}.title-block{position:relative;text-align:center;z-index:2;margin-bottom:42px}.title-block h1{margin:0;text-transform:uppercase;font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,5vw,63px);letter-spacing:.22em;line-height:1;color:#fff;text-shadow:0 0 22px rgba(216,182,106,.16)}.title-block p{margin:16px 0 12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:14px;color:#ead9c3}.title-block span{display:block;width:88px;height:1px;margin:auto;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.carousel-wrap{position:relative;z-index:3;width:min(1160px,100%);height:530px;display:grid;place-items:center}.protocol-stage{position:relative;width:100%;height:100%;perspective:1300px;touch-action:pan-y}.protocol-card{--accent:var(--gold);position:absolute;top:0;left:50%;width:270px;height:500px;border-radius:18px;overflow:hidden;background:#0f0f12;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 90px rgba(0,0,0,.52);cursor:pointer;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .48s,filter .48s,border-color .48s,box-shadow .48s;user-select:none}.protocol-card.is-active{z-index:8;opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 36px 120px rgba(0,0,0,.72),0 0 calc((var(--glow,34))*1px) color-mix(in srgb,var(--accent) 18%,transparent);transform:translateX(-50%) translateY(0) scale(1.06) rotateY(0)}.protocol-card.is-prev{z-index:6;opacity:.9;filter:brightness(.82);transform:translateX(calc(-50% - 230px)) translateY(18px) scale(.92) rotateY(14deg)}.protocol-card.is-next{z-index:6;opacity:.9;filter:brightness(.82);transform:translateX(calc(-50% + 230px)) translateY(18px) scale(.92) rotateY(-14deg)}.protocol-card.is-prev2{z-index:4;opacity:.55;filter:brightness(.58) blur(.3px);transform:translateX(calc(-50% - 420px)) translateY(48px) scale(.78) rotateY(22deg)}.protocol-card.is-next2{z-index:4;opacity:.55;filter:brightness(.58) blur(.3px);transform:translateX(calc(-50% + 420px)) translateY(48px) scale(.78) rotateY(-22deg)}.protocol-card.is-hidden-left{opacity:0;pointer-events:none;transform:translateX(calc(-50% - 590px)) scale(.65) rotateY(25deg)}.protocol-card.is-hidden-right{opacity:0;pointer-events:none;transform:translateX(calc(-50% + 590px)) scale(.65) rotateY(-25deg)}.protocol-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.protocol-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,8,.08),rgba(5,5,8,.18) 34%,rgba(5,5,8,.83) 73%,rgba(5,5,8,.98) 100%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 55%)}.protocol-card__badge{position:absolute;top:18px;left:18px;max-width:calc(100% - 36px);padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 35%,rgba(0,0,0,.45));color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 0 20px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.protocol-card__body{position:absolute;left:22px;right:22px;bottom:20px}.protocol-card h2{margin:0 0 10px;text-transform:uppercase;font-size:28px;line-height:1.03;font-weight:900;letter-spacing:-.04em;color:#fff;text-wrap:balance}.protocol-card p{margin:0 0 16px;color:#efe9de;font-size:14px;line-height:1.55}.protocol-card__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px;color:#e3c886;font-size:12px;font-weight:800;text-transform:uppercase}.protocol-card__meta span{display:inline-flex;align-items:center;gap:6px}.protocol-card__meta span+span:before{content:"•";opacity:.8}.protocol-card button{width:100%;height:42px;border-radius:7px;border:1px solid var(--button,var(--accent));background:rgba(0,0,0,.38);color:#fff3c8;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.06em;cursor:pointer;transition:.25s}.protocol-card.is-active button,.protocol-card:hover button{background:color-mix(in srgb,var(--button,var(--accent)) 18%,rgba(0,0,0,.45));box-shadow:0 0 calc((var(--glow,34))*0.65px) color-mix(in srgb,var(--button,var(--accent)) 22%,transparent)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:15;width:48px;height:48px;border-radius:999px;border:1px solid rgba(216,182,106,.36);background:rgba(31,25,24,.72);color:#fff;font-size:40px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(12px);transition:.25s}.nav-arrow:hover{background:rgba(216,182,106,.18);border-color:rgba(216,182,106,.8)}.nav-arrow--left{left:8px}.nav-arrow--right{right:8px}.dots{position:relative;z-index:3;display:flex;gap:12px;justify-content:center;margin-top:22px}.dot{width:13px;height:13px;border-radius:999px;border:0;background:rgba(255,255,255,.24);cursor:pointer;transition:.25s}.dot.is-active{background:#dcb0bd;transform:scale(1.12)}.home-floating{position:fixed;right:26px;bottom:28px;z-index:25;width:54px;height:54px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(6,6,8,.72);display:grid;place-items:center;color:#fff;font-size:21px;backdrop-filter:blur(12px);box-shadow:0 18px 60px rgba(0,0,0,.45)}
.modal{position:fixed;inset:0;z-index:100;display:none}.modal.is-open{display:block}.modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(12px)}.modal__panel{position:relative;margin:5vh auto;width:min(1030px,92vw);max-height:90vh;overflow:auto;border-radius:28px;background:linear-gradient(180deg,rgba(22,22,25,.97),rgba(12,12,14,.98));border:1px solid rgba(216,182,106,.28);box-shadow:0 30px 120px rgba(0,0,0,.82);padding:24px}.modal__close{position:sticky;top:0;margin-left:auto;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(20,20,22,.72);color:white;font-size:26px;z-index:2;cursor:pointer}.modalHero{display:grid;grid-template-columns:310px 1fr;gap:28px;align-items:end}.modalHero__image img{width:100%;height:420px;border-radius:22px;object-fit:cover;border:1px solid color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.12));box-shadow:0 24px 80px rgba(0,0,0,.45)}.modalHero__text span{color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.13em;font-size:13px}.modalHero h2{font-family:Georgia,'Times New Roman',serif;font-size:48px;line-height:1.02;margin:12px 0 10px}.modalLead{color:var(--accent)!important;font-weight:800}.modalHero p{color:#d8d0c4;line-height:1.7}.modalMeta{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.modalMeta b{background:rgba(216,182,106,.08);border:1px solid color-mix(in srgb,var(--accent) 40%,rgba(255,255,255,.12));border-radius:999px;padding:8px 13px;color:#fff}.modalGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.modalGrid section{background:rgba(255,255,255,.042);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:17px}.modalGrid__wide{grid-column:1/-1}.modalGrid h3{margin:0 0 12px;color:var(--gold);font-size:15px;text-transform:uppercase;letter-spacing:.06em}.modalGrid p,.modalGrid li{color:#ddd;line-height:1.6}.modalGrid ul{margin:0;padding-left:18px}.muted{color:var(--muted)!important}.whatsapp{display:flex;align-items:center;justify-content:center;width:min(420px,100%);margin:10px auto 0;height:52px;border-radius:10px;background:linear-gradient(135deg,#e0bd68,#a87a28);color:#080808;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:940px){.protocols-hero{padding-top:42px}.carousel-wrap{height:560px}.protocol-card{width:min(76vw,330px);height:520px}.protocol-card.is-prev{transform:translateX(calc(-50% - 210px)) translateY(22px) scale(.84) rotateY(17deg)}.protocol-card.is-next{transform:translateX(calc(-50% + 210px)) translateY(22px) scale(.84) rotateY(-17deg)}.protocol-card.is-prev2,.protocol-card.is-next2{opacity:0;pointer-events:none}.modalGrid{grid-template-columns:1fr 1fr}.modalHero{grid-template-columns:240px 1fr}.modalHero__image img{height:360px}}
@media(max-width:760px){.section-0__bar{min-height:68px;padding:0 18px}.section-0__logoImg{height:40px}.section-0__nav{display:none}.section-0__burger{display:block}.section-0__mobilePanel{position:absolute;top:68px;left:12px;right:12px;background:rgba(9,9,10,.97);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 20px 80px #000}.section-0__navToggle:checked~.section-0__mobilePanel{display:grid;gap:5px}.section-0__mobileLink,.section-0__mobileStore{padding:13px;border-radius:12px;background:rgba(255,255,255,.045);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.protocols-hero{min-height:calc(100dvh - 68px);padding:54px 0 80px}.title-block{margin-bottom:34px;padding:0 16px}.title-block h1{font-size:36px;letter-spacing:.18em}.title-block p{font-size:12px}.carousel-wrap{height:520px;width:100vw}.protocol-card{width:68vw;min-width:260px;max-width:315px;height:485px;border-radius:20px}.protocol-card.is-active{transform:translateX(-50%) scale(1.02)}.protocol-card.is-prev{opacity:.62;filter:brightness(.62);transform:translateX(calc(-50% - 170px)) translateY(28px) scale(.76) rotateY(17deg)}.protocol-card.is-next{opacity:.62;filter:brightness(.62);transform:translateX(calc(-50% + 170px)) translateY(28px) scale(.76) rotateY(-17deg)}.protocol-card.is-prev2,.protocol-card.is-next2,.protocol-card.is-hidden-left,.protocol-card.is-hidden-right{opacity:0;pointer-events:none}.protocol-card__body{left:18px;right:18px;bottom:18px}.protocol-card h2{font-size:24px}.protocol-card p{font-size:13px}.nav-arrow{width:42px;height:42px;font-size:34px;background:rgba(62,50,53,.72)}.nav-arrow--left{left:14px}.nav-arrow--right{right:14px}.dots{margin-top:4px}.dot{width:12px;height:12px}.home-floating{right:18px;bottom:18px;width:48px;height:48px}.modal__panel{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:17px}.modalHero{grid-template-columns:1fr}.modalHero__image{display:none}.modalHero h2{font-size:36px}.modalGrid{grid-template-columns:1fr}.whatsapp{position:sticky;bottom:0}.modal__close{width:40px;height:40px}}
@media(max-width:380px){.protocol-card{width:74vw;min-width:250px;height:460px}.protocol-card.is-prev{transform:translateX(calc(-50% - 150px)) translateY(30px) scale(.72) rotateY(17deg)}.protocol-card.is-next{transform:translateX(calc(-50% + 150px)) translateY(30px) scale(.72) rotateY(-17deg)}.title-block h1{font-size:32px}.protocol-card h2{font-size:22px}.protocol-card p{font-size:12px}}

/* === FIX FINAL: motor 3D tipo catálogo original === */
.protocol-stage{
  transform-style: preserve-3d;
  perspective: 1300px;
  overflow: visible;
  cursor: grab;
}
.protocol-stage:active{cursor: grabbing;}
.protocol-card{
  transition:
    transform .8s cubic-bezier(.25,.46,.45,.94),
    opacity .8s cubic-bezier(.25,.46,.45,.94),
    filter .8s cubic-bezier(.25,.46,.45,.94),
    border-color .8s cubic-bezier(.25,.46,.45,.94),
    box-shadow .8s cubic-bezier(.25,.46,.45,.94);
  transform-style: preserve-3d;
  will-change: transform, opacity, filter;
  backface-visibility: hidden;
}
.protocol-card.center{
  z-index: 10;
  opacity: 1;
  filter: brightness(1);
  border-color: var(--accent);
  box-shadow: 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 36px 120px rgba(0,0,0,.72),0 0 calc((var(--glow,34))*1px) color-mix(in srgb,var(--accent) 18%,transparent);
  transform: translateX(-50%) scale(1.08) translateZ(0) rotateY(0deg);
}
.protocol-card.left-1{
  z-index: 6;
  opacity: .9;
  filter: brightness(.82);
  transform: translateX(calc(-50% - 230px)) translateY(18px) scale(.92) translateZ(-120px) rotateY(16deg);
}
.protocol-card.right-1{
  z-index: 6;
  opacity: .9;
  filter: brightness(.82);
  transform: translateX(calc(-50% + 230px)) translateY(18px) scale(.92) translateZ(-120px) rotateY(-16deg);
}
.protocol-card.left-2{
  z-index: 4;
  opacity: .58;
  filter: brightness(.58) blur(.25px);
  transform: translateX(calc(-50% - 420px)) translateY(48px) scale(.78) translateZ(-300px) rotateY(24deg);
}
.protocol-card.right-2{
  z-index: 4;
  opacity: .58;
  filter: brightness(.58) blur(.25px);
  transform: translateX(calc(-50% + 420px)) translateY(48px) scale(.78) translateZ(-300px) rotateY(-24deg);
}
.protocol-card.hidden-left{
  opacity:0;
  pointer-events:none;
  transform: translateX(calc(-50% - 590px)) scale(.65) translateZ(-450px) rotateY(28deg);
}
.protocol-card.hidden-right{
  opacity:0;
  pointer-events:none;
  transform: translateX(calc(-50% + 590px)) scale(.65) translateZ(-450px) rotateY(-28deg);
}
@media(max-width:940px){
  .protocol-card.left-1{transform:translateX(calc(-50% - 210px)) translateY(22px) scale(.84) translateZ(-120px) rotateY(18deg)}
  .protocol-card.right-1{transform:translateX(calc(-50% + 210px)) translateY(22px) scale(.84) translateZ(-120px) rotateY(-18deg)}
  .protocol-card.left-2,.protocol-card.right-2{opacity:0;pointer-events:none}
}
@media(max-width:760px){
  .protocol-card.center{transform:translateX(-50%) scale(1.02) translateZ(0)}
  .protocol-card.left-1{opacity:.62;filter:brightness(.62);transform:translateX(calc(-50% - 170px)) translateY(28px) scale(.76) translateZ(-150px) rotateY(18deg)}
  .protocol-card.right-1{opacity:.62;filter:brightness(.62);transform:translateX(calc(-50% + 170px)) translateY(28px) scale(.76) translateZ(-150px) rotateY(-18deg)}
  .protocol-card.left-2,.protocol-card.right-2,.protocol-card.hidden-left,.protocol-card.hidden-right{opacity:0;pointer-events:none}
}
@media(max-width:380px){
  .protocol-card.left-1{transform:translateX(calc(-50% - 150px)) translateY(30px) scale(.72) translateZ(-150px) rotateY(18deg)}
  .protocol-card.right-1{transform:translateX(calc(-50% + 150px)) translateY(30px) scale(.72) translateZ(-150px) rotateY(-18deg)}
}

/* === POPUP LIMPIO TIPO BOTÁNICA: sin imagen, listas desplegables === */
.modal__panel{width:min(920px,92vw);border-radius:24px;padding:26px 30px 30px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.055),transparent 34%),linear-gradient(180deg,rgba(21,20,24,.98),rgba(7,7,10,.99));border:1px solid rgba(239,231,218,.18);box-shadow:0 38px 130px rgba(0,0,0,.88), inset 0 1px 0 rgba(255,255,255,.035)}
.modal__close{position:sticky;top:0;width:44px;height:44px;border-radius:16px;background:rgba(255,255,255,.025);color:#efe7da;border:1px solid rgba(239,231,218,.18)}
.modalClean{--cream:#efe7da;--soft:#cfc3b5;--line:rgba(239,231,218,.14);text-align:center;color:var(--cream)}
.modalClean__head{max-width:760px;margin:0 auto 12px}.modalClean__kicker{display:block;color:color-mix(in srgb,var(--accent) 70%,#efe7da);font-size:12px;font-weight:900;letter-spacing:.28em;text-transform:uppercase;margin-top:-18px;margin-bottom:8px}.modalClean h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,5.2vw,54px);line-height:1.02;letter-spacing:.08em;text-transform:uppercase;margin:10px 0 18px;color:#efe7da;text-shadow:0 0 28px rgba(255,255,255,.08)}
.modalClean__meta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 22px}.modalClean__meta b{font-size:13px;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(239,231,218,.16);border-radius:999px;background:rgba(255,255,255,.035);padding:8px 14px;color:#efe7da}.modalClean__lead{font-weight:800;color:#d8d0c4;line-height:1.65;font-size:16px;margin:0 auto 8px;max-width:760px}.modalClean__desc{color:#bfb6aa;line-height:1.72;font-size:14px;margin:0 auto 18px;max-width:800px}
.modalClean__accordions{max-width:800px;margin:22px auto 28px;text-align:left;border-top:1px solid var(--line)}.modalAccordion{border-bottom:1px solid var(--line)}.modalAccordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 8px;color:#efe7da;font-family:Georgia,'Times New Roman',serif;font-size:18px;font-weight:700}.modalAccordion summary::-webkit-details-marker{display:none}.modalAccordion summary b{font-family:Inter,system-ui,sans-serif;color:#9e968c;font-size:22px;font-weight:500;transition:transform .25s ease}.modalAccordion[open] summary b{transform:rotate(180deg)}.modalAccordion__content{padding:0 8px 18px;color:#cfc7bd;animation:modalDrop .22s ease both}.modalAccordion__content ul{margin:0;padding-left:20px;display:grid;gap:8px}.modalAccordion__content li,.modalAccordion__content p{line-height:1.65;color:#cfc7bd;font-size:14px;margin:0}.modalClean__cta{border-radius:999px;width:min(330px,100%);height:58px;background:#ded7ca;color:#111;font-size:15px;letter-spacing:.03em;text-transform:none;box-shadow:none}.modalClean__cta:hover{transform:translateY(-1px);filter:brightness(1.04)}
@keyframes modalDrop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.modal__panel{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:18px 20px 24px}.modalClean__kicker{margin-top:-8px;font-size:11px;letter-spacing:.24em}.modalClean h2{font-size:34px;letter-spacing:.06em;margin-bottom:16px}.modalClean__lead{font-size:14px}.modalClean__desc{font-size:13px}.modalAccordion summary{font-size:17px;padding:17px 2px}.modalAccordion__content{padding-left:2px;padding-right:2px}.modalClean__cta{position:sticky;bottom:0;margin-top:18px}}


.modalAccordion__content .contentLink{color:var(--button,var(--accent,#00bfa6));text-decoration:none;font-weight:800;border-bottom:1px solid color-mix(in srgb,var(--button,var(--accent,#00bfa6)),transparent 45%);transition:filter .2s ease, border-color .2s ease}.modalAccordion__content .contentLink:hover{filter:brightness(1.15);border-color:var(--button,var(--accent,#00bfa6))}.linkList{display:grid;gap:10px}.contentLink--button{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:10px 14px;border-radius:999px;background:color-mix(in srgb,var(--button,var(--accent,#00bfa6)),transparent 86%);border:1px solid color-mix(in srgb,var(--button,var(--accent,#00bfa6)),transparent 60%);box-shadow:0 0 18px color-mix(in srgb,var(--button,var(--accent,#00bfa6)),transparent 86%)}

/* === SUBCATÁLOGO FULL SCREEN PARA PROTOCOLOS GRUPALES === */
.subcatalog{position:fixed;inset:0;z-index:70;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .32s ease;overflow:hidden}
.subcatalog.is-open{opacity:1;pointer-events:auto}
.subcatalog__backdrop{position:absolute;inset:0;background:rgba(2,5,8,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.subcatalog__inner{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:84px 18px 40px;transform:translateY(26px) scale(.985);opacity:0;transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.subcatalog.is-open .subcatalog__inner{transform:translateY(0) scale(1);opacity:1}
.subcatalog__back{position:fixed;left:clamp(16px,4vw,42px);top:clamp(18px,4vw,34px);z-index:5;border:1px solid rgba(0,191,166,.28);background:rgba(0,191,166,.10);color:#e9fffb;border-radius:999px;padding:12px 18px;font-weight:900;letter-spacing:.02em;cursor:pointer;box-shadow:0 14px 44px rgba(0,0,0,.28);backdrop-filter:blur(12px)}
.subcatalog__back:hover{background:rgba(0,191,166,.18);box-shadow:0 0 28px rgba(0,191,166,.18)}
.subcatalog__title{text-align:center;max-width:760px;margin:0 auto 8px;padding:0 18px}.subcatalog__title span{display:block;color:#1de9c3;font-size:12px;font-weight:900;letter-spacing:.26em;text-transform:uppercase;margin-bottom:8px}.subcatalog__title h2{margin:0;font-size:clamp(32px,6vw,70px);line-height:.94;letter-spacing:-.04em;color:#edf7f6;text-shadow:0 0 34px rgba(0,191,166,.16)}.subcatalog__title p{margin:14px auto 0;color:#9fb8b5;line-height:1.6;max-width:620px}.subcatalog__carousel{width:100%;margin-top:4px}.protocol-card--group .protocol-card__groupPill{position:absolute;right:18px;top:18px;z-index:3;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 11px;background:rgba(0,0,0,.36);border:1px solid color-mix(in srgb,var(--accent,#00bfa6),transparent 45%);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;backdrop-filter:blur(12px)}
.protocol-card--group .protocol-card__body button{border-color:color-mix(in srgb,var(--button,var(--accent,#00bfa6)),transparent 20%);box-shadow:0 0 calc((var(--glow,34))*1px) color-mix(in srgb,var(--button,var(--accent,#00bfa6)),transparent 75%)}
body.sub-open .page-shell{filter:blur(3px);transform:scale(.985);transition:.32s ease}
@media(max-width:760px){.subcatalog__inner{padding:92px 0 30px}.subcatalog__back{left:14px;top:14px;padding:10px 14px;font-size:13px}.subcatalog__title h2{font-size:36px}.subcatalog__title p{font-size:13px;margin-top:10px}.subcatalog__carousel{margin-top:0}.protocol-card--group .protocol-card__groupPill{top:14px;right:14px;font-size:10px}}


/* =========================================================
   FIX POPUPS SOBRE HEADER/FOOTER GLOBAL
   Mantiene el contenido del catálogo igual, solo corrige capa visual.
========================================================= */
.modal,
.protocol-modal,
.protocols-modal,
.modal.is-open,
.modal[aria-hidden="false"]{
  z-index: 2147483000 !important;
}

.modal__backdrop{
  z-index: 2147483001 !important;
}

.modal__panel{
  position: relative;
  z-index: 2147483002 !important;
  max-height: calc(100dvh - 28px);
}

.modal__close{
  z-index: 2147483003 !important;
}

body.modal-open .hf-header,
body.modal-open .hf-footer{
  pointer-events: none;
}

/* === PATCH EDITOR UX: botón y glow independientes por tarjeta === */
.protocol-card.center button,
.protocol-card:hover button{
  border-color: var(--button,var(--accent,#00bfa6));
  background: color-mix(in srgb,var(--button,var(--accent,#00bfa6)) 18%,rgba(0,0,0,.45));
  box-shadow: 0 0 calc((var(--glow,34))*0.65px) color-mix(in srgb,var(--button,var(--accent,#00bfa6)) 22%,transparent);
}