/* =========================================================
   Sniper Chile V28 · Jerarquía visual de bordes
   Regla: los bordes completos se reservan para elementos
   interactivos (botones, controles, enlaces/tarjetas clicables
   y campos de formulario). Los contenedores informativos quedan
   sin marco para evitar que parezcan presionables.
   ========================================================= */

/* ---------- Superficies informativas: sin borde ---------- */
.instagram-profile-card,
.sniper-availability,
.sniper-rifle-stage,
.sniper-feature-card,
.sniper-feature-heading i,
.sniper-empty,
.sniper-about-card,
.sniper-about-highlights span,
.sniper-about-gallery-controls,
.commerce-hero-price,
.commerce-hero-visual,
.commerce-empty,
.commerce-empty-state,
.wallpaper-card,
.shop-card,
.wallpaper-detail-cover,
.shop-gallery-main,
.commerce-checkout-form,
.history-achievements article,
.wallpaper-cart-panel,
.cart-product-card,
.cart-total-box,
.cart-empty-state,
.cart-assurance-card,
.dark-panel,
.dark-checkout-card,
.dark-detail-card,
.dark-receipt-card,
.dark-payment-card,
.dark-result-item,
.dark-order-box,
.dark-order-box>div,
.dark-product-prize,
.dark-info-note,
.dark-random-seal,
.dark-selected-list,
.dark-reveal-note,
.dark-safe-note,
.dark-receipt-data div,
.dark-product-facts div,
.dark-pack-card,
.dark-pack-actions,
.dark-summary-row,
.dark-receipt-header,
.dark-pack-count,
.dark-pack-badge,
.dark-selection-chip,
.dark-pack-title-row>strong{
  border:0!important;
}

/* Evita que un hover vuelva a dibujar borde en tarjetas no clicables. */
.instagram-profile-card:hover,
.sniper-feature-card:hover,
.sniper-about-card:hover,
.wallpaper-card:hover,
.shop-card:hover,
.history-achievements article:hover,
.dark-panel:hover,
.dark-checkout-card:hover,
.dark-detail-card:hover,
.dark-pack-card:hover,
.dark-pack-card.selected{
  border:0!important;
}

/* Mantener profundidad sin simular un botón. */
.instagram-profile-card,
.wallpaper-card,
.shop-card,
.cart-product-card,
.cart-total-box,
.wallpaper-cart-panel,
.cart-assurance-card,
.dark-panel,
.dark-checkout-card,
.dark-detail-card,
.dark-receipt-card,
.dark-payment-card,
.dark-result-item,
.dark-product-prize,
.dark-pack-card{
  box-shadow:0 16px 38px rgba(0,0,0,.18)!important;
}

/* La selección de pack se distingue por fondo/sombra, no por marco. */
.dark-pack-card.selected{
  background:linear-gradient(145deg,rgba(30,24,17,.96),rgba(9,9,8,.92))!important;
  box-shadow:0 0 0 2px rgba(208,163,109,.06),0 20px 46px rgba(0,0,0,.30)!important;
}

/* Etiquetas informativas: sin apariencia de botón. */
.commerce-badge,
.shop-status,
.wallpaper-slide-format,
.wallpaper-format-label,
.wallpaper-preview-hint{
  border:0!important;
  box-shadow:none!important;
}

/* ---------- Elementos interactivos: el borde comunica acción ---------- */
.sniper-button,
.sniper-small-button,
.sniper-nav-whatsapp,
.sniper-nav-social,
.commerce-button,
.cart-add-large,
.cart-pay-button,
.cart-remove-button,
.dark-btn,
.dark-mobile-cart-button,
.sniper-cart-toast>a,
.shop-thumbs button,
.wallpaper-preview-control,
.sponsor-card,
.social-post-card,
.sniper-home-pack,
.instagram-profile-cta,
.wallpaper-go-cart,
button[data-action],
.dark-quantity-control,
.dark-check>span,
.dark-form-stack .form-control,
.commerce-checkout-form input:not([type=checkbox]),
.commerce-checkout-form select,
.commerce-checkout-form textarea{
  border-style:solid!important;
  border-width:1px!important;
}

/* Botones de la galería de "Quién soy": el marco va en el botón, no en el contenedor. */
.sniper-about-gallery-controls>button{
  border:1px solid rgba(208,163,109,.34)!important;
  border-radius:5px!important;
}
.sniper-about-gallery-controls>button:hover,
.sniper-about-gallery-controls>button:focus-visible{
  border-color:rgba(208,163,109,.78)!important;
}
/* Los puntos siguen siendo indicadores compactos aunque sean clicables. */
.sniper-about-gallery-dots button{
  border:0!important;
}

/* Campos: siguen claramente identificables como editables. */
.dark-form-stack .form-control,
.commerce-checkout-form input:not([type=checkbox]),
.commerce-checkout-form select,
.commerce-checkout-form textarea{
  border-color:rgba(181,138,82,.30)!important;
}
.dark-form-stack .form-control:focus,
.commerce-checkout-form input:not([type=checkbox]):focus,
.commerce-checkout-form select:focus,
.commerce-checkout-form textarea:focus{
  border-color:#d0a36d!important;
  box-shadow:0 0 0 3px rgba(208,163,109,.09)!important;
}

/* ---------- Separadores de sección ----------
   Se conservan líneas simples de estructura porque no forman un
   recuadro ni sugieren interacción. */
.commerce-section-alt,
.commerce-contact,
.sniper-about-section,
.sniper-process{
  border-left:0!important;
  border-right:0!important;
}

@media(max-width:991px){
  /* El menú desplegable sí es un componente interactivo y conserva marco. */
  .sniper-nav .navbar-collapse{
    border-style:solid!important;
    border-width:1px!important;
  }
}