/* JD Importaciones: estilos exclusivos de /marcas. No modifica el header/footer compartidos. */
:root {color-scheme: light;}
*,*::before,*::after {box-sizing:border-box;}
html {scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
body {margin:0;min-width:0;min-height:100vh;display:flex;flex-direction:column;font-family:Montserrat,Arial,sans-serif;background:#f8fafc;color:#1f2937;}
body > main {min-width:0;width:100%;}
img,svg,video {max-width:100%;}
a {color:inherit;text-decoration:none;}
button,input {font:inherit;}
button {cursor:pointer;}
ul {list-style:none;margin:0;padding:0;}
.jd-skip-link {position:fixed;z-index:9999;top:-70px;left:12px;background:#fff;color:#080096;padding:12px;border:2px solid #157bcb;border-radius:8px;}
.jd-skip-link:focus {top:12px;}
:focus-visible {outline:3px solid #0679c7;outline-offset:3px;}
.brands-container {width:100%;max-width:1500px;margin:0 auto;padding-left:18px;padding-right:18px;}
.brands-hero {isolation:isolate;position:relative;overflow:hidden;background:#111827;color:#fff;border-bottom:8px solid #157bcb;padding:64px 0;}
.brands-hero-bg {position:absolute;inset:0;z-index:-1;background-image:url('/img/banner.jpg');background-size:cover;background-position:center;opacity:.20;}
.brands-hero-inner {text-align:center;position:relative;}
.brands-hero h1 {margin:0 0 16px;font-size:clamp(32px,5.4vw,60px);line-height:1.13;text-transform:uppercase;letter-spacing:.065em;font-weight:900;text-shadow:0 6px 18px #0006;overflow-wrap:anywhere;}
.brands-hero p {max-width:700px;margin:0 auto;color:#bfdbfe;font-size:clamp(15px,1.5vw,20px);line-height:1.65;font-weight:500;}
.brands-breadcrumb {background:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;}
.brands-breadcrumb .brands-container {display:flex;align-items:center;gap:10px;min-height:56px;}
.brands-breadcrumb a:hover {color:#157bcb;text-decoration:underline;}
.brands-breadcrumb i {color:#9ca3af;}
.brands-breadcrumb [aria-current] {color:#080096;}
.brands-section {padding-top:56px;padding-bottom:96px;}
.brands-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;align-items:stretch;}
.brand-card {isolation:isolate;position:relative;display:flex;flex-direction:column;min-width:0;min-height:425px;height:100%;padding:40px;border:1px solid #e5e7eb;border-radius:32px;background:#fff;text-align:center;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;}
.brand-card::before {content:'';position:absolute;inset:0;background:#eff6ff;opacity:0;z-index:-1;transition:opacity .25s ease;}
.brand-card:hover {border-color:#157bcb;transform:translateY(-8px);box-shadow:0 22px 48px #08009619;}
.brand-card:hover::before {opacity:1;}
.brand-image-box {height:160px;min-height:160px;width:100%;display:flex;align-items:center;justify-content:center;padding:16px;margin:0 0 26px;border:1px solid #f3f4f6;border-radius:16px;background:#fff;box-shadow:0 2px 10px #0000000a;}
.brand-image-box img {display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1);transform:scale(.92);transition:filter .3s,transform .3s;}
.brand-card:hover .brand-image-box img,.brand-card:focus-visible .brand-image-box img {filter:none;transform:scale(1);}
.brand-image-fallback {color:#d1d5db;font-size:60px;}
.brand-card-content {display:flex;flex-direction:column;flex:1;min-width:0;}
.brand-card h2 {color:#080096;font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(20px,2vw,28px);line-height:1.2;margin:0 0 15px;overflow-wrap:anywhere;}
.brand-card:hover h2 {color:#157bcb;}
.brand-card p {color:#6b7280;font-size:14px;line-height:1.75;font-weight:500;overflow-wrap:anywhere;flex:1;margin:0 0 30px;}
.brand-card-action {display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:13px 18px;margin-top:auto;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;color:#4b5563;font-size:12px;line-height:1.4;font-weight:900;text-transform:uppercase;letter-spacing:.08em;transition:background .2s,color .2s,border-color .2s;}
.brand-card-action i {font-size:18px;}
.brand-card:hover .brand-card-action,.brand-card:focus-visible .brand-card-action {background:#157bcb;border-color:#157bcb;color:#fff;}
.brands-empty {max-width:890px;margin:0 auto;padding:64px 24px;border:2px dashed #e5e7eb;border-radius:30px;background:#fff;text-align:center;}
.brands-empty > i {font-size:55px;color:#d1d5db;}
.brands-empty h2 {font-size:25px;font-weight:900;color:#4b5563;margin:22px 0 8px;}
.brands-empty p {font-size:15px;font-weight:700;color:#9ca3af;margin:0;}
.brands-cta {background:linear-gradient(135deg,#080096 0%,#157bcb 50%,#080096 100%);background-size:200% 200%;animation:brandsGradient 8s ease infinite;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;color:#fff;padding:110px 0;}
@keyframes brandsGradient {0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.brands-cta-inner {display:flex;align-items:center;justify-content:space-between;gap:50px;}
.brands-cta-copy {min-width:0;max-width:820px;}
.brands-cta h2 {font-size:clamp(32px,5vw,60px);font-weight:900;line-height:1.08;letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 6px 24px #0005;margin:0 0 25px;overflow-wrap:anywhere;}
.brands-cta p {font-size:clamp(16px,1.9vw,24px);line-height:1.5;font-weight:700;color:#dbeafe;margin:0 0 32px;}
.brands-cta-note {display:inline-flex;align-items:center;gap:12px;padding:14px 24px;background:#0006;border:1px solid #ffffff33;border-radius:12px;text-transform:uppercase;font-weight:900;letter-spacing:.06em;font-size:18px;max-width:100%;}
.brands-cta-note i {color:#06b6d4;}
.brands-cta-button {display:inline-flex;align-items:center;justify-content:center;gap:18px;flex-shrink:0;padding:21px 35px;min-height:70px;background:#06b6d4;color:#080096;border:4px solid #06b6d4;border-radius:999px;box-shadow:0 0 30px #06b6d455;text-transform:uppercase;font-size:18px;font-weight:900;letter-spacing:.04em;text-align:center;}
.brands-cta-button i {font-size:24px;}
.brands-cta-button:hover {background:#fff;color:#080096;}
@media(max-width:1199px) {.brands-grid{gap:24px}.brand-card{padding:28px}.brands-cta-inner{gap:30px}}
@media(max-width:1023.98px) {.brands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brands-cta{padding:70px 0}.brands-cta-inner{flex-direction:column;text-align:center}.brands-cta-copy{max-width:680px}.brands-cta-button{width:min(100%,400px)}}
@media(max-width:639.98px) {.brands-container{padding-left:16px;padding-right:16px}.brands-hero{padding:49px 0}.brands-hero h1{letter-spacing:.01em}.brands-breadcrumb .brands-container{min-height:50px}.brands-section{padding-top:32px;padding-bottom:60px}.brands-grid{grid-template-columns:minmax(0,1fr);gap:22px}.brand-card{padding:22px;min-height:360px;max-width:470px;width:100%;margin:0 auto;border-radius:22px}.brand-image-box{height:137px;min-height:137px;margin-bottom:22px;padding:12px}.brand-card h2{font-size:23px;letter-spacing:.035em}.brand-card p{margin-bottom:20px}.brands-cta{padding:55px 0}.brands-cta p{font-size:17px}.brands-cta-note{font-size:14px;padding:13px 15px;line-height:1.5}.brands-cta-button{font-size:15px;gap:9px;padding:17px 18px;min-height:58px}.brands-cta-button i{font-size:19px}}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto}.brand-card,.brand-card::before,.brand-card img,.brand-card-action,.brands-cta{transition:none!important;animation:none!important}.brand-card:hover{transform:none}}