/*
 * Home / Servicios · reparación de legibilidad para teléfonos (<=700px).
 * Sobrescribe solo el carrusel del inicio, sin modificar escritorio,
 * los demás apartados ni el movimiento orbital del JavaScript.
 */
@media (max-width:700px) {
  /* La órbita mantiene su efecto 3D, pero deja un carril propio para
     navegación y contador, sin montarlos sobre el texto o el CTA. */
  body.native-home-flow .home-services-orbit .services-carousel-stage {
    height:565px !important;
    min-height:565px !important;
    padding-bottom:120px !important;
    margin-top:9px !important;
  }
  body.native-home-flow .home-services-orbit .services-carousel-track {
    bottom:120px !important;
  }
  body.native-home-flow .home-services-orbit .services-carousel-arrow {
    top:auto !important;
    bottom:8px !important;
    margin-top:0 !important;
  }
  body.native-home-flow .home-services-orbit .services-carousel-counter {
    bottom:24px !important;
  }

  /* Un poco más de área útil para que el texto y «Conocer más» quepan. */
  body.native-home-flow .home-services-orbit .service-3d-card {
    width:min(80vw,316px) !important;
    max-width:316px !important;
    height:402px !important;
    min-height:402px !important;
    padding:18px 18px 17px !important;
    overflow:hidden !important;
  }
  body.native-home-flow .home-services-orbit .service-3d-top {
    margin-bottom:auto !important;
  }
  body.native-home-flow .home-services-orbit .service-3d-top img {
    width:86px !important;
    height:86px !important;
    object-fit:cover !important;
    border:1px solid rgba(198,161,91,.40);
    border-radius:4px;
  }
  body.native-home-flow .home-services-orbit .service-3d-body {
    position:relative;
    z-index:1;
    flex-shrink:0;
  }
  body.native-home-flow .home-services-orbit .service-3d-body small {
    margin-bottom:8px !important;
    color:#d7b879 !important;
    opacity:1 !important;
    font-size:9px !important;
    line-height:1.3 !important;
    letter-spacing:.12em;
  }
  body.native-home-flow .home-services-orbit .service-3d-body h3 {
    margin:0 0 10px !important;
    font-size:clamp(29px,8vw,34px) !important;
    line-height:1 !important;
    color:#e3be76 !important;
    opacity:1 !important;
  }

  /* El CSS anterior forzaba #000 sobre fondo negro en la tarjeta activa. */
  body.native-home-flow .home-services-orbit .service-3d-body p,
  body.native-home-flow .home-services-orbit .service-3d-card.is-active .service-3d-body p {
    max-width:100% !important;
    margin:0 0 10px !important;
    color:#f5f1e8 !important;
    opacity:1 !important;
    font-size:12.5px !important;
    line-height:1.52 !important;
    font-weight:400 !important;
    text-shadow:none !important;
  }

  /* CTA legible y tocable, dentro del borde de la tarjeta central. */
  body.native-home-flow .home-services-orbit .service-3d-card .service-more,
  body.native-home-flow .home-services-orbit .service-3d-card.is-active .service-more {
    position:relative !important;
    z-index:5 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    align-self:stretch !important;
    flex-shrink:0 !important;
    width:100% !important;
    min-height:40px !important;
    margin-top:9px !important;
    padding:9px 12px !important;
    border:1px solid rgba(212,178,112,.67) !important;
    border-radius:7px !important;
    background:rgba(198,161,91,.12) !important;
    color:#edcd8e !important;
    font-size:9.5px !important;
    line-height:1.15 !important;
    letter-spacing:.1em !important;
    white-space:nowrap;
  }
  body.native-home-flow .home-services-orbit .service-3d-card.is-active .service-more {
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  body.native-home-flow .home-services-orbit .service-3d-card .service-more b {
    color:#edcd8e !important;
    opacity:1 !important;
    font-size:16px !important;
  }
}

@media (max-width:700px) {
  /* Quitar el degradado/velo blanco de la tarjeta central en móvil */
  body.native-home-flow .home-services-orbit .service-3d-card,
  body.native-home-flow .home-services-orbit .service-3d-card.is-active {
    background:#090909 !important;
    background-image:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    filter:none !important;
    box-shadow:0 18px 46px rgba(0,0,0,.30) !important;
  }

  body.native-home-flow .home-services-orbit .service-3d-card::before,
  body.native-home-flow .home-services-orbit .service-3d-card.is-active::before {
    background:#c6a15b !important;
  }

  body.native-home-flow .home-services-orbit .service-3d-body p,
  body.native-home-flow .home-services-orbit .service-3d-card.is-active .service-3d-body p {
    color:#f5f1e8 !important;
    opacity:1 !important;
  }

  body.native-home-flow .home-services-orbit .service-3d-card .service-more,
  body.native-home-flow .home-services-orbit .service-3d-card.is-active .service-more {
    background:rgba(0,0,0,.18) !important;
    box-shadow:none !important;
  }

  /* Reduce el halo claro inferior del escenario */
  body.native-home-flow .home-services-orbit .services-carousel-stage::before {
    background:radial-gradient(ellipse at center, rgba(0,0,0,.18) 0%, rgba(0,0,0,.08) 42%, rgba(0,0,0,0) 72%) !important;
    opacity:.42 !important;
    filter:blur(8px) !important;
  }
}