.distribuidores-page { background: #edf8f3; }
.distribuidor-hero, .distribuidor-content { width: min(var(--container-width), calc(100% - var(--container-gap))); margin: 0 auto; }
.distribuidor-hero { min-height: 530px; padding: calc(var(--header-offset) + 42px) 28px 64px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; }
.distribuidor-hero__content, .distribuidor-card, .distribuidor-cta { background: var(--panel-bg); border: 1px solid var(--panel-border); box-shadow: var(--panel-shadow); backdrop-filter: blur(7px); }
.distribuidor-hero__content { padding: clamp(26px, 5vw, 52px); border-radius: 26px; }
.distribuidor-hero h1 { margin: 8px 0 16px; color: var(--secundario); font-size: clamp(2.25rem, 4.5vw, 3.7rem); line-height: 1.1; }
.distribuidor-hero p, .distribuidor-card p, .distribuidor-cta p { line-height: 1.65; }
.distribuidor-hero .btn { margin-top: 24px; }
.distribuidor-hero__image { width: 100%; border-radius: 24px; border: 1px solid var(--panel-border); box-shadow: var(--panel-shadow); background: var(--panel-bg); }
.distribuidor-content { padding: 0 0 80px; display: grid; gap: 24px; }
.distribuidor-card, .distribuidor-cta { border-radius: var(--panel-radius); padding: 28px; }
.distribuidor-card h2, .distribuidor-cta h2 { margin: 6px 0 10px; }
.distribuidor-network { width: 100%; margin-top: 22px; border-radius: 18px; border: 1px solid rgba(37, 114, 184, .16); background: rgba(255,255,255,.6); }
.distribuidor-benefits__grid { margin-top: 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.distribuidor-benefits__grid article { padding: 18px; border-radius: 16px; background: rgba(37, 114, 184, .07); border: 1px solid rgba(37, 114, 184, .15); }
.distribuidor-benefits__grid h3 { margin-bottom: 8px; color: var(--secundario); font-size: 1rem; }
.distribuidor-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.distribuidor-cta > div { max-width: 640px; }
@media (max-width: 700px) { .distribuidor-hero { grid-template-columns: 1fr; padding: calc(var(--header-offset) + 28px) 0 40px; min-height: 0; } .distribuidor-hero__content, .distribuidor-card, .distribuidor-cta { padding: 22px; } .distribuidor-benefits__grid { grid-template-columns: 1fr; } .distribuidor-cta { align-items: stretch; flex-direction: column; } }