/* DUBAI PAGE — Super Cars International */
.dubai-page*{box-sizing:border-box;margin:0;padding:0}
.db-container{max-width:1140px;margin:0 auto;padding:0 40px}
.db-section-label{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:rgba(215,215,216,.5);margin-bottom:14px;font-family:'Montserrat',sans-serif;font-weight:500}
.db-section-title{font-family:'Montserrat',sans-serif;font-size:clamp(28px,4vw,42px);font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#F8FAFC;line-height:1.1;margin-bottom:20px}
.db-section-desc{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:300;line-height:1.8;color:rgba(248,250,252,.55);max-width:480px}
.db-center{text-align:center}
.db-tag{display:inline-block;border:1px solid rgba(215,215,216,.3);color:#D7D7D8;font-family:'Montserrat',sans-serif;font-size:10px;letter-spacing:.24em;text-transform:uppercase;padding:7px 18px;border-radius:2px}
.db-prox-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(215,215,216,.35);padding:10px 22px;border-radius:2px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#F8FAFC}
.db-prox-dot{width:7px;height:7px;border-radius:50%;background:#D7D7D8;flex-shrink:0;animation:db-pulse 2.2s ease-in-out infinite}
@keyframes db-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(.8)}}
.db-btn-wa{display:inline-flex;align-items:center;gap:10px;background:#1C1C1C;border:1px solid rgba(215,215,216,.4);color:#F8FAFC;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:12px 28px;border-radius:2px;text-decoration:none;transition:background .2s,border-color .2s}
.db-btn-wa:hover{background:rgba(215,215,216,.08);border-color:rgba(215,215,216,.7);color:#F8FAFC;text-decoration:none}
.db-btn-wa--large{font-size:12px;padding:16px 36px}
.db-btn-catalog{display:inline-flex;align-items:center;gap:8px;color:rgba(215,215,216,.55);font-family:'Montserrat',sans-serif;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:color .2s}
.db-btn-catalog:hover{color:#D7D7D8;text-decoration:none}
.db-hero{position:relative;background:#0e0e0e;min-height:90vh;display:flex;align-items:center;overflow:hidden}
.db-hero__bg{position:absolute;inset:0;pointer-events:none}
.db-hero__skyline{position:absolute;bottom:0;left:0;right:0;height:260px;opacity:.07}
.db-hero__skyline svg{width:100%;height:100%}
.db-hero__gradient{position:absolute;inset:0;background:linear-gradient(to bottom,#0e0e0e 0%,transparent 40%,#0e0e0e 100%)}
.db-hero__content{position:relative;z-index:2;padding:120px 80px 100px;max-width:800px}
.db-hero__eyebrow{margin-bottom:32px}
.db-hero__title{display:flex;flex-direction:column;margin-bottom:28px}
.db-hero__title-main{font-family:'Montserrat',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:rgba(215,215,216,.65);line-height:1.2}
.db-hero__title-sub{font-family:'Montserrat',sans-serif;font-size:clamp(48px,7.5vw,88px);font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#F8FAFC;line-height:1;margin-bottom:6px}
.db-hero__title-sub-small{font-size:0.42em;font-weight:400;text-transform:none;letter-spacing:.35em;color:#F8FAFC;display:inline-block;vertical-align:middle}
.db-hero__title-location{font-family:'Montserrat',sans-serif;font-size:clamp(40px,6.5vw,80px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#D7D7D8;line-height:1;margin-top:8px}
.db-hero__desc{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:400;line-height:1.85;color:rgba(248,250,252,.9);text-shadow:0 1px 8px rgba(0,0,0,.5);max-width:500px;margin-bottom:40px}
.db-hero__actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.db-hero__scroll{position:absolute;bottom:40px;right:60px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2}
.db-hero__scroll span{font-family:'Montserrat',sans-serif;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:rgba(215,215,216,.3);writing-mode:vertical-rl}
.db-scroll-line{width:1px;height:48px;background:rgba(215,215,216,.5);animation:db-scroll 2s ease-in-out infinite}
@keyframes db-scroll{0%{opacity:1;transform:scaleY(1) translateY(0)}100%{opacity:0;transform:scaleY(.5) translateY(20px)}}
.db-position{background:#111;padding:100px 0;border-top:1px solid rgba(215,215,216,.07);border-bottom:1px solid rgba(215,215,216,.07)}
.db-position__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.db-position__stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(215,215,216,.08);border:1px solid rgba(215,215,216,.08);border-radius:4px;overflow:hidden}
.db-stat{background:#111;padding:32px 28px;transition:background .2s}
.db-stat:hover{background:rgba(215,215,216,.04)}
.db-stat__val{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:700;color:#F8FAFC;letter-spacing:.02em;margin-bottom:6px}
.db-stat__key{font-family:'Montserrat',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(215,215,216,.4)}
.db-brands{background:#0e0e0e;padding:100px 0}
.db-brands .db-section-title{margin-bottom:60px}
.db-brands__grid{display:grid;grid-template-columns:1fr 40px 1fr;align-items:start}
.db-brands__col{display:flex;flex-direction:column;gap:1px}
.db-brands__col-label{font-family:'Montserrat',sans-serif;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:rgba(215,215,216,.35);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(215,215,216,.1)}
.db-brand-card{background:rgba(215,215,216,.02);border:1px solid rgba(215,215,216,.07);padding:22px 26px;transition:background .2s,border-color .2s;margin-bottom:1px}
.db-brand-card:hover{background:rgba(215,215,216,.05);border-color:rgba(215,215,216,.18)}
.db-brand-card--luxury{border-left:2px solid rgba(215,215,216,.25);border-radius:0}
.db-brand-card--luxury:hover{border-left-color:rgba(215,215,216,.6)}
.db-brand-card__name{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;letter-spacing:.18em;color:#D7D7D8;margin-bottom:6px}
.db-brand-card__desc{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:300;color:rgba(215,215,216,.45);letter-spacing:.04em;line-height:1.6}
.db-brands__divider{width:1px;background:rgba(215,215,216,.08);margin:38px auto 0}
.db-cta{background:#111;padding:100px 0;border-top:1px solid rgba(215,215,216,.07)}
.db-cta__inner{max-width:600px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.db-cta__title{font-family:'Montserrat',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#F8FAFC;line-height:1.1}
.db-cta__desc{font-family:'Montserrat',sans-serif;font-size:13px;font-weight:300;line-height:1.85;color:rgba(248,250,252,.5);max-width:440px}
@media(max-width:900px){.db-hero__content{padding:100px 32px 80px}.db-hero__scroll{display:none}.db-position__grid{grid-template-columns:1fr;gap:48px}.db-brands__grid{grid-template-columns:1fr}.db-brands__divider{width:100%;height:1px;margin:24px 0}.db-container{padding:0 24px}}
@media(max-width:600px){.db-hero__content{padding:80px 20px 60px}.db-hero__actions{flex-direction:column;align-items:flex-start}.db-position,.db-brands,.db-cta{padding:60px 0}.db-position__stats{grid-template-columns:1fr 1fr}}

/* LOGOS GRID */
.db-logos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  margin-top: 48px;
}
@media(min-width: 768px) {
  .db-logos-grid { grid-template-columns: repeat(5, 1fr); }
}
.db-logo-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 32px 20px;
  background: rgba(215,215,216,0.02);
  border: 1px solid rgba(215,215,216,0.07);
  cursor: default;
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  position: relative;
  overflow: hidden;
}
.db-logo-card::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: rgba(215,215,216,0);
  transition: background 0.3s ease;
}
.db-logo-card:hover {
  background: rgba(215,215,216,0.06);
  border-color: rgba(215,215,216,0.2);
  transform: translateY(-3px);
}
.db-logo-card:hover::before {
  background: rgba(215,215,216,0.4);
}
.db-logo-card img {
  width: auto;
  height: 44px;
  max-width: 110px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.55;
  transition: opacity 0.3s ease, filter 0.3s ease, transform 0.3s ease;
}
.db-logo-card:hover img {
  opacity: 1;
  filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(215,215,216,0.3));
  transform: scale(1.08);
}
.db-logo-card span {
  font-family: 'Montserrat', sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(215,215,216,0.35);
  transition: color 0.3s ease;
}
.db-logo-card:hover span {
  color: rgba(215,215,216,0.8);
}

/* LOGOS GRID */
.db-logos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  margin-top: 48px;
}
@media(min-width: 768px) {
  .db-logos-grid { grid-template-columns: repeat(5, 1fr); }
}
.db-logo-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 32px 20px;
  background: rgba(215,215,216,0.02);
  border: 1px solid rgba(215,215,216,0.07);
  cursor: default;
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  position: relative;
  overflow: hidden;
}
.db-logo-card::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: rgba(215,215,216,0);
  transition: background 0.3s ease;
}
.db-logo-card:hover {
  background: rgba(215,215,216,0.06);
  border-color: rgba(215,215,216,0.2);
  transform: translateY(-3px);
}
.db-logo-card:hover::before {
  background: rgba(215,215,216,0.4);
}
.db-logo-card img {
  width: auto;
  height: 44px;
  max-width: 110px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.55;
  transition: opacity 0.3s ease, filter 0.3s ease, transform 0.3s ease;
}
.db-logo-card:hover img {
  opacity: 1;
  filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(215,215,216,0.3));
  transform: scale(1.08);
}
.db-logo-card span {
  font-family: 'Montserrat', sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(215,215,216,0.35);
  transition: color 0.3s ease;
}
.db-logo-card:hover span {
  color: rgba(215,215,216,0.8);
}

/* Imagen de fondo del hero Dubai */
.db-hero__bg img,
.db-hero__img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center right;
}

@media (max-width: 768px) {
    .db-hero__bg img,
    .db-hero__img {
        object-position: 68% center;
    }
}

/* Etiqueta superior del hero */
.db-tag{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:9px 16px;
  margin-bottom:24px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(8,18,32,.42);
  color:rgba(255,255,255,.92);
  font-size:11px;
  font-weight:600;
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

@media (max-width:768px){
  .db-tag{
    padding:8px 13px;
    margin-bottom:18px;
    font-size:10px;
    letter-spacing:.12em;
  }
}

/* ==================================================
   CORRECCIÓN RESPONSIVE — PÁGINA DUBAI
================================================== */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.dubai-page,
.dubai-page *,
.dubai-page *::before,
.dubai-page *::after {
  box-sizing: border-box;
}

@media (max-width: 768px) {

  /* Corrige contenedores heredados del tema */
  body,
  #page,
  .site,
  .site-content,
  .content-area,
  #primary,
  .site-main,
  main.dubai-page,
  .dubai-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0;
    padding-right: 0;
    float: none !important;
    transform: none !important;
  }

  /* Todas las secciones deben ocupar la pantalla completa */
  .dubai-page section,
  .db-hero,
  .db-position,
  .db-collection,
  .db-brands,
  .db-cta {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden;
  }

  /* Contenedores internos */
  .dubai-page .container,
  .dubai-page [class*="__inner"],
  .dubai-page [class*="__content"],
  .dubai-page [class*="__wrap"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Hero móvil */
  .db-hero {
    min-height: 760px;
    height: auto;
  }

  .db-hero__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .db-hero__bg img,
  .db-hero__img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    object-position: 68% center;
  }

  .db-hero__content {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    padding: 90px 22px 45px !important;
    margin: 0 !important;
  }

  /* Grillas pasan a una columna */
  .db-position__grid,
  .db-cars__grid,
  .db-brands__grid,
  .db-logos-grid,
  .db-features__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 24px;
  }

  /* Imágenes responsivas */
  .dubai-page img,
  .db-position__img {
    max-width: 100%;
    height: auto;
  }

  /* Evita anchos fijos que desborden */
  .dubai-page div,
  .dubai-page article,
  .dubai-page figure {
    min-width: 0;
  }

  /* Botones adaptados al ancho móvil */
  .db-hero__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
  }

  .db-hero__actions a,
  .db-btn,
  .db-btn-wa {
    width: 100%;
    max-width: 100%;
    justify-content: center;
    text-align: center;
  }
}


/* ==================================================
   CORRECCIÓN RESPONSIVE — PÁGINA DUBAI
================================================== */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.dubai-page,
.dubai-page *,
.dubai-page *::before,
.dubai-page *::after {
  box-sizing: border-box;
}

@media (max-width: 768px) {

  /* Corrige contenedores heredados del tema */
  body,
  #page,
  .site,
  .site-content,
  .content-area,
  #primary,
  .site-main,
  main.dubai-page,
  .dubai-page {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0;
    padding-right: 0;
    float: none !important;
    transform: none !important;
  }

  /* Todas las secciones deben ocupar la pantalla completa */
  .dubai-page section,
  .db-hero,
  .db-position,
  .db-collection,
  .db-brands,
  .db-cta {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden;
  }

  /* Contenedores internos */
  .dubai-page .container,
  .dubai-page [class*="__inner"],
  .dubai-page [class*="__content"],
  .dubai-page [class*="__wrap"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Hero móvil */
  .db-hero {
    min-height: 760px;
    height: auto;
  }

  .db-hero__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }

  .db-hero__bg img,
  .db-hero__img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    object-position: 68% center;
  }

  .db-hero__content {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    padding: 90px 22px 45px !important;
    margin: 0 !important;
  }

  /* Grillas pasan a una columna */
  .db-position__grid,
  .db-cars__grid,
  .db-brands__grid,
  .db-logos-grid,
  .db-features__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 24px;
  }

  /* Imágenes responsivas */
  .dubai-page img,
  .db-position__img {
    max-width: 100%;
    height: auto;
  }

  /* Evita anchos fijos que desborden */
  .dubai-page div,
  .dubai-page article,
  .dubai-page figure {
    min-width: 0;
  }

  /* Botones adaptados al ancho móvil */
  .db-hero__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
  }

  .db-hero__actions a,
  .db-btn,
  .db-btn-wa {
    width: 100%;
    max-width: 100%;
    justify-content: center;
    text-align: center;
  }
}


/* Corrección visual de logos */
.db-logo-card img{
  display:block;
  width:auto;
  height:34px;
  max-width:145px;
  object-fit:contain;
  margin:0 auto 18px;
  opacity:.92;
  filter:grayscale(1) brightness(2.2);
}

.db-logo-card:hover img{
  opacity:1;
  filter:grayscale(1) brightness(3);
}

@media (max-width:768px){
  .db-logo-card img{
    height:28px;
    max-width:120px;
  }
}

/* Logos de marcas válidos y visibles */
.db-logo-card img {
  display: block;
  width: auto;
  height: 34px;
  max-width: 145px;
  margin: 0 auto 18px;
  object-fit: contain;
  opacity: .9;
  filter: brightness(0) invert(1);
}

.db-logo-card:hover img {
  opacity: 1;
}

@media (max-width: 768px) {
  .db-logo-card img {
    height: 28px;
    max-width: 115px;
  }
}