.board-only { display: none; }

@media (max-width: 640px) {
  body.home { --board-bg: #0a0907; --board-field: #211c17; --board-ink: #f8fafc; --board-muted: #b8b1ab; --board-line: #483b31; }
  .home .board-only { display: block; }
  .home .site-header { height: 60px; border: 0; }
  .home .site-header::before { background: rgb(10 9 7 / .94); -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3); }
  .home .header-bar { height: 60px; padding: 8px 8px 8px 12px; gap: 8px; }
  .home .logo { flex: none; }
  .home .logo-mark { width: 40px; height: 40px; border-radius: 12px; background: var(--pink); box-shadow: 0 4px 12px rgb(249 115 22 / .22); }
  .home .header-actions { flex: none; margin: 0; gap: 0; width: 44px; }
  .home .nav-cta { display: none; }
  .home .board-search { flex: 1; min-width: 0; height: 44px; border: 0; border-radius: 999px; padding: 0 14px; display: flex; align-items: center; gap: 9px; background: var(--board-field); color: var(--board-muted); font: 400 15px/1.2 var(--font); text-align: left; white-space: nowrap; cursor: pointer; }
  .board-search svg { flex: none; width: 19px; height: 19px; fill: none; stroke: var(--board-ink); stroke-width: 2; stroke-linecap: round; }
  .board-search b { color: var(--board-ink); font-weight: 700; letter-spacing: -.2px; }
  .home .burger > summary { display: grid; background: transparent; color: var(--board-ink); border-color: transparent; }
  .home .burger[open] > summary { display: grid; position: fixed; top: 8px; right: 8px; z-index: 4; background: var(--board-field); color: var(--board-ink); border-color: var(--board-line); }
  .home .burger-menu { background: var(--board-bg); padding-top: 72px; padding-bottom: calc(24px + env(safe-area-inset-bottom)); }
  .home .bmenu-nav a { color: var(--board-ink); }
  .home .bmenu-cap { color: var(--board-muted); }
  .home .bmenu-nav a:hover, .home .bmenu-nav a:focus-visible { background: var(--board-field); color: var(--board-ink); }
  .home .bmenu-nav a[href="/sobre-nosotros/"], .home .bmenu-nav a[href="/politica-de-privacidad/"], .home .bmenu-nav a[href="/terminos/"], .home .bmenu-nav a[hidden] { display: none; }
  .home .burger-menu[data-searching] .bmenu-cap { display: none; }
  .home .bmenu-cta { background: var(--board-ink); color: var(--board-bg); }
  .home .board-menu-search { padding: 0 20px 14px; }
  .board-menu-search label { display: block; margin-bottom: 8px; color: var(--board-muted); font-size: 13px; }
  .board-menu-search input { width: 100%; min-height: 44px; border: 1px solid var(--board-line); border-radius: 12px; padding: 10px 12px; background: var(--board-field); color: var(--board-ink); font: 400 16px/1.3 var(--font); }
  .board-menu-search input::placeholder { color: var(--board-muted); opacity: 1; }
  .board-no-results { color: var(--board-muted); font-size: 14px; }

  .home .hero { display: block; min-height: 0; height: 156px; padding: 0; overflow: visible; clip-path: none; background: var(--board-bg); color: var(--board-ink); }
  .home .hero .hero-bg, .home .hero .hero-lead, .home .hero .hero-ctas, .home .hero .board-desktop { display: none; }
  .home .hero-inner { padding: 10px 16px 16px; max-width: none; margin: 0; animation: none; }
  .home .hero .kicker { display: block; margin: 0 0 8px; font: 600 12.5px/16px var(--font); color: var(--board-muted); text-transform: none; letter-spacing: .1px; }
  .home .hero .kicker::before { display: none; }
  .home .board-kicker { display: flex; align-items: center; gap: 6px; }
  .board-kicker svg { width: 14px; height: 14px; flex: none; fill: none; stroke: #fb923c; stroke-width: 1.8; stroke-linejoin: round; }
  .home .hero-title { max-width: none; margin: 0; font-size: 28px; font-weight: 800; line-height: 1.06; letter-spacing: -1px; text-wrap: balance; color: var(--board-ink); }
  .home .hero-title em { color: inherit; background: linear-gradient(transparent 62%, rgb(249 115 22 / .22) 62%); }
  .home .board-byline { display: flex; align-items: center; gap: 10px; margin-top: 12px; color: var(--board-ink); font-size: 13.5px; font-weight: 700; line-height: 1.2; }
  .board-byline small { display: block; margin-top: 2px; color: var(--board-muted); font-size: 12.5px; font-weight: 500; }
  .board-avatars { display: flex; flex: none; }
  .board-avatars i { display: grid; place-items: center; width: 32px; height: 32px; border: 2px solid var(--board-bg); border-radius: 50%; background: #2a2830; color: #fff; font: 700 11px/1 var(--font); }
  .board-avatars i:first-child { position: relative; z-index: 1; }
  .board-avatars i + i { margin-left: -7px; background: #6c6054; }

  .home .mobile-masonry { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; align-items: start; padding: 0 12px 24px; background: var(--board-bg); color: var(--board-ink); }
  .board-column { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
  .home .board-pin { display: block; color: var(--board-ink); min-width: 0; }
  .board-photo { position: relative; margin: 0; border-radius: 18px; overflow: hidden; background: var(--board-field); }
  .board-photo-296 { height: 296px; } .board-photo-190 { height: 190px; } .board-photo-220 { height: 220px; } .board-photo-228 { height: 228px; } .board-photo-200 { height: 200px; }
  .board-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; }
  .board-photo::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent,rgb(10 8 12 / .45)); pointer-events: none; }
  .board-caption { display: flex; align-items: center; gap: 7px; padding: 8px 4px 0; margin: 0; min-height: 26px; color: var(--board-ink); font-size: 13px; font-weight: 600; line-height: 18px; letter-spacing: -.1px; white-space: nowrap; }
  .board-caption-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .board-caption > b { flex: none; margin-left: auto; font-weight: 800; }
  .board-dot { width: 10px; height: 10px; flex: none; border-radius: 50%; background: var(--pink); }
  .dot-pornworks { background: #2dd4bf; } .dot-deep-undress { background: #fb923c; } .dot-undresswith { background: #fb7185; } .dot-wavespeed { background: #5eead4; }
  .board-stamp { position: absolute; top: 10px; left: 10px; z-index: 1; display: grid; place-items: center; min-height: 26px; padding: 0 10px; border-radius: 999px; background: rgb(22 21 26 / .66); color: #fff; font-size: 11.5px; font-weight: 600; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  .board-preview { position: absolute; left: 8px; right: 8px; bottom: 8px; z-index: 1; height: 40px; padding: 0 10px; display: flex; align-items: center; gap: 7px; border: 1px solid rgb(255 255 255 / .16); border-radius: 999px; background: rgb(20 17 14 / .92); color: var(--board-ink); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  .board-preview b { font-size: 12px; font-weight: 700; }
  .board-preview svg { width: 17px; height: 17px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .board-preview svg:last-child { margin-left: auto; width: 15px; }
  .board-bubble, .board-bubble-dark { position: absolute; left: 8px; right: 8px; bottom: 8px; z-index: 1; padding: 8px 11px; border: 1px solid rgb(255 255 255 / .16); border-radius: 14px 14px 14px 4px; background: rgb(20 17 14 / .94); color: var(--board-ink); font-size: 12.5px; font-weight: 600; line-height: 1.25; box-shadow: 0 6px 16px rgb(0 0 0 / .3); }
  .board-bubble-dark { background: rgb(22 21 26 / .86); color: #fff; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  .board-tag { position: absolute; top: 8px; right: 8px; z-index: 1; min-height: 28px; padding: 4px 9px; display: flex; align-items: center; border: 1px solid rgb(255 255 255 / .16); border-radius: 999px; background: rgb(20 17 14 / .94); color: var(--board-ink); font-size: 12px; font-weight: 700; line-height: 18px; }

  .board-pick { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 285px; padding: 14px 12px 12px; border-radius: 18px; background: radial-gradient(120% 80% at 100% 0,#482314 0,transparent 60%),#16151a; color: #fff; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .14),0 14px 30px -10px rgb(0 0 0 / .65); }
  .board-pick-top { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 11.5px; font-weight: 700; }
  .board-number { display: grid; place-items: center; height: 24px; padding: 0 8px; border-radius: 999px; background: var(--pink); color: #211006; white-space: nowrap; }
  .board-pinned { display: flex; align-items: center; gap: 3px; color: #c1bbc2; white-space: nowrap; }
  .board-pinned svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; }
  .board-pick h2 { margin: 12px 0 0; font-size: 24px; line-height: 1; font-weight: 800; letter-spacing: -.8px; }
  .board-pick-score { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; }
  .board-pick-score > b { font-size: 40px; line-height: .9; font-weight: 800; letter-spacing: -2px; }
  .board-pick-score > span { color: #d4cdd5; font-size: 12px; font-weight: 600; line-height: 1.2; }
  .board-pick-score strong { display: block; margin-bottom: 2px; color: #ffc94d; font-size: 13px; font-weight: 700; }
  .board-pick-why { margin: 10px 0 0; color: #e0d9df; font-size: 13px; line-height: 1.3; }
  .board-pick-price { display: flex; align-items: center; gap: 5px; margin: 8px 0 0; color: #ffc94d; font-size: 12.5px; font-weight: 700; white-space: nowrap; }
  .board-pick-price svg { width: 14px; height: 14px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; }
  .home .board-cta { display: flex; align-items: center; justify-content: center; gap: 6px; flex: none; min-height: 50px; height: 50px; margin: auto -4px 0; border-radius: 14px; background: linear-gradient(180deg,#ff8a32,#f97316 60%,#e9630b); color: #211006; font-size: 15px; font-weight: 800; letter-spacing: -.3px; white-space: nowrap; box-shadow: 0 8px 20px -6px rgb(249 115 22 / .6),inset 0 1px 0 rgb(255 255 255 / .25); }
  .board-cta::after { content: none; }
  .board-cta svg { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
  .board-micro { flex: none; margin: 7px 0 0; color: #c1bbc2; text-align: center; font-size: 12px; line-height: 15px; }
}

@media (max-width: 374px) {
  .home .hero-title { font-size: 26px; }
  .home .board-search { font-size: 14px; }
  .home .board-cta { font-size: 14px; margin-inline: -4px; }
  .board-cta svg { display: none; }
  .board-caption { font-size: 12px; gap: 5px; }
}