/* HF.PUBLIC.FIX3 — additive, strictly scoped overrides for the mini viewer. */
#contenido.hfpf-section{padding:clamp(42px,6vw,68px) 0 54px;}
#contenido .hfpf-intro{margin-bottom:18px}
#contenido .hfpf-nav{position:relative;top:auto;z-index:2;margin:0 0 8px}
#contenido button.hfpf-nav-item{cursor:pointer;width:100%;font-family:inherit;padding:6px 8px;background:#090808;text-align:center}
#contenido button.hfpf-nav-item.is-active{background:linear-gradient(115deg,#edbb66,#aa7839 62%,#c18b48);color:#17100a;box-shadow:inset 0 1px rgba(255,255,255,.28),0 0 24px #d4a35430}
#contenido button.hfpf-nav-item.is-active .hfpf-nav-num{background:#251a0e;color:#f8d68e}
#contenido .hfpf-cycle{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 4px 8px;min-height:27px;color:#dbb269;font-size:12px}
#contenido .hfpf-cycle-btn{display:grid;place-items:center;width:28px;height:28px;border:1px solid #5c4528;border-radius:7px;color:#e0bd7b;background:#11100e;font-size:22px;cursor:pointer;line-height:1}
#contenido .hfpf-cycle-btn:hover{background:#322313}
#contenido .hfpf-cycle-counter{font-weight:800;letter-spacing:.07em;font-size:11px;font-variant-numeric:tabular-nums;min-width:47px;text-align:center}
#contenido .hfpf-cycle-dots{display:flex;gap:5px}
#contenido .hfpf-cycle-dots i{display:block;width:6px;height:6px;border:1px solid #a47a3a;border-radius:100%;background:transparent}
#contenido .hfpf-cycle-dots .is-active{background:#eac37a}
#contenido .hfpf-cycle-note{color:#98897a;font-size:10px;letter-spacing:.03em}
#contenido .hfpf-panels{display:block;min-height:0}
#contenido .hfpf-feature[hidden]{display:none!important}
#contenido .hfpf-feature{padding:clamp(13px,1.6vw,20px);scroll-margin-top:90px;min-height:390px}
#contenido .hfpf-feature-main{grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr);gap:16px;min-height:175px;margin-bottom:14px}
#contenido .hfpf-feature-copy{padding:2px 8px;align-self:center}
#contenido .hfpf-brandline{margin-bottom:7px}
#contenido .hfpf-brandline img{height:37px;width:37px}
#contenido .hfpf-brandline strong{font-size:clamp(21px,2.4vw,31px)}
#contenido .hfpf-feature-copy h3{font-size:clamp(20px,2vw,26px);margin:3px 0 7px}
#contenido .hfpf-feature-copy>p{font-size:clamp(12px,1.05vw,14px);line-height:1.5}
#contenido .hfpf-detail-preview{display:flex;flex-direction:column;justify-content:center;min-height:160px;min-width:0;padding:18px 19px;border:1px solid rgba(217,170,79,.5);border-radius:12px;background:radial-gradient(ellipse at 90% 0%,rgba(255,43,154,.14),transparent 59%),linear-gradient(145deg,#1a150e,#0b0a0a 80%);box-shadow:inset 0 0 28px #d7a44d0c}
#contenido .hfpf-detail-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
#contenido .hfpf-detail-icon{display:grid;place-items:center;color:#f1c77e;width:34px;height:34px;border:1px solid #856537;border-radius:9px;flex-shrink:0}
#contenido .hfpf-detail-icon .hfpf-icon{height:20px;width:20px}
#contenido .hfpf-detail-label{color:#e1b977;letter-spacing:.18em;font:800 10px Arial,sans-serif}
#contenido .hfpf-detail-title{color:#f8eee0;font:24px/1.15 Georgia,serif;margin:0 0 7px}
#contenido .hfpf-detail-description{color:#c6bcb1;font-size:12px;line-height:1.48;margin:0 0 10px}
#contenido .hfpf-detail-note{color:#a99a85;font-size:10px;line-height:1.35}
#contenido .hfpf-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#contenido .hfpf-tile,#contenido .hfpf-method-tile{cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:border-color .17s,background-color .17s,box-shadow .17s,transform .17s}
#contenido .hfpf-tile{min-height:83px;padding:10px 9px;gap:8px}
#contenido .hfpf-tile-ico{height:31px;width:31px;flex-basis:31px;border-radius:7px}
#contenido .hfpf-tile-ico .hfpf-icon{width:18px;height:18px}
#contenido .hfpf-tile h4{font-size:12px;margin:0 0 3px}
#contenido .hfpf-tile p{font-size:11px;line-height:1.38}
#contenido .hfpf-method-tiles{gap:8px}
#contenido .hfpf-method-tile{min-height:88px;padding:10px 9px;grid-template-columns:31px 1fr;gap:6px}
#contenido .hfpf-method-num{font-size:25px}
#contenido .hfpf-method-icon{display:none}
#contenido .hfpf-tile:hover,#contenido .hfpf-method-tile:hover{border-color:#c79a52;background:#211b13}
#contenido .hfpf-tile.is-selected,#contenido .hfpf-method-tile.is-selected{border-color:#efc57a;background:linear-gradient(140deg,#30220e,#120f0b 80%);box-shadow:inset 0 0 0 1px #af8045,0 0 16px #d59c3d1d}
#contenido .hfpf-tile:focus-visible,#contenido .hfpf-method-tile:focus-visible,#contenido .hfpf-cycle-btn:focus-visible{outline:2px solid #ff7abc;outline-offset:2px}
#contenido .hfpf-footer{margin-top:10px;padding:19px 14px 0;border-top:1px solid #56432c}
#contenido .hfpf-footer strong{font-size:clamp(19px,2.5vw,30px)}
#contenido .hfpf-feature--entrenamiento .hfpf-brandline strong{font-size:clamp(20px,2.1vw,28px)}
#contenido .hfpf-feature--entrenamiento .hfpf-feature-main{min-height:155px}
#contenido .hfpf-feature--entrenamiento .hfpf-detail-preview{min-height:147px}
@media(max-width:850px){
 #contenido .hfpf-feature{min-height:0}
 #contenido .hfpf-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
 #contenido .hfpf-feature-main{grid-template-columns:minmax(0,1fr) minmax(165px,.95fr);gap:10px}
 #contenido .hfpf-detail-preview{padding:12px;min-height:142px}
 #contenido .hfpf-detail-title{font-size:21px}
 #contenido .hfpf-method-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 #contenido.hfpf-section{padding:43px 0 45px}
 #contenido .hfpf-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 #contenido button.hfpf-nav-item{min-height:40px;font-size:12px;padding:4px 6px}
 #contenido .hfpf-cycle{justify-content:center;gap:8px}
 #contenido .hfpf-cycle-note{display:none}
 #contenido .hfpf-feature{padding:11px;min-height:0}
 #contenido .hfpf-feature-main{grid-template-columns:1fr;gap:10px;min-height:0;margin-bottom:11px}
 #contenido .hfpf-feature-copy{padding:4px 3px 0}
 #contenido .hfpf-brandline{margin-bottom:6px}
 #contenido .hfpf-brandline strong{font-size:23px}
 #contenido .hfpf-feature-copy h3{font-size:21px;margin-bottom:6px}
 #contenido .hfpf-feature-copy>p{font-size:12px;line-height:1.48}
 #contenido .hfpf-detail-preview{min-height:110px;padding:11px 13px}
 #contenido .hfpf-detail-top{margin-bottom:4px}
 #contenido .hfpf-detail-title{font-size:21px;margin-bottom:4px}
 #contenido .hfpf-detail-description{font-size:11px;margin-bottom:5px}
 #contenido .hfpf-detail-note{font-size:9px}
 #contenido .hfpf-tile{min-height:72px;padding:8px 7px;gap:6px}
 #contenido .hfpf-tile-ico{height:25px;width:25px;flex-basis:25px}
 #contenido .hfpf-tile-ico .hfpf-icon{height:15px;width:15px}
 #contenido .hfpf-tile h4{font-size:11px}
 #contenido .hfpf-tile p{font-size:10px;line-height:1.31}
 #contenido .hfpf-method-tile{min-height:84px}
 #contenido .hfpf-footer{flex-direction:column;align-items:stretch;gap:12px;padding:15px 5px 0}
 #contenido .hfpf-footer .btn{align-self:start}
}
@media(prefers-reduced-motion:reduce){#contenido .hfpf-tile,#contenido .hfpf-method-tile{transition:none}}

/* HF.PUBLIC.FIX4 REV1 — visual mini viewer alignment + comments order cleanup */
#contenido .hfpf-feature-main{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(250px,.98fr) minmax(190px,.68fr);align-items:stretch;gap:14px;min-height:188px;margin-bottom:14px}
#contenido .hfpf-visual-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:170px;padding:14px;border:1px solid rgba(217,170,79,.48);border-radius:14px;background:linear-gradient(155deg,#181311,#090808 86%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 24px rgba(0,0,0,.18)}
#contenido .hfpf-visual-card::after{content:"";position:absolute;inset:auto -18% -34% auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,72,164,.18),rgba(255,72,164,0) 70%);pointer-events:none}
#contenido .hfpf-visual-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
#contenido .hfpf-visual-kicker{color:#f0c678;font:800 10px/1.2 Arial,sans-serif;letter-spacing:.18em}
#contenido .hfpf-visual-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:6px 9px;border:1px solid #8b6739;border-radius:999px;background:#14110f;color:#f5d08d;font:800 10px/1 Arial,sans-serif;letter-spacing:.14em}
#contenido .hfpf-visual-media{display:flex;align-items:center;justify-content:center;min-height:102px}
#contenido .hfpf-illustration{display:block;width:100%;height:auto;max-height:120px}
#contenido .hfpf-visual-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}
#contenido .hfpf-visual-meta span{display:flex;align-items:center;justify-content:center;padding:7px 8px;border-radius:10px;border:1px solid rgba(176,132,71,.44);background:rgba(17,14,12,.9);color:#f5ebdc;font-size:11px;font-weight:700;line-height:1.2;text-align:center}
#contenido .hfpf-feature--alimentacion .hfpf-visual-card{background:radial-gradient(circle at 100% 0%,rgba(255,72,164,.17),transparent 42%),linear-gradient(155deg,#1c130e,#0a0908 85%)}
#contenido .hfpf-feature--entrenamiento .hfpf-visual-card{background:radial-gradient(circle at 100% 0%,rgba(255,72,164,.22),transparent 48%),linear-gradient(155deg,#161113,#090808 85%)}
#contenido .hfpf-feature--progreso .hfpf-visual-card{background:radial-gradient(circle at 16% 0%,rgba(255,72,164,.18),transparent 45%),linear-gradient(155deg,#141014,#0a0909 85%)}
#contenido .hfpf-feature--metodo .hfpf-visual-card{background:radial-gradient(circle at 100% 0%,rgba(255,72,164,.18),transparent 45%),linear-gradient(155deg,#1a120f,#090808 84%)}
#contenido .hfpf-detail-preview{min-height:170px;padding:16px 16px 15px}
#contenido .hfpf-feature--entrenamiento .hfpf-feature-main{min-height:170px}
#contenido .hfpf-feature--entrenamiento .hfpf-detail-preview{min-height:170px}
#contenido .hfpf-feature--entrenamiento .hfpf-visual-card{min-height:158px}
#contenido .hfpf-feature--metodo .hfpf-method-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
#experiencias{margin-top:34px}
@media(max-width:1020px){
 #contenido .hfpf-feature-main{grid-template-columns:minmax(0,1fr) minmax(215px,.92fr);gap:10px}
 #contenido .hfpf-feature-copy{grid-column:1 / -1}
 #contenido .hfpf-detail-preview{min-height:154px}
}
@media(max-width:850px){
 #contenido .hfpf-feature-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #contenido .hfpf-feature-copy{grid-column:1 / -1}
 #contenido .hfpf-visual-card{min-height:155px;padding:12px}
 #contenido .hfpf-detail-preview{min-height:155px;padding:12px}
 #contenido .hfpf-feature--metodo .hfpf-method-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 #contenido .hfpf-feature-main{grid-template-columns:1fr;gap:10px}
 #contenido .hfpf-visual-card{min-height:0;padding:12px}
 #contenido .hfpf-visual-media{min-height:84px}
 #contenido .hfpf-illustration{max-height:102px}
 #contenido .hfpf-visual-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
 #contenido .hfpf-visual-meta span{font-size:10px;padding:6px 6px}
 #contenido .hfpf-detail-preview{min-height:0}
}