/* SALINAS METHOD HF.PUBLIC.FIX1 + FIX2 — four rich navigation areas.
   Scope: public library preview only; no changes to payment, privacy, entitlement, or backend. */
#contenido.hfpf-section{padding:72px 0 74px;background:radial-gradient(ellipse at 90% 12%,rgba(217,170,79,.07),transparent 40%),radial-gradient(ellipse at 10% 85%,rgba(255,43,154,.035),transparent 35%),#050505;overflow:visible;isolation:isolate;}
.hfpf-section *{box-sizing:border-box}
.hfpf-shell{width:min(1160px,94%);}
.hfpf-intro{margin:0 0 24px;padding:0 20px}
.hfpf-eyebrow{color:#e9c77f;font-size:11px;letter-spacing:.25em;font-weight:800;margin:0 0 7px}
.hfpf-intro h2{font:500 clamp(38px,5.5vw,70px)/.98 Georgia,serif;letter-spacing:-.028em;color:#f9f6f0;margin:0 0 13px;max-width:920px}
.hfpf-intro h2 span{background:linear-gradient(105deg,#f6d58d,#d3a04c 47%,#ff67b4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hfpf-intro>p:last-child{max-width:750px;color:#bab4ab;font-size:clamp(13px,1.4vw,17px);margin:0;line-height:1.6}
.hfpf-nav{z-index:3;position:sticky;top:78px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;background:rgba(6,6,6,.93);border:1px solid rgba(214,168,77,.42);border-radius:11px;box-shadow:0 15px 42px #0008;backdrop-filter:blur(20px);margin:0 0 12px}
.hfpf-nav-item{display:flex;gap:9px;align-items:center;justify-content:center;min-height:48px;border:1px solid rgba(234,210,155,.11);border-radius:7px;color:#b8b4ae;font:700 13px/1.15 Inter,Arial,sans-serif;white-space:normal;transition:background .18s,border-color .18s,color .18s;min-width:0}
.hfpf-nav-item:hover,.hfpf-nav-item:focus-visible{color:white;border-color:#caa65d}
.hfpf-nav-item.is-active{color:#fff;background:linear-gradient(120deg,rgba(229,170,63,.19),rgba(6,6,6,.45));border-color:#d9aa4f;box-shadow:inset 0 0 24px rgba(217,170,79,.08)}
.hfpf-nav-num{display:grid;place-items:center;width:31px;height:29px;flex:0 0 31px;color:#d7cfc5;border-radius:6px;border:1px solid #594f3d;font:14px Georgia,serif}
.hfpf-nav-item.is-active .hfpf-nav-num{color:#100c06;background:linear-gradient(135deg,#ffe0a0,#bc8639);border-color:transparent;font-weight:800}
.hfpf-panels{display:grid;gap:13px}
.hfpf-feature{position:relative;overflow:hidden;border:1px solid rgba(216,168,81,.55);border-radius:15px;background:linear-gradient(135deg,#13100b,#080808 55%,#090708);padding:clamp(12px,1.6vw,20px);scroll-margin-top:152px;box-shadow:0 19px 45px #0006,inset 0 0 0 1px #14120f}
.hfpf-feature--entrenamiento,.hfpf-feature--progreso{border-color:rgba(171,123,61,.45)}
.hfpf-feature--entrenamiento:before,.hfpf-feature--metodo:before{content:"";position:absolute;top:-130px;right:-140px;width:380px;height:380px;background:radial-gradient(circle,rgba(246,36,145,.13),transparent 64%);pointer-events:none}
.hfpf-feature-main{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(210px,.88fr);gap:12px;min-height:190px;align-items:center;margin-bottom:10px}
.hfpf-feature-copy{position:relative;z-index:1;min-width:0;padding:7px 8px}
.hfpf-brandline{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.hfpf-brandline img{object-fit:cover;border-radius:9px;border:1px solid rgba(240,197,115,.27);width:46px;height:46px}
.hfpf-brandline span{display:grid;gap:0;min-width:0}
.hfpf-brandline small{font:700 9px Arial,sans-serif;letter-spacing:.22em;color:#b2a998}
.hfpf-brandline strong{font:clamp(25px,2.8vw,35px)/1 Georgia,serif;color:#f7f1e8}
.hfpf-feature-copy h3{font:400 clamp(21px,2.5vw,30px)/1.15 Georgia,serif;color:#e9ba69;margin:2px 0 10px;letter-spacing:-.02em}
.hfpf-feature-copy>p{color:#c8c4bd;font-size:clamp(12px,1.35vw,16px);line-height:1.52;max-width:640px;margin:0}
.hfpf-feature-art{position:relative;min-height:188px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 55% 35%,rgba(217,170,79,.15),rgba(17,12,8,.07) 44%,transparent 67%)}
.hfpf-feature--entrenamiento .hfpf-feature-art{background:radial-gradient(ellipse at 60% 50%,rgba(255,43,154,.15),rgba(217,170,79,.04) 45%,transparent 70%)}
.hfpf-feature--progreso .hfpf-feature-art{background:radial-gradient(ellipse at 65% 40%,rgba(226,176,84,.12),transparent 67%)}
.hfpf-art-glow{width:190px;height:190px;border:1px solid rgba(214,168,77,.21);border-radius:50%;position:absolute;box-shadow:0 0 80px rgba(217,170,79,.1),inset 0 0 35px rgba(217,170,79,.055)}
.hfpf-art-glow:after{content:"";position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(255,43,154,.16)}
.hfpf-art-circle{width:124px;height:124px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 35%,#292011,#090808 73%);border:1px solid rgba(224,184,110,.25);box-shadow:0 25px 60px #000b,0 0 35px rgba(208,140,55,.1)}
.hfpf-art-circle>span{color:#e6c178;font:43px Georgia,serif;letter-spacing:.07em}
.hfpf-art-dumbbell{display:grid;place-items:center;color:#edce88;border-radius:50%;filter:drop-shadow(0 4px 15px rgba(255,43,154,.3))}
.hfpf-art-dumbbell svg{width:130px;height:130px;stroke-width:.85}
.hfpf-art-label{position:absolute;bottom:5px;right:8px;color:#827365;font-size:9px;letter-spacing:.14em;font-weight:700}
.hfpf-art-label b{color:#f164a6}
.hfpf-method-emblem{width:130px;height:130px;object-fit:contain;border-radius:14px;box-shadow:0 10px 45px #000c}
.hfpf-graph{display:flex;align-items:flex-end;gap:9px;width:70%;height:125px;padding:12px 10px 12px;border-bottom:1px solid #615036}
.hfpf-graph i{flex:1;height:var(--v);background:linear-gradient(to top,rgba(229,166,70,.12),#d5a24f);border-radius:4px 4px 0 0;opacity:.8}
.hfpf-graph i:nth-child(even){background:linear-gradient(to top,rgba(238,54,142,.12),#e75a9d)}
.hfpf-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.hfpf-tile{display:flex;align-items:flex-start;gap:10px;min-height:108px;border:1px solid #443528;border-radius:9px;padding:13px 11px;background:linear-gradient(145deg,#13100e,#09090a 75%);min-width:0}
.hfpf-tile-ico{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid rgba(217,170,79,.4);border-radius:8px;color:#f0bf72;background:#0a0809}
.hfpf-icon{width:24px;height:24px}
.hfpf-tile-copy{min-width:0}
.hfpf-tile h4{font-size:clamp(11px,1.03vw,13px);line-height:1.3;color:#f8f2e7;margin:0 0 5px;font-weight:700}
.hfpf-tile p{font-size:clamp(10px,.95vw,12px);line-height:1.47;color:#b0a89f;margin:0}
.hfpf-card-note{display:inline-block;margin-top:6px;color:#f1c575;font-size:9px}
.hfpf-method-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hfpf-method-tile{display:grid;grid-template-columns:43px 1fr;column-gap:8px;align-items:start;min-height:106px;border:1px solid #483a27;border-radius:10px;padding:13px 10px;background:linear-gradient(135deg,#11100e,#070707);position:relative;min-width:0}
.hfpf-method-num{font:30px/1 Georgia,serif;color:#dfad58}
.hfpf-method-tile h4{font-size:12px;letter-spacing:.09em;color:#e7c081;margin:1px 0 5px}
.hfpf-method-tile p{margin:0;color:#bfb7ab;font-size:11px;line-height:1.45}
.hfpf-method-icon{position:absolute;bottom:8px;left:13px;color:#bc8848;opacity:.42}
.hfpf-method-icon .hfpf-icon{width:20px;height:20px}
.hfpf-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 18px 2px}
.hfpf-footer strong{font:clamp(24px,3vw,36px)/1.15 Georgia,serif;color:#f2d18e}
.hfpf-footer p{max-width:660px;color:#aaa39a;margin:6px 0 0;font-size:13px}
.hfpf-footer .btn{flex-shrink:0}
#contenido .hfpf-nav-item:focus-visible{outline:2px solid #ff75b9;outline-offset:2px}
#contenido .hfpf-prive-line,#membresia .hfpf-prive-line{color:#e9bb76;font:21px/1.25 Georgia,serif;margin:15px 0 6px}
@media(max-width:1050px){.hfpf-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hfpf-tile{min-height:90px}.hfpf-method-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 #contenido.hfpf-section{padding:49px 0 56px}.hfpf-shell{width:min(100% - 20px,1160px)}.hfpf-intro{padding:0 5px;margin-bottom:18px}
 .hfpf-nav{top:64px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;margin-bottom:8px}
 .hfpf-nav-item{min-height:39px;font-size:12px;justify-content:flex-start;padding:0 8px;gap:6px}.hfpf-nav-num{width:25px;height:24px;flex-basis:25px;font-size:12px}
 .hfpf-feature{padding:10px;border-radius:12px;scroll-margin-top:168px}.hfpf-feature-main{grid-template-columns:1fr;gap:0;margin-bottom:10px}
 .hfpf-feature-copy{padding:6px 3px}.hfpf-brandline img{height:36px;width:36px}.hfpf-brandline strong{font-size:27px}.hfpf-brandline small{font-size:8px}.hfpf-feature-copy h3{font-size:23px}.hfpf-feature-copy>p{font-size:12.5px}
 .hfpf-feature-art{min-height:105px;max-height:105px;margin-top:6px}.hfpf-art-glow{width:118px;height:118px}.hfpf-art-circle{width:82px;height:82px}.hfpf-art-circle>span{font-size:29px}.hfpf-art-dumbbell svg{height:87px;width:87px}.hfpf-method-emblem{height:79px;width:79px}.hfpf-graph{height:85px;width:75%}.hfpf-art-label{font-size:7px}
 .hfpf-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hfpf-tile{min-height:100px;gap:7px;padding:10px 8px}.hfpf-tile-ico{width:29px;height:29px;flex-basis:29px}.hfpf-tile-ico .hfpf-icon{height:19px;width:19px}.hfpf-tile h4{font-size:11px}.hfpf-tile p{font-size:10px}.hfpf-method-tiles{gap:6px}.hfpf-method-tile{grid-template-columns:31px 1fr;gap:6px;padding:11px 8px}.hfpf-method-num{font-size:24px}.hfpf-method-tile h4{font-size:10px}.hfpf-method-tile p{font-size:10px}.hfpf-method-icon{display:none}
 .hfpf-footer{padding:23px 4px 0;display:grid;gap:13px}.hfpf-footer .btn{width:100%}
}
@media(max-width:365px){.hfpf-tiles{grid-template-columns:1fr}.hfpf-tile{min-height:0}.hfpf-nav-item{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){#contenido .hfpf-nav-item{transition:none!important}#contenido .hfpf-feature{scroll-margin-top:170px}}
