/* ============================================================
   JL Equipos — Profundidad visual PC v10 — 2026-08-06
   SOLO ESCRITORIO: todo el rediseño comienza en 1081px.
   Objetivo: separar visualmente superficies mediante volumen real,
   sin divisores horizontales y sin alterar móvil/tablet.
   ============================================================ */

/* Conserva únicamente correcciones globales ya presentes en v9. */
html, body {
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}
.jl-payment-network { display: none !important; }

@media (min-width: 1081px) {
  :root {
    --jl-pc-surface: #ffffff;
    --jl-pc-section: #f3f8fb;
    --jl-pc-section-2: #eef5f9;
    --jl-pc-edge: rgba(19, 78, 116, .105);
    --jl-pc-shadow-xs: 0 8px 22px rgba(7, 38, 60, .075), 0 2px 7px rgba(7, 38, 60, .035);
    --jl-pc-shadow-sm: 0 14px 34px rgba(7, 38, 60, .105), 0 3px 9px rgba(7, 38, 60, .045);
    --jl-pc-shadow-md: 0 20px 48px rgba(7, 38, 60, .135), 0 5px 14px rgba(7, 38, 60, .055);
    --jl-pc-shadow-lg: 0 28px 68px rgba(7, 38, 60, .165), 0 8px 20px rgba(7, 38, 60, .065);
    --jl-pc-shadow-hover: 0 30px 72px rgba(7, 38, 60, .19), 0 9px 22px rgba(7, 38, 60, .07);
  }

  /* ---------- Estructura general ---------- */
  .site-header {
    border-bottom: 0 !important;
    box-shadow: 0 9px 28px rgba(7,38,60,.09);
  }

  .page-hero {
    border-bottom: 0 !important;
    background: linear-gradient(120deg,#f5fafc 0%,#eaf5fa 58%,#fff 100%) !important;
  }
  .page-hero:after { content:none !important; display:none !important; }

  .content-section-muted,
  .catalog-preview,
  .jl-product-band,
  .faq-section {
    background: linear-gradient(180deg, var(--jl-pc-section) 0%, #f7fafc 100%) !important;
  }

  /* ---------- Superficies principales con imagen ---------- */
  .hero-product-card,
  .set-feature,
  .detail-media,
  .proof-image,
  .shipping-card,
  .color-stage,
  .jl-equipment-teaser__media,
  .jl-product-gallery__main,
  .jl-product-gallery__secondary {
    border: 1px solid var(--jl-pc-edge) !important;
    box-shadow: var(--jl-pc-shadow-lg) !important;
  }

  .hero-product-card {
    background: radial-gradient(circle at 50% 34%,#36a9e120,#0000 44%),#fff !important;
  }

  .set-feature,
  .detail-media,
  .proof-image,
  .shipping-card,
  .color-stage,
  .jl-equipment-teaser__media,
  .jl-product-gallery__main,
  .jl-product-gallery__secondary {
    background-color: #fff !important;
  }

  .set-feature {
    overflow: hidden;
    box-shadow: var(--jl-pc-shadow-lg) !important;
  }

  .detail-media {
    background: linear-gradient(145deg,#f8fbfd 0%,#eef6fa 100%) !important;
  }
  .detail-media > img,
  .detail-media .product-gallery-stage {
    filter: drop-shadow(0 12px 18px rgba(7,38,60,.10));
  }

  .product-gallery-thumbnails button {
    border-color: var(--jl-pc-edge) !important;
    box-shadow: var(--jl-pc-shadow-xs);
  }
  .product-gallery-thumbnails button:hover,
  .product-gallery-thumbnails button:focus-visible,
  .product-gallery-thumbnails button.is-active {
    box-shadow: var(--jl-pc-shadow-sm) !important;
  }

  /* ---------- Inicio: métricas y confianza ---------- */
  .hero-proof {
    border-top: 0 !important;
    gap: 14px !important;
    padding-top: 0 !important;
  }
  .hero-proof > div {
    padding: 16px 18px;
    border: 1px solid rgba(19,78,116,.075);
    border-radius: 17px;
    background: rgba(255,255,255,.93);
    box-shadow: var(--jl-pc-shadow-sm);
  }

  .trust-strip {
    border-top: 0 !important;
    border-bottom: 0 !important;
    background: linear-gradient(180deg,#fff 0%,#f7fafc 100%) !important;
    padding: 24px 0 30px !important;
  }
  .trust-strip-grid {
    gap: 20px !important;
    align-items: stretch;
  }
  .trust-strip-grid > div,
  .trust-strip-grid > div:last-child {
    border: 1px solid rgba(19,78,116,.075) !important;
    min-height: 118px;
    padding: 29px 27px !important;
    border-radius: 20px;
    background: #fff;
    box-shadow: var(--jl-pc-shadow-md);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  .trust-strip-grid > div:hover {
    transform: translateY(-5px);
    border-color: rgba(29,113,184,.17) !important;
    box-shadow: var(--jl-pc-shadow-hover);
  }

  /* ---------- Inicio: bloque editorial / Set ---------- */
  .editorial-section {
    background: linear-gradient(180deg,#fff 0%,#fbfdfe 100%);
  }
  .set-feature {
    border-radius: 30px;
  }
  .set-feature-content {
    background: linear-gradient(145deg,#f8fbfd 0%,#eef6fa 100%);
  }

  /* ---------- Tarjetas de catálogo ---------- */
  .product-card,
  .application-card,
  .info-card,
  .video-card,
  .contact-card,
  .leader,
  .source-card,
  .jl-included-card,
  .jl-payment-card {
    border: 1px solid var(--jl-pc-edge) !important;
    background: #fff !important;
    box-shadow: var(--jl-pc-shadow-md) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
  }

  .product-card:hover,
  .application-card:hover,
  .info-card:hover,
  .video-card:hover,
  .contact-card:hover,
  .leader:hover,
  .source-card:hover,
  .jl-included-card:hover,
  .jl-payment-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(29,113,184,.19) !important;
    box-shadow: var(--jl-pc-shadow-hover) !important;
  }

  .product-card,
  .application-card,
  .info-card,
  .video-card,
  .contact-card,
  .leader,
  .source-card,
  .jl-included-card {
    overflow: hidden;
  }

  .product-image {
    background: radial-gradient(circle,#36a9e118,#0000 58%),#fbfdff !important;
  }

  /* ---------- Inicio: Aprender antes de aplicar ---------- */
  .applications-preview {
    position: relative;
    overflow: hidden;
    background:
      radial-gradient(circle at 8% 12%,rgba(54,169,225,.16),transparent 23%),
      radial-gradient(circle at 94% 86%,rgba(249,178,51,.11),transparent 19%),
      linear-gradient(135deg,#061f33 0%,#082e48 52%,#093b5b 100%) !important;
  }
  .applications-preview:before {
    content:"";
    pointer-events:none;
    position:absolute;
    inset:0;
    background:linear-gradient(110deg,rgba(255,255,255,.022),transparent 48%);
  }
  .applications-grid { align-items:center; }
  .applications-copy,
  .application-links { position:relative; z-index:1; }
  .applications-copy p { max-width:520px; color:rgba(255,255,255,.74) !important; }
  .application-links {
    border-top:0 !important;
    display:grid;
    gap:17px;
  }
  .application-links a {
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:22px;
    min-height:94px;
    padding:0 25px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.038));
    box-shadow:0 18px 38px rgba(0,0,0,.19), inset 0 1px 0 rgba(255,255,255,.045);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;
  }
  .application-links a:hover,
  .application-links a:focus-visible {
    transform:translateY(-6px) scale(1.008);
    padding-inline:25px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.07));
    border-color:rgba(142,214,245,.48) !important;
    box-shadow:0 28px 54px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.07);
    outline:none;
  }
  .application-links strong,
  .application-links i { transition:transform .22s ease,color .22s ease; }
  .application-links a:hover strong { transform:translateX(5px); }
  .application-links a:hover i { transform:translate(5px,-2px); color:#a7e4fb; }

  .jl-equipment-teaser__features li {
    border: 1px solid rgba(19,78,116,.07) !important;
    background: #f6fbfe !important;
    box-shadow: var(--jl-pc-shadow-xs) !important;
  }

  /* ---------- Inicio: entregas / testimonio ---------- */
  .proof-section {
    background: linear-gradient(180deg,#fff 0%,#f9fcfd 100%);
  }
  .proof-image {
    background: linear-gradient(145deg,#eef7fa,#e5f1f6) !important;
  }
  .proof-image img {
    box-shadow: var(--jl-pc-shadow-md) !important;
  }
  .proof-badge {
    border-left:0 !important;
    border:1px solid rgba(19,78,116,.09);
    border-radius:16px;
    box-shadow:var(--jl-pc-shadow-md) !important;
  }

  .review-section {
    background:linear-gradient(180deg,#edf5f9 0%,#f5f9fb 100%) !important;
  }
  .review-card {
    border:1px solid var(--jl-pc-edge) !important;
    box-shadow:var(--jl-pc-shadow-lg) !important;
    transition:transform .22s ease,box-shadow .22s ease;
  }
  .review-card:hover {
    transform:translateY(-5px);
    box-shadow:var(--jl-pc-shadow-hover) !important;
  }
  .review-card > img {
    border:1px solid rgba(19,78,116,.075);
    box-shadow:var(--jl-pc-shadow-md) !important;
  }

  /* ---------- Inicio: Academia ---------- */
  .academy-teaser {
    background:linear-gradient(180deg,#fff 0%,#f4f9fb 100%) !important;
  }
  .academy-teaser-grid {
    position:relative;
    overflow:hidden;
    align-items:center !important;
    gap:86px !important;
    padding:60px 64px;
    border:1px solid var(--jl-pc-edge);
    border-radius:32px;
    background:#fff;
    box-shadow:var(--jl-pc-shadow-lg);
  }
  .academy-teaser-grid:before {
    content:"";
    pointer-events:none;
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    left:-125px;
    bottom:-155px;
    background:radial-gradient(circle,rgba(54,169,225,.14),rgba(54,169,225,0) 69%);
  }
  .academy-actions {
    position:relative;
    z-index:1;
    padding:23px 0 23px 38px;
    border-left:0 !important;
    border-radius:22px;
    background:linear-gradient(145deg,#f7fbfd,#eef6fa);
    box-shadow:inset 0 0 0 1px rgba(19,78,116,.065), var(--jl-pc-shadow-xs);
    padding-right:30px;
  }
  .academy-actions .button-secondary {
    background:#fff;
    box-shadow:var(--jl-pc-shadow-sm);
  }
  .academy-actions .button-secondary:hover,
  .academy-actions .button-secondary:focus-visible {
    border-color:#90c4e3;
    transform:translateY(-3px);
    box-shadow:var(--jl-pc-shadow-md);
  }

  /* ---------- FAQs: cada pregunta como superficie clicable ---------- */
  .faq-section {
    background:linear-gradient(180deg,#f1f7fa 0%,#eef5f9 100%) !important;
  }
  .faq-list {
    border-top:0 !important;
    display:grid;
    gap:18px;
  }
  .faq-list details,
  .faq-list details:last-child {
    border:1px solid rgba(19,78,116,.075) !important;
    border-radius:22px;
    background:#fff;
    box-shadow:var(--jl-pc-shadow-md);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
  }
  .faq-list details:hover {
    transform:translateY(-4px);
    border-color:rgba(29,113,184,.16) !important;
    box-shadow:var(--jl-pc-shadow-hover);
  }
  .faq-list summary { padding:26px 66px 26px 30px !important; }
  .faq-list summary:after {
    top:18px !important;
    right:22px !important;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#eef7fc;
    box-shadow:inset 0 0 0 1px rgba(29,113,184,.14),0 5px 13px rgba(8,42,67,.055);
  }
  .faq-list details p { margin:-2px 30px 26px !important; }

  /* ---------- Listas técnicas: no líneas, sí micro-superficies ---------- */
  .spec-list,
  .clean-list,
  .education-list,
  .jl-tech-list {
    display:grid;
    gap:12px;
  }
  .spec-list li,
  .clean-list li,
  .education-list li,
  .jl-tech-list li {
    margin:0 !important;
    border-top:0 !important;
    border-bottom:0 !important;
    border-radius:16px;
    border:1px solid rgba(19,78,116,.06) !important;
    background:#f7fafc;
    box-shadow:var(--jl-pc-shadow-xs);
  }
  .spec-list li,
  .jl-tech-list li { padding:15px 19px !important; }
  .clean-list li,
  .education-list li { padding:15px 19px 15px 26px !important; }

  /* ---------- Aplicaciones / Educación ---------- */
  .education-split { align-items: stretch; }
  .education-panel {
    border: 1px solid rgba(19,78,116,.07) !important;
    box-shadow: 0 16px 36px rgba(7,38,60,.08) !important;
  }
  .education-panel-safety {
    border-color: transparent !important;
    box-shadow: 0 20px 48px rgba(5,31,50,.18) !important;
  }
  .education-panel-safety .education-list li {
    border-color: rgba(255,255,255,.12) !important;
    background: rgba(255,255,255,.04) !important;
    color: rgba(255,255,255,.88) !important;
    box-shadow: none !important;
  }
  .education-faq {
    border-block: 0 !important;
    padding-block: 10px;
  }

  /* Bloque SEO/educativo repetido en las aplicaciones: se mantiene la escala original */
  .jl-edu-card {
    border: 0 !important;
    background: #f5f9fc !important;
    box-shadow: 0 18px 45px rgba(8,42,67,.06) !important;
    transition: box-shadow .22s ease, transform .22s ease;
  }
  .jl-edu-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 52px rgba(8,42,67,.08) !important;
  }
  .jl-edu-evidence {
    box-shadow: 0 24px 56px rgba(5,31,50,.18) !important;
  }
  .jl-edu-evidence ul { display: grid; gap: 12px; }
  .jl-edu-evidence li {
    border-bottom: 0 !important;
    padding: 18px 0 18px 30px !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
  }
  .jl-edu-evidence li:before { left: 4px !important; }

  .jl-edu-faq-list { display: grid; gap: 18px; }
  .jl-edu-faq-list details,
  .jl-edu-faq-list details:last-child {
    border: 1px solid rgba(19,78,116,.075) !important;
    padding: 0 22px !important;
    border-radius: 18px;
    background: #fff !important;
    box-shadow: 0 16px 36px rgba(7,38,60,.08) !important;
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .jl-edu-faq-list details:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 48px rgba(7,38,60,.10) !important;
  }
  .jl-edu-faq-list summary { padding: 22px 46px 22px 0 !important; }
  .jl-edu-faq-list summary:after {
    top: 14px !important;
    right: 0 !important;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eef7fc;
    box-shadow: inset 0 0 0 1px rgba(29,113,184,.14),0 5px 13px rgba(8,42,67,.055);
  }
  .jl-edu-faq-list p { margin: 0 22px 22px 0 !important; }
  .jl-edu-sources {
    border-left: 4px solid #36a9e1 !important;
    border-radius: 0 18px 18px 0 !important;
    background: #f4f9fc !important;
    box-shadow: 0 16px 36px rgba(7,38,60,.07) !important;
  }

  /* ---------- Equipo individual ---------- */
  .jl-product-faq details,
  .jl-product-faq details:last-child {
    border:1px solid rgba(19,78,116,.075) !important;
    padding:0 25px !important;
    border-radius:20px;
    background:#fff;
    box-shadow:var(--jl-pc-shadow-md);
    margin-bottom:16px;
    transition:transform .2s ease,box-shadow .2s ease;
  }
  .jl-product-faq details:hover {
    transform:translateY(-4px);
    box-shadow:var(--jl-pc-shadow-hover);
  }
  .jl-product-faq summary { padding:22px 43px 22px 0 !important; }
  .jl-product-faq details p { margin:0 0 21px !important; }

  .jl-tech-list li {
    box-shadow:var(--jl-pc-shadow-sm) !important;
  }

  /* ---------- Formularios / Nosotros / Privacidad ---------- */
  .contact-card,
  .leader,
  .source-card {
    box-shadow:var(--jl-pc-shadow-md) !important;
  }
  .policy {
    padding:46px 52px;
    border:1px solid var(--jl-pc-edge);
    border-radius:28px;
    background:#fff;
    box-shadow:var(--jl-pc-shadow-lg);
  }
  .policy h2:first-child { margin-top:0; }

  /* ---------- Notas ---------- */
  .safety-note {
    border-left: 0 !important;
    border: 1px solid rgba(19,78,116,.075) !important;
    border-radius: 20px;
    background: #fff !important;
    box-shadow: none !important;
  }

  /* ---------- Footer ---------- */
  .footer-bottom {
    border-top: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}
@media (min-width: 1081px) {
  .safety-note {
    border: 1px solid rgba(19,78,116,.075) !important;
  }
}
@media (min-width: 1081px) {
  .jl-payment-card--credit {
    color: #fff !important;
    border-color: #0d4c72 !important;
    background: linear-gradient(145deg,#0a304a 0%,#0c5e8d 100%) !important;
    box-shadow: 0 20px 48px rgba(5,31,50,.20), 0 5px 14px rgba(5,31,50,.08) !important;
  }
  .jl-payment-card--credit:hover {
    border-color: #0d4c72 !important;
    box-shadow: 0 30px 72px rgba(5,31,50,.26), 0 9px 22px rgba(5,31,50,.10) !important;
  }
}


/* ============================================================
   JL Equipos — Ajustes finos PC v13 — 2026-08-06
   Refuerza realce SOLO en escritorio, especialmente en:
   - ficha técnica del equipo
   - teaser del equipo solo / ecosistema
   - módulos de aplicaciones educativas
   ============================================================ */
@media (min-width: 1081px) {
  .jl-tech-list li {
    background: linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%) !important;
    border: 1px solid rgba(19,78,116,.11) !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 36px rgba(7,38,60,.11), 0 4px 10px rgba(7,38,60,.05) !important;
  }

  .jl-equipment-teaser {
    background: linear-gradient(180deg,#f5fafc 0%,#eef5f9 100%) !important;
  }
  .jl-equipment-teaser__media {
    box-shadow: 0 24px 56px rgba(7,38,60,.15), 0 8px 18px rgba(7,38,60,.06) !important;
  }
  .jl-equipment-teaser__features li,
  .jl-equipment-teaser__copy .jl-equipment-teaser__features li {
    background: linear-gradient(180deg,#ffffff 0%,#f6fbfe 100%) !important;
    border: 1px solid rgba(19,78,116,.1) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 28px rgba(7,38,60,.09), 0 3px 8px rgba(7,38,60,.04) !important;
  }

  .content-section .product-grid .product-card,
  .catalog-group .product-grid .product-card {
    box-shadow: 0 22px 48px rgba(7,38,60,.12), 0 5px 12px rgba(7,38,60,.05) !important;
    border-color: rgba(19,78,116,.10) !important;
  }
  .content-section .product-grid .product-card:hover,
  .catalog-group .product-grid .product-card:hover {
    box-shadow: 0 30px 64px rgba(7,38,60,.17), 0 8px 18px rgba(7,38,60,.07) !important;
  }

  .jl-edu-grid .jl-edu-card,
  .jl-edu-grid--4 .jl-edu-card {
    background: linear-gradient(180deg,#fcfeff 0%,#f5fafc 100%) !important;
    border: 1px solid rgba(19,78,116,.10) !important;
    border-radius: 28px !important;
    box-shadow: 0 22px 48px rgba(7,38,60,.10), 0 5px 12px rgba(7,38,60,.045) !important;
  }
  .jl-edu-grid .jl-edu-card:hover,
  .jl-edu-grid--4 .jl-edu-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 28px 58px rgba(7,38,60,.15), 0 8px 18px rgba(7,38,60,.06) !important;
  }

  .jl-edu-evidence {
    border: 1px solid rgba(19,78,116,.11) !important;
    border-radius: 30px !important;
    box-shadow: 0 28px 60px rgba(7,38,60,.14), 0 8px 18px rgba(7,38,60,.05) !important;
    overflow: hidden;
  }
  .jl-edu-evidence li {
    border-color: rgba(255,255,255,.12) !important;
  }

  .jl-edu-faq-list details {
    border: 1px solid rgba(19,78,116,.10) !important;
    border-radius: 22px !important;
    margin-bottom: 18px !important;
    padding: 24px 28px !important;
    background: linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%) !important;
    box-shadow: 0 16px 34px rgba(7,38,60,.09), 0 4px 10px rgba(7,38,60,.04) !important;
  }
  .jl-edu-faq-list details:last-child {
    border-bottom: 1px solid rgba(19,78,116,.10) !important;
  }
  .jl-edu-sources {
    border: 1px solid rgba(19,78,116,.10) !important;
    border-left: 4px solid #36a9e1 !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 38px rgba(7,38,60,.09), 0 4px 10px rgba(7,38,60,.04) !important;
    background: linear-gradient(180deg,#ffffff 0%,#f7fbfd 100%) !important;
  }
}