/* F172 · Portada directa, interactiva e integrada */
.sgv2-page main{width:min(1320px,calc(100% - 36px))}
.sgf172-hero{display:block;min-height:0;padding:18px;border-radius:34px;background:linear-gradient(145deg,#fff 0%,#fff8f5 58%,#f5ebe6 100%);overflow:hidden;box-shadow:0 24px 70px rgba(55,27,22,.12)}
.sgf172-top{display:grid;grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr);gap:22px;align-items:stretch}
.sgf172-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,58px) clamp(22px,3.5vw,48px)}
.sgf172-kicker{display:inline-flex;width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;background:#fff0f3;color:#a91336;font-size:12px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.sgf172-hero h1{max-width:680px;margin:18px 0 18px;font-size:clamp(48px,5.4vw,72px);line-height:.96;letter-spacing:-.068em}
.sgf172-copy>p{max-width:680px;margin:0;color:#6f5d58;font-size:clamp(17px,1.55vw,20px);line-height:1.5}
.sgf172-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:28px}
.sgf172-stats span{display:flex;align-items:center;gap:9px;min-width:0;padding:11px 12px;border:1px solid #eadbd6;border-radius:15px;background:rgba(255,255,255,.78)}
.sgf172-stats strong{font-size:22px;line-height:1;color:#e91e4d}
.sgf172-stats small{font-size:11px;line-height:1.2;color:#6f5d58;font-weight:850}
.sgf172-starts{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.sgf172-starts button{appearance:none;border:0;border-radius:999px;padding:8px 11px;background:#2a1d1d;color:#fff;font:800 12px/1.2 inherit;cursor:pointer;transition:transform .18s ease,background .18s ease}
.sgf172-starts button:hover,.sgf172-starts button:focus-visible{transform:translateY(-2px);background:#e91e4d}
.sgf172-visual{position:relative;display:grid;grid-template-columns:1.35fr .82fr;grid-template-rows:1fr 1fr;gap:9px;min-height:420px;border-radius:25px;overflow:hidden;background:#2b2220}
.sgf172-scene{appearance:none;position:relative;display:block;min-width:0;border:0;padding:0;overflow:hidden;background:#302824;color:#fff;text-align:left;cursor:pointer}
.sgf172-scene-main{grid-row:1/3}
.sgf172-scene img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .3s ease}
.sgf172-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,12,10,.04) 28%,rgba(20,12,10,.82) 100%)}
.sgf172-scene:hover img,.sgf172-scene:focus-visible img{transform:scale(1.035);filter:saturate(1.08)}
.sgf172-scene>span{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}
.sgf172-scene small,.sgf172-scene strong{display:block}
.sgf172-scene small{font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:#ffc7d4}
.sgf172-scene strong{max-width:300px;margin-top:5px;font-size:clamp(15px,1.45vw,21px);line-height:1.12}
.sgf172-live{position:absolute;z-index:4;left:18px;right:18px;top:18px;width:max-content;max-width:calc(100% - 36px);padding:12px 15px;border:1px solid rgba(255,255,255,.5);border-radius:16px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,0,0,.15);color:#2c2020}
.sgf172-live span,.sgf172-live strong,.sgf172-live em{display:block}
.sgf172-live span{font-size:10px;font-weight:950;letter-spacing:.07em;text-transform:uppercase;color:#a91336}
.sgf172-live strong{font-size:14px;margin-top:2px}
.sgf172-live em{margin-top:3px;font-size:11px;font-style:normal;color:#6f5d58;font-weight:800}
.sgf172-finder{display:grid;grid-template-columns:minmax(250px,1.55fr) repeat(2,minmax(165px,.72fr)) auto;gap:9px;align-items:end;margin-top:12px;padding:13px;border:1px solid #eadbd6;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(55,27,22,.07)}
.sgf172-finder label{display:grid;gap:5px;min-width:0}
.sgf172-finder label>span{padding-left:3px;font-size:11px;font-weight:950;color:#594642}
.sgf172-finder input,.sgf172-finder select{width:100%;min-height:48px;border:1px solid #e5d6d1;border-radius:13px;padding:10px 13px;background:#fff;color:#261919;font:inherit;outline:none}
.sgf172-finder input:focus,.sgf172-finder select:focus{border-color:#ed6b8a;box-shadow:0 0 0 4px rgba(233,30,77,.10)}
.sgf172-finder>button{min-height:48px;border:0;border-radius:13px;padding:11px 18px;background:#e91e4d;color:#fff;font:950 14px/1 inherit;cursor:pointer;white-space:nowrap;box-shadow:0 10px 24px rgba(233,30,77,.2)}
.sgf172-finder>button span{margin-left:8px;font-size:18px}
.sgf172-themes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:10px}
.sgf172-themes button{appearance:none;display:flex;align-items:center;gap:9px;min-width:0;border:1px solid #eadbd6;border-radius:14px;padding:10px 11px;background:rgba(255,255,255,.82);color:#2c2020;text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.sgf172-themes button:hover,.sgf172-themes button:focus-visible{transform:translateY(-2px);border-color:#ee8ca3;background:#fff}
.sgf172-themes span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:#fff0f3;color:#a91336;font-size:10px;font-weight:950}
.sgf172-themes strong{overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap}
@media(max-width:1100px){.sgf172-top{grid-template-columns:1fr}.sgf172-copy{padding-bottom:18px}.sgf172-visual{min-height:380px}.sgf172-finder{grid-template-columns:1.3fr 1fr 1fr}.sgf172-finder>button{grid-column:1/-1}.sgf172-themes{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.sgv2-page main{width:min(100% - 22px,1320px)}.sgf172-hero{padding:10px;border-radius:24px}.sgf172-copy{padding:24px 14px 18px}.sgf172-hero h1{font-size:clamp(42px,12vw,58px);margin:14px 0}.sgf172-copy>p{font-size:16px}.sgf172-stats{grid-template-columns:1fr}.sgf172-stats span{padding:9px 11px}.sgf172-starts{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.sgf172-starts button{flex:0 0 auto}.sgf172-visual{grid-template-columns:1fr 1fr;grid-template-rows:240px 150px;min-height:0}.sgf172-scene-main{grid-column:1/3;grid-row:auto}.sgf172-live{left:10px;right:10px;top:10px;max-width:calc(100% - 20px)}.sgf172-scene>span{left:12px;right:12px;bottom:12px}.sgf172-scene strong{font-size:15px}.sgf172-finder{grid-template-columns:1fr;padding:10px}.sgf172-finder>button{grid-column:auto}.sgf172-themes{display:flex;overflow-x:auto;gap:7px;padding-bottom:4px}.sgf172-themes button{flex:0 0 auto;min-width:150px}.sgv2-guide{margin-top:36px}}
@media(max-width:430px){.sgf172-visual{grid-template-rows:210px 135px}.sgf172-live strong{font-size:12px}.sgf172-live em{display:none}.sgf172-stats strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.sgf172-scene img,.sgf172-starts button,.sgf172-themes button{transition:none}}