/** Shopify CDN: Minification failed

Line 173:0 Unexpected "}"

**/
/* ================================
   SERVICIO X – FIX DEFINITIVO TRADE
================================ */

.servicio-x {
  position: relative;
  width: 100%;
  background-color: #F9F6F1;
  padding: 60px 20px; /* antes 120px */
  overflow: visible;
  z-index: 2;
}

/* CONTENEDOR */
.servicio-x__container {
  max-width: 1200px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: 1fr 320px;
  align-items: center;
}

/* BLOQUE CENTRAL */
.servicio-x__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
}

/* TÍTULO */
.servicio-x__title {
  font-family: "Libre Baskerville", serif;
  font-size: 42px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #4B2C20;

  margin: 0 0 48px;
  max-width: 720px;
}

/* ICONO */
.servicio-x__icon-wrapper {
  display: flex;
  justify-content: center;
}

.servicio-x__icon {
  width: 140px;
  animation: alertaPulse 1.6s infinite;
  filter: drop-shadow(0 0 20px rgba(232,146,53,0.45));
}

/* ANIMACIÓN */
@keyframes alertaPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.18); }
  100% { transform: scale(1); }
}

/* MASCOTA */
.servicio-x__mascot {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.servicio-x__mascot img {
  max-width: 300px;
  width: 100%;
}

/* ================================
   MOBILE
================================ */
@media (max-width: 768px) {

  .servicio-x {
    padding: 80px 16px;
  }

  .servicio-x__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }

  /* TEXTO ARRIBA */
  .servicio-x__content {
    order: 1;
    align-items: center;
    text-align: center;
  }

  .servicio-x__title {
    font-size: 34px;
    line-height: 1.25;
    letter-spacing: 0.12em;
    max-width: 90%;
  }

  /* FILA ICONO + MASCOTA */
  .servicio-x__icon-wrapper {
    order: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }

  /* ICONO */
  .servicio-x__icon {
    width: 120px;
  }

  /* MASCOTA */
  .servicio-x__mascot {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .servicio-x__mascot img {
    max-width: 180px;
  }
}

  /* ICONO ARRIBA */
  .servicio-x__icon-wrapper {
    order: 1;
  }

  /* TEXTO DEBAJO DEL ICONO */
  .servicio-x__content {
    order: 2;
  }

  /* MASCOTA AL FINAL */
  .servicio-x__mascot {
    order: 3;
    display: flex;
    justify-content: center;
  }

  /* AJUSTES DE TEXTO PARA EVITAR CORTES */
  .servicio-x__title {
    font-size: 34px;
    line-height: 1.25;
    letter-spacing: 0.12em;
    text-align: center;
  }

  /* ICONO UN POCO MÁS CONTENIDO EN MOBILE */
  .servicio-x__icon {
    width: 130px;
  }

  /* MASCOTA MÁS COMPACTA */
  .servicio-x__mascot img {
    max-width: 240px;
  }
}
.servicio-x {
  border: 5px solid red !important;
}
@media (max-width: 768px) {

  .servicio-x__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 32px !important;
  }

  .servicio-x__title {
    font-size: 34px !important;
    text-align: center !important;
    line-height: 1.25 !important;
  }

  .servicio-x__icon-wrapper {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
  }

  .servicio-x__icon {
    width: 120px !important;
  }

  .servicio-x__mascot img {
    max-width: 180px !important;
  }
}
@media (max-width: 768px) {

  /* Ocultar mascota solo en mobile */
  .servicio-x__mascot {
    display: none !important;
  }

  /* Ajustar layout sin mascota */
  .servicio-x__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 32px !important;
  }

  .servicio-x__title {
    font-size: 34px !important;
    line-height: 1.25 !important;
    letter-spacing: 0.12em !important;
    text-align: center !important;
    max-width: 90% !important;
  }

  .servicio-x__icon {
    width: 140px !important;
  }
}
.servicio-x__title {
  margin-bottom: 24px; /* antes 48px */
}
.servicio-x__icon-wrapper {
  margin-top: 8px;
}
@media (max-width: 768px) {
  .servicio-x {
    padding: 40px 16px;
  }

  .servicio-x__container {
    gap: 20px;
  }
}
/* ================================
   FOOTER MOBILE – CENTRADO
================================ */
@media (max-width: 768px) {

  footer,
  .footer {
    text-align: center;
  }

  /* Contenedor principal del footer */
  footer .footer__content,
  .footer__content,
  .footer__blocks {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Logo */
  footer img {
    margin: 0 auto 16px;
    display: block;
  }

  /* Texto descriptivo */
  footer p {
    text-align: center;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Títulos (SERVICIOS / INFORMACIÓN) */
  footer h3,
  footer h4 {
    text-align: center;
  }

  /* Listas */
  footer ul {
    padding: 0;
    margin: 0 auto 16px;
    list-style-position: inside;
  }

  footer ul li {
    text-align: center;
  }

  /* Botón Google Maps */
  footer a,
  footer .button,
  footer .btn {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }
}