/* ShowPets V13: prioridad al contenido y navegacion autenticada despejada. */
@media (max-width: 767.98px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  body { overflow-x: hidden; }
  img, video { max-width: 100%; }
  video { background: #071018; }
  video.sp-preview-frame-ready { background: transparent; }

  .sp-navbar { min-height: 58px !important; padding: 6px 8px !important; }
  .sp-navbar .container-fluid { gap: 5px !important; flex-wrap: nowrap !important; }
  .sp-navbar #menu-toggle { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; margin: 0 3px 0 0 !important; border-radius: 14px !important; }
  .sp-navbar .navbar-brand { gap: 6px !important; margin: 0 !important; min-width: 0; }
  .sp-navbar .navbar-brand img { width: 28px !important; height: 28px !important; }
  .sp-navbar .showpets-title { font-size: 1rem !important; white-space: nowrap; }
  .sp-navbar .sp-navbar-actions { gap: 3px !important; margin-left: auto; }
  .sp-navbar .sp-navbar-actions .btn { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; padding: 0 !important; display: inline-grid !important; place-items: center; }
  .sp-navbar .sp-lang-btn { min-height: 40px !important; padding: 4px 7px !important; gap: 4px !important; }
  .sp-navbar .sp-lang-btn .sp-flag-img { width: 24px !important; height: 16px !important; }
  .sp-navbar .sp-lang-switch,
  .sp-navbar a[href*="mis_seguidos"] { display: none !important; }
  .sp-navbar .navbar-brand { flex: 1 1 auto !important; }
  .sp-navbar .sp-navbar-actions { flex: 0 0 auto !important; }

  .navbar.fixed-top:not(.sp-navbar) { min-height: 58px !important; padding: 6px 8px !important; }
  .navbar.fixed-top:not(.sp-navbar) .container-fluid { gap: 5px !important; flex-wrap: nowrap !important; }
  .navbar.fixed-top:not(.sp-navbar) #menu-toggle { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; margin: 0 !important; border-radius: 14px !important; }
  .navbar.fixed-top:not(.sp-navbar) .navbar-brand { margin-left: 0 !important; gap: 6px !important; min-width: 0; }
  .navbar.fixed-top:not(.sp-navbar) .navbar-brand span { font-size: 1rem !important; }
  .navbar.fixed-top:not(.sp-navbar) .navbar-brand img { width: 28px !important; height: 28px !important; }
  .navbar.fixed-top:not(.sp-navbar) .container-fluid > .d-flex { gap: 5px !important; }
  .navbar.fixed-top:not(.sp-navbar) .btn { min-width: 40px !important; min-height: 40px !important; padding: 6px 9px !important; }
  .navbar.fixed-top:not(.sp-navbar) .sp-auth-lang-switch { display: none !important; }
  .navbar.fixed-top:not(.sp-navbar) .container-fluid {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    align-items: center !important;
  }
  .navbar.fixed-top:not(.sp-navbar) .navbar-brand { overflow: hidden; }
  .navbar.fixed-top:not(.sp-navbar) .navbar-brand span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .shell .hero-panel { padding: 13px !important; border-radius: 18px !important; }
  .shell .page-kicker { padding: 6px 9px !important; font-size: .68rem !important; margin-bottom: 8px !important; }
  .shell .page-head h1 { font-size: clamp(1.45rem, 7vw, 1.85rem) !important; line-height: 1.08 !important; margin-bottom: 6px !important; }
  .shell .hero-sub { font-size: .86rem !important; line-height: 1.38 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .shell .hero-stats-row { margin-top: 10px !important; }
  .shell .hero-pill { padding: 7px 10px !important; font-size: .76rem !important; }
  .shell .page-actions { margin-top: 10px !important; grid-template-columns: 1fr auto !important; }
  .shell .page-actions .btn { min-height: 42px !important; padding: 8px 11px !important; font-size: .82rem !important; }
  .shell .summary-card { display: none !important; }
  .shell .row { --bs-gutter-x: .65rem; --bs-gutter-y: .8rem; }
  .shell .pet-card { border-radius: 18px !important; }
  .shell .pet-card .card-img-top { height: min(68vw, 300px) !important; object-fit: cover; }
  .shell .pet-card .card-body { padding: 12px !important; }
  .shell .pet-card .card-title { font-size: 1rem !important; margin-bottom: 6px !important; }
  .shell .pet-card .card-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .shell .card-actions { gap: 7px !important; flex-direction: row !important; }
  .shell .card-actions form, .shell .card-actions .btn { width: auto !important; flex: 1; }

  .pets-shell { padding-top: 7px !important; }
  .pets-shell .hero-panel { padding: 12px !important; margin-bottom: 10px !important; border-radius: 18px !important; }
  .pets-shell .hero-grid { gap: 9px !important; }
  .pets-shell .hero-kicker { padding: 5px 8px !important; margin-bottom: 6px !important; font-size: .66rem !important; }
  .pets-shell .hero-title { font-size: 1.45rem !important; margin-bottom: 3px !important; }
  .pets-shell .hero-sub { font-size: .82rem !important; line-height: 1.35 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .pets-shell .hero-stats { gap: 6px !important; }
  .pets-shell .stat-pill { padding: 6px 9px !important; font-size: .72rem !important; }
  .pets-shell .section-block { padding: 12px !important; border-radius: 18px !important; margin-bottom: 12px !important; }
  .pets-shell .section-head { margin-bottom: 10px !important; }
  .pets-shell .section-head h2 { font-size: 1.25rem !important; margin-top: 5px !important; }
  .pets-shell .section-label { padding: 5px 8px !important; font-size: .68rem !important; }
  .pets-shell .pet-card { border-radius: 18px !important; }
  .pets-shell .pet-media { aspect-ratio: 4 / 3 !important; }
  .pets-shell .pet-overlay { inset: 9px 9px auto !important; }
  .pets-shell .badge-soft { padding: 6px 9px !important; font-size: .7rem !important; }
  .pets-shell .pet-body { padding: 12px !important; gap: 8px !important; }
  .pets-shell .pet-name { font-size: 1.25rem !important; }
  .pets-shell .pet-sub { font-size: .85rem !important; }
  .pets-shell .pet-facts { gap: 5px !important; }
  .pets-shell .pet-fact { font-size: .78rem !important; }
  .pets-shell .pet-bio { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .pets-shell .pet-footer { padding: 0 12px 12px !important; gap: 7px !important; }
  .pets-shell .btn-card { min-height: 42px !important; padding: 8px 10px !important; font-size: .8rem !important; }

  .feed-shell { padding-top: 6px !important; }
  .feed-shell .feed-grid { padding: 8px !important; gap: 8px !important; }
  .feed-shell .mobile-top-brand { margin-bottom: 5px !important; }
  .feed-shell .main-head { margin-bottom: 7px !important; }
  .feed-shell .main-head h1 { font-size: 1.25rem !important; }
  .feed-shell .main-subtitle-mobile { font-size: .8rem !important; margin-bottom: 0 !important; }
  .feed-shell .head-actions { margin-top: 7px !important; }
  .feed-shell .head-actions .btn { min-height: 40px !important; padding: 7px 10px !important; }
  .feed-shell .section-card { padding: 11px !important; margin-bottom: 8px !important; border-radius: 16px !important; }
  .feed-shell .section-card-header { margin-bottom: 8px !important; }
  .feed-shell .section-kicker { display: none !important; }
  .feed-shell .section-card h2 { font-size: .96rem !important; margin: 0 !important; }
  .feed-shell .section-card p.section-sub { display: none !important; }
  .feed-shell .form-label { font-size: .8rem !important; margin-bottom: 5px !important; }
  .feed-shell .form-control, .feed-shell .form-select { min-height: 43px !important; padding: 9px 10px !important; font-size: .92rem !important; border-radius: 12px !important; }
  .feed-shell textarea.form-control { min-height: 86px !important; }
  .feed-shell .form-hint { font-size: .72rem !important; line-height: 1.3 !important; }
  .feed-shell .preview-stage .stage-panel { padding: 10px !important; border-radius: 16px !important; }
  .feed-shell .hero-visual { display: none !important; }
  .feed-shell .media-stage { margin-top: 0 !important; padding: 8px !important; }
  .feed-shell .media-stage > h3, .feed-shell .media-stage > p { display: none !important; }
  .feed-shell .media-preview-box { min-height: 180px !important; padding: 5px !important; }
  .feed-shell .media-preview-box img, .feed-shell .media-preview-box video { width: 100% !important; max-height: 70vh !important; object-fit: contain; }

  .sp-wrap .sp-inner { padding: 9px !important; }
  .sp-wrap .sp-main-card { border-radius: 18px !important; }
  .sp-wrap .hero-shell { padding: 12px !important; border-radius: 16px !important; }
  .sp-wrap .brand-mini { margin-bottom: 6px !important; }
  .sp-wrap .brand-mini img { width: 30px !important; height: 30px !important; }
  .sp-wrap .page-header h1 { font-size: 1.35rem !important; margin-bottom: 4px !important; }
  .sp-wrap .page-header p { font-size: .8rem !important; line-height: 1.35 !important; margin-bottom: 9px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .sp-wrap .admin-bar { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px !important; }
  .sp-wrap .admin-bar .btn-action { width: 100% !important; min-height: 40px !important; padding: 7px 8px !important; font-size: .76rem !important; line-height: 1.15 !important; }
  .sp-wrap .admin-bar .btn-action:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .sp-wrap .glass-filters { padding: 10px !important; border-radius: 16px !important; margin: 9px 0 12px !important; }
  .sp-wrap .glass-filters .row { --bs-gutter-y: .55rem; }
  .sp-wrap .glass-filters .form-label { font-size: .74rem !important; margin-bottom: 4px !important; }
  .sp-wrap .glass-filters .form-select { min-height: 42px !important; padding: 8px 34px 8px 10px !important; font-size: .88rem !important; border-radius: 12px !important; }
  .sp-wrap .btn-search { display: none !important; }
  .sp-wrap #resultados-servicios { --bs-gutter-x: .65rem; --bs-gutter-y: .8rem; }
  .sp-wrap #resultados-servicios .card, .sp-wrap #resultados-servicios .service-card, .sp-wrap #resultados-servicios .servicio-card { border-radius: 17px !important; }
  .sp-wrap #resultados-servicios .sp-media { min-height: 210px !important; }
  .sp-wrap #resultados-servicios .sp-media img, .sp-wrap #resultados-servicios .sp-media video { min-height: 210px !important; object-fit: cover !important; }
  .sp-wrap #resultados-servicios .sp-desc, .sp-wrap #resultados-servicios .card-text { -webkit-line-clamp: 2 !important; }

  .dashboard-page .hero-panel { padding: 11px !important; margin-bottom: 10px !important; }
  .dashboard-page .hero-sub { display: none !important; }
  .dashboard-page .dashboard-priority-actions .dashboard-pill, .dashboard-page .dashboard-secondary-actions .dashboard-pill { min-height: 44px !important; padding: 8px 7px !important; font-size: .78rem !important; }
  .dashboard-page .feed-card { border-radius: 18px !important; }
  .dashboard-page .feed-media-frame { border-radius: 15px !important; overflow: hidden; }
  .dashboard-page .feed-media-frame img, .dashboard-page .feed-video { width: 100% !important; max-height: 72vh !important; object-fit: contain !important; }
}

@media (max-width: 390px) {
  .sp-navbar .showpets-title { max-width: 96px; overflow: hidden; text-overflow: ellipsis; }
  .sp-navbar .sp-lang-btn small, .sp-navbar .sp-lang-btn .sp-lang-name { display: none !important; }
  .shell .page-actions .btn, .pets-shell .btn-card { font-size: .75rem !important; }
}