/* Liga Letal de Pesca V3 — interfaz móvil de comunidad sobre núcleo funcional V2 */
:root{--v3-deep:#073e49;--v3-gold:#efbd58;--v3-paper:#faf5ed}
body{background:#f6f1e8}
.site-header{background:linear-gradient(110deg,#003843 0%,#075361 57%,#003843 100%);box-shadow:0 4px 14px #092d3518}
.brand img{width:66px;height:40px}.brand strong{font-size:20px;letter-spacing:.01em}.brand small{font-size:11px;letter-spacing:.25em;color:#f2c86a}
.v3-home{max-width:880px;margin:auto;padding-bottom:15px}
.v3-stories-area{background:#fffaf2;border-radius:0 0 25px 25px;padding:17px 13px 14px;margin:0 0 15px;box-shadow:0 3px 12px #6c4b1810}
.v3-story-scroll{display:flex;gap:15px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:2px 1px 5px;outline-offset:3px}
.v3-story-scroll::-webkit-scrollbar{display:none}
.v3-story{display:flex;flex:0 0 91px;flex-direction:column;align-items:center;gap:7px;scroll-snap-align:start;border:0;background:none;color:#173a43;font-size:11px;font-weight:750;padding:0;line-height:1.1}
.v3-story-ring{width:80px;height:80px;border:2px solid #dab15c;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 2px 4px #3e35231a;transition:transform .16s,border-color .16s}
.v3-story-ring img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.v3-story.selected .v3-story-ring,.v3-story:focus-visible .v3-story-ring{border:3px solid #e3a728;transform:translateY(-2px)}
.v3-hero{position:relative;margin:0 0 16px}
.v3-hero-photo{height:390px;position:relative;overflow:hidden;border-radius:21px;background:#0d4c5b;box-shadow:0 8px 22px #1f33371f}
.v3-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 39%;display:block}
.v3-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#012c3cd9 0%,#073d5375 42%,transparent 82%),linear-gradient(0deg,#00263072,transparent 45%);pointer-events:none}
.v3-hero-overlay{position:absolute;left:30px;bottom:25px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#fff;max-width:66%}
.v3-hero-chip{border:1.5px solid #e9ba51;background:#032f3eb8;border-radius:999px;padding:7px 13px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.045em;white-space:nowrap;max-width:100%}
.v3-hero-chip svg{width:17px;height:17px;color:#f0c05c}
.v3-hero-overlay h1{font-size:clamp(32px,5.5vw,55px);line-height:.98;margin:8px 0 1px;font-weight:850;letter-spacing:-1px;color:#fff}
.v3-hero-overlay p{font-size:12px;margin:0 0 4px;color:#e5eff1}
.v3-gold-btn{background:linear-gradient(180deg,#ffe39a,#ebae3e);color:#093b47;border:0;border-radius:999px;padding:12px 18px;min-height:43px;font-size:13px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 10px #022a3559}
.v3-gold-btn svg{width:17px;height:17px}
.v3-hero-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:11px;z-index:2;display:flex;gap:6px}
.v3-hero-dots span{width:7px;height:7px;background:#ffffff77;border-radius:50%}.v3-hero-dots .on{background:#f1b941;width:18px;border-radius:20px}
.v3-feed{background:#fffefa;border-radius:20px;overflow:hidden;box-shadow:0 5px 15px #24393e13;border:1px solid #ebe3d6;margin-bottom:16px;padding:13px}
.v3-feed-top{display:flex;align-items:center;gap:9px;padding:0 2px 11px}
.v3-face{width:42px;height:42px;border-radius:50%;padding:2px;border:2px solid #e2b35b;flex:0 0 42px}.v3-face img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.v3-feed-person{flex:1;min-width:0;display:flex;flex-direction:column}.v3-feed-person strong{font-size:14px;line-height:1.2}.v3-feed-person small{color:#6c7f80;font-size:10px;margin-top:3px}
.v3-feed-more{border:0;background:none;color:#49666c;padding:8px}.v3-feed-more svg{width:20px;height:20px}
.v3-feed-photo{position:relative;display:block;padding:0;width:100%;height:310px;overflow:hidden;border:0;border-radius:14px;background:#0e5460}
.v3-feed-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 51%}
.v3-feed-photo>span{position:absolute;right:12px;top:12px;color:#fff;background:#002f3cb6;border-radius:50px;padding:5px 10px;font-size:11px}
.v3-feed-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:7px}
.v3-feed-actions button{border:0;background:none;display:flex;align-items:center;gap:5px;font-size:12px;color:#163f47;padding:7px 2px;white-space:nowrap}
.v3-feed-actions svg{width:20px;height:20px;stroke-width:2}
.v3-feed-actions b{font-size:12px}
.v3-feed-caption{font-size:12px;margin:4px 2px 7px;line-height:1.48}.v3-feed-link{border:0;background:transparent;color:#ad7f2a;font-size:11px;font-weight:800;display:flex;align-items:center;gap:6px;padding:5px 2px}.v3-feed-link svg{width:14px;height:14px}
.v3-learn{display:grid;grid-template-columns:42% 1fr;min-height:164px;background:linear-gradient(120deg,#086070,#003940);border-radius:20px;color:white;overflow:hidden;margin-bottom:16px;box-shadow:0 7px 16px #12394222}
.v3-learn>img{width:100%;height:100%;max-height:190px;object-fit:cover;object-position:center}
.v3-learn>div{padding:18px 16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px}
.v3-learn h2{font-size:24px;font-weight:800;margin:0;display:flex;align-items:center;gap:9px;color:#fff}
.v3-learn h2 svg{width:25px;height:25px;color:#f3c86e}
.v3-learn p{font-size:13px;line-height:1.4;margin:0;max-width:270px;color:#e5eeee}
.v3-learn button{border:0;background:#f4c96c;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#073d47;align-self:flex-end}
.v3-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px;margin:0 0 10px}.v3-heading h2{font-size:22px;line-height:1.2;margin:0;color:#113f48}.v3-heading span{font-size:9px;letter-spacing:.12em;color:#9e792f;font-weight:900}.v3-heading button{border:0;background:#f5dfae;color:#0b4551;width:33px;height:33px;border-radius:50%;display:grid;place-items:center}.v3-heading svg{width:17px;height:17px}
.v3-reference{margin-bottom:18px}.v3-reference-photo{border:0;padding:0;width:100%;height:220px;border-radius:17px;overflow:hidden;position:relative;display:block;background:#114b5a;text-align:left}.v3-reference-photo img{width:100%;height:100%;object-fit:cover}.v3-reference-photo:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#052c35e0)}.v3-reference-photo span{position:absolute;left:17px;bottom:15px;z-index:1;color:white;font-weight:750;font-size:13px}
.v3-directory-title{margin-top:23px}
.v3-directory{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:17px}
.v3-directory-title{grid-column:1/-1;margin-bottom:0}
.v3-compact{display:flex;align-items:center;gap:13px;border:1px solid #e9e2d8;background:#fffdf8;border-radius:16px;padding:10px;min-height:132px;scroll-margin-top:95px;box-shadow:0 3px 10px #162c3010}
.v3-compact>img{width:103px;height:107px;flex:0 0 103px;object-fit:cover;border-radius:11px}
.v3-compact-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.v3-small-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#ad8233;font-weight:900}
.v3-compact h3{font-size:14px;color:#103e48;line-height:1.14;margin:4px 0 5px}
.v3-compact p{font-size:11px;line-height:1.3;color:#60777a;margin:0 0 8px}
.v3-text-link{display:flex;align-items:center;gap:4px;border:0;background:none;color:#a7792f;font-size:10px;font-weight:850;padding:0;text-align:left}
.v3-text-link svg{width:13px;height:13px}
.v3-bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:13px;padding:18px;border-radius:17px;background:linear-gradient(130deg,#075260,#03323b);color:#fff;margin-bottom:17px}
.v3-bottom-cta>div>svg{width:22px;height:22px;vertical-align:middle;margin-right:5px;color:#f2c366}.v3-bottom-cta strong{font-size:16px}.v3-bottom-cta p{font-size:12px;margin:4px 0 0;color:#d4e4e2}
.v3-sponsor{margin-bottom:17px}.v3-sponsor .feature-tile{padding:13px 14px}.v3-sponsor .ad-stage{height:220px}.v3-sponsor .sponsor-title{font-size:14px}
.v3-demo-footnote{text-align:center;font-size:11px;line-height:1.5;color:#798789;margin:14px 4px 28px}
#v3-campeonatos,#v3-comunidad,#v3-aprende,#v3-referentes{scroll-margin-top:92px}
@media(min-width:900px){.v3-home{padding-top:18px}.v3-story-scroll{justify-content:space-between;gap:8px}.v3-stories-area{border-radius:21px}.v3-hero-photo{height:430px}.v3-feed-photo{height:440px}.v3-learn{min-height:188px}.v3-reference-photo{height:260px}}
@media(max-width:700px){.site-header .header-inner{height:68px}.header-actions{gap:4px}.brand img{width:59px;height:35px}.brand strong{font-size:17px}.brand small{font-size:9px}.v3-home{margin:0 -14px}.v3-stories-area{margin-top:0;margin-bottom:12px}.v3-story-scroll{gap:12px}.v3-story{flex-basis:74px;width:74px;font-size:10px}.v3-story-ring{width:69px;height:69px}.v3-hero,.v3-feed,.v3-learn,.v3-reference,.v3-directory,.v3-bottom-cta,.v3-sponsor{margin-left:11px;margin-right:11px}.v3-hero-photo{height:275px;border-radius:19px}.v3-hero-overlay{left:19px;bottom:22px;max-width:74%;gap:5px}.v3-hero-chip{font-size:8px;padding:6px 9px}.v3-hero-overlay h1{font-size:35px;margin:5px 0}.v3-hero-overlay p{font-size:10px}.v3-gold-btn{padding:10px 14px;min-height:39px;font-size:11px}.v3-feed{padding:10px}.v3-feed-photo{height:220px}.v3-learn{min-height:142px}.v3-learn h2{font-size:21px}.v3-learn p{font-size:12px}.v3-learn>div{padding:14px}.v3-reference-photo{height:170px}.v3-directory{grid-template-columns:1fr;gap:10px}.v3-compact{min-height:114px}.v3-compact>img{width:98px;height:100px;flex-basis:98px}.v3-compact h3{font-size:15px}.v3-compact p{font-size:11px}.v3-sponsor .ad-stage{height:185px}.v3-bottom-cta{flex-direction:column;align-items:stretch}.v3-bottom-cta button{align-self:flex-start}}
@media(max-width:600px){
  .site-header{position:sticky;top:0;z-index:40}.site-header .header-inner{height:61px}.brand img{width:51px;height:34px}.brand strong{font-size:17px}.brand small{font-size:9px;letter-spacing:2.3px}.header-actions .header-login{display:none}.header-actions .account-shortcut{display:none}.mobile-menu{display:inline-flex!important}.header-actions .icon-button{width:33px;height:33px}
  .bottom-nav{position:fixed;bottom:max(9px,env(safe-area-inset-bottom));left:12px;right:12px;padding:6px;display:grid;grid-template-columns:repeat(5,1fr);background:#fffdf5f2;border:1px solid #e4e1d8;border-radius:999px;box-shadow:0 9px 28px #142e3e36;backdrop-filter:blur(16px);z-index:50;max-width:560px;margin-inline:auto}
  .bottom-nav button{color:#233b43;min-height:53px;border-radius:999px;padding:6px 1px 5px;gap:2px;background:transparent;font-size:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700}
  .bottom-nav button svg{width:22px;height:22px}.bottom-nav button.is-current{background:#c8e4e3;color:#073d46}
  .bottom-nav button:focus-visible{outline:2px solid #e5ad41;outline-offset:1px}
  .footer{margin-bottom:88px}.v3-demo-footnote{margin-bottom:25px}body{padding-bottom:4px}
  .v3-feed-actions{gap:4px}.v3-feed-actions button{font-size:10px}.v3-feed-actions svg{width:17px;height:17px}
}
@media(max-width:370px){.v3-story{flex-basis:71px;width:71px}.v3-story-ring{width:66px;height:66px}.v3-hero-overlay h1{font-size:31px}.v3-hero-photo{height:247px}.v3-hero-chip{font-size:7px}.v3-feed-photo{height:185px}.v3-learn h2{font-size:19px}.v3-learn p{font-size:11px}.v3-feed-actions button{font-size:9px}.bottom-nav button span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.v3-story-ring{transition:none}}