/*
 * Pixelmex – Ajustes móviles para vicale.site
 * Bloques de Stackable. Solo aplica en pantallas de celular (≤ 767px).
 * Los identificadores .stk-xxxxxxx son los "unique class" que Stackable
 * asigna a cada bloque; como las páginas se clonaron, se repiten entre páginas.
 */
@media (max-width: 767px) {

  /* =====================================================================
     1. HERO (bloque .stk-8b7f1fe en todas las páginas)
     ===================================================================== */
  body .stk-8b7f1fe { overflow: hidden !important; }
  body .stk-8b7f1fe .stk-b9bd656 { height: 110px !important; }          /* espaciador superior */
  body .stk-8b7f1fe .stk-5badb7f { height: 40px !important; }           /* espaciador inferior */
  body .stk-8b7f1fe > .stk-row { padding: 0 16px !important; position: relative; }
  body .stk-8b7f1fe .stk-64bf58c {                                       /* columna de texto */
    flex: 1 1 100% !important; max-width: 100% !important; width: 100% !important;
    margin: 0 !important; padding: 0 !important;
  }
  body .stk-8b7f1fe .stk-4d1a3c1 { display: none !important; }          /* columna vacía */
  /* Encabezado y texto: sin desplazamientos ni anchos fijos de escritorio */
  body .stk-8b7f1fe .stk-block-heading, body .stk-8b7f1fe .stk-block-text {
    margin-left: 0 !important; margin-right: 0 !important;
    width: auto !important; max-width: 100% !important;
  }
  /* Capa oscura para que el texto se lea sobre la foto */
  body .stk-8b7f1fe > .stk-row::before {
    content: ""; position: absolute; top: -40px; bottom: -40px; left: -40px; right: -40px; z-index: 0;
    background: linear-gradient(180deg, rgba(8, 20, 38, .25) 0%, rgba(8, 20, 38, .55) 45%, rgba(8, 20, 38, .7) 100%);
    pointer-events: none;
  }
  body .stk-8b7f1fe > .stk-row > * { position: relative; z-index: 1; }
  body .stk-8b7f1fe .stk-block-heading__text,
  body .stk-8b7f1fe .stk-block-text__text { text-shadow: 0 2px 10px rgba(0, 0, 0, .75), 0 0 2px rgba(0, 0, 0, .6); }
  body .stk-8b7f1fe .stk-96c348e .stk-block-heading__text {
    font-size: 26px !important; letter-spacing: 2px !important; line-height: 1.25 !important;
    word-break: keep-all !important; overflow-wrap: normal !important; hyphens: none !important;
    text-align: center !important; color: #fff !important;
  }
  body .stk-8b7f1fe .stk-block-text__text { font-size: 17px !important; line-height: 1.45 !important; text-align: center !important; color: #fff !important; }
  body .stk-8b7f1fe .stk-button__inner-text { font-size: 14px !important; }

  /* =====================================================================
     2. TÍTULOS DE SECCIÓN (línea · título · línea)
        En móvil se ocultan las columnas laterales con línea y se reduce el espacio.
     ===================================================================== */
  body .stk-ce9b596 .stk-3b6c78f, body .stk-ce9b596 .stk-efbce49,
  body .stk-e7ca5c9 .stk-27582ea, body .stk-e7ca5c9 .stk-a784786,
  body .stk-5a711d8 .stk-06c28f5, body .stk-5a711d8 .stk-e3eccf1 { display: none !important; }
  body .stk-ce9b596, body .stk-e7ca5c9, body .stk-5a711d8 { margin: 32px 0 16px !important; }
  body .stk-ce9b596 .stk-7ca14c2, body .stk-e7ca5c9 .stk-00fea8c, body .stk-5a711d8 .stk-ede11d6 { height: 0 !important; }
  body .stk-ce9b596 .stk-block-heading__text,
  body .stk-e7ca5c9 .stk-block-heading__text,
  body .stk-5a711d8 .stk-block-heading__text { font-size: 30px !important; line-height: 1.15 !important; }
  body .stk-ce9b596 .stk-abd74f7 { margin-bottom: 8px !important; }

  /* =====================================================================
     3. REJILLAS A DOS COLUMNAS
     ===================================================================== */
  body .stk-0309653 > .stk-row,   body /* Inicio: 4 tarjetas Bistrot/Boissons/Hotel/Passionnes */
  .stk-a8baa93 > .stk-row,   body /* Inicio/Boissons/Hotel: iconos de valores */
  .stk-2abf366 > .stk-row,   body /* Bistrot: 3 productos de café */
  .stk-0dcdcdb > .stk-row,   body /* Bistrot: 4 iconos de beneficios */
  .stk-4695275 > .stk-row,   body /* Boissons: 2 tequilas */
  .stk-e214171 > .stk-row,   body /* Passionnes: 3 miniaturas */
  .stk-729315c > .stk-row,   body /* Contacto: 4 iconos (visítanos, body atención, body envíos, body confianza) */
  .stk-f8fefc8 > .stk-row {  /* Passionnes: 2 servicios + botón */
    display: flex !important; flex-wrap: wrap !important;
    column-gap: 12px !important; row-gap: 12px !important;
    justify-content: center !important; align-items: stretch !important;
    padding: 0 12px !important;
  }
  body .stk-0309653 > .stk-row > .stk-block-column,
  body .stk-a8baa93 > .stk-row > .stk-block-column,
  body .stk-2abf366 > .stk-row > .stk-block-column,
  body .stk-0dcdcdb > .stk-row > .stk-block-column,
  body .stk-4695275 > .stk-row > .stk-block-column,
  body .stk-e214171 > .stk-row > .stk-block-column,
  body .stk-729315c > .stk-row > .stk-block-column,
  body .stk-f8fefc8 > .stk-row > .stk-e923f27,
  body .stk-f8fefc8 > .stk-row > .stk-2c123ee {
    flex: 0 0 calc(50% - 6px) !important; max-width: calc(50% - 6px) !important;
    width: auto !important; margin: 0 !important; min-width: 0 !important; min-height: 0 !important;
  }
  body .stk-f8fefc8 > .stk-row > .stk-583e403 { flex: 0 0 100% !important; max-width: 100% !important; margin: 0 !important; }
  /* Columnas internas (imagen arriba, texto abajo) sin alturas mínimas de escritorio */
  body .stk-0309653 .stk-block-column, body .stk-a8baa93 .stk-block-column, body .stk-2abf366 .stk-block-column,
  body .stk-0dcdcdb .stk-block-column, body .stk-4695275 .stk-block-column, body .stk-e214171 .stk-block-column,
  body .stk-729315c .stk-block-column, body .stk-f8fefc8 .stk-block-column { min-height: 0 !important; }

  /* Imagen principal de cada tarjeta (la primera del bloque, o la que sigue a un espaciador):
     altura automática en lugar de la fija de escritorio */
  body .stk-0309653 .stk-inner-blocks > .stk-block-image:first-child figure,
  body .stk-2abf366 .stk-inner-blocks > .stk-block-image:first-child figure,
  body .stk-0dcdcdb .stk-inner-blocks > .stk-block-image:first-child figure,
  body .stk-4695275 .stk-inner-blocks > .stk-block-image:first-child figure,
  body .stk-e214171 .stk-inner-blocks > .stk-block-image:first-child figure,
  body .stk-729315c .stk-inner-blocks > .stk-block-image:first-child figure,
  body .stk-f8fefc8 .stk-inner-blocks > .stk-block-image:first-child figure,
  body .stk-a8baa93 .stk-block-spacer + .stk-block-image figure {
    height: auto !important; aspect-ratio: 1 / 1; width: 100% !important;
  }
  body .stk-4695275 .stk-inner-blocks > .stk-block-image:first-child figure { aspect-ratio: 3 / 4; }   /* botellas */
  body .stk-2abf366 .stk-inner-blocks > .stk-block-image:first-child figure { aspect-ratio: 4 / 5; }   /* bolsas de café */

  /* Iconos de valores/beneficios: más pequeños, centrados y sin líneas laterales */
  body .stk-a8baa93 .stk-block-spacer + .stk-block-image,
  body .stk-0dcdcdb .stk-inner-blocks > .stk-block-image:first-child,
  body .stk-f8fefc8 .stk-inner-blocks > .stk-block-image:first-child {
    max-width: 150px !important; margin-left: auto !important; margin-right: auto !important;
  }
  body .stk-729315c .stk-inner-blocks > .stk-block-image:first-child { max-width: 110px !important; margin: 0 auto !important; }
  body .stk-a8baa93 .stk-block-image, body .stk-0dcdcdb .stk-block-image, body .stk-729315c .stk-block-image, body .stk-f8fefc8 .stk-block-image,
  body .stk-a8baa93 .stk-block-column, body .stk-0dcdcdb .stk-block-column, body .stk-729315c .stk-block-column, body .stk-f8fefc8 .stk-block-column,
  body .stk-729315c .stk-block-columns, body .stk-f8fefc8 .stk-block-columns,
  body .stk-729315c .stk-container, body .stk-f8fefc8 .stk-container {
    border-left: 0 !important; border-right: 0 !important;
  }
  body .stk-a8baa93 .stk-block-spacer { height: 10px !important; }
  body .stk-a8baa93 { padding: 8px 0 24px !important; }
  body .stk-0dcdcdb .stk-block-column { margin: 4px 0 !important; }

  /* Tipografía dentro de las tarjetas a dos columnas */
  body .stk-0309653 .stk-block-heading__text,
  body .stk-2abf366 .stk-block-heading__text { font-size: 17px !important; line-height: 1.25 !important; }
  body .stk-e214171 .stk-block-heading__text { font-size: 14px !important; line-height: 1.3 !important; }
  body .stk-0309653 .stk-block-text__text { font-size: 13px !important; line-height: 1.4 !important; }
  body .stk-a8baa93 .stk-block-heading__text,
  body .stk-0dcdcdb .stk-block-heading__text,
  body .stk-729315c .stk-block-heading__text { font-size: 15px !important; line-height: 1.25 !important; letter-spacing: .5px !important; text-align: center !important; }
  body .stk-2abf366 .stk-block-column, body .stk-e214171 .stk-block-column { padding: 8px !important; }
  body .stk-2abf366 .stk-block-image, body .stk-e214171 .stk-block-image { padding: 0 !important; }

  /* Botones dentro de tarjetas: más compactos */
  body .stk-0309653 .stk-block-button, body .stk-2abf366 .stk-block-button, body .stk-e214171 .stk-block-button,
  body .stk-4695275 .stk-block-button, body .stk-f8fefc8 .stk-block-button { padding: 0 !important; width: 100%; }
  body .stk-0309653 .stk-button, body .stk-2abf366 .stk-button, body .stk-e214171 .stk-button,
  body .stk-4695275 .stk-button { padding: 9px 8px !important; width: 100% !important; justify-content: center !important; }
  body .stk-0309653 .stk-button__inner-text, body .stk-2abf366 .stk-button__inner-text,
  body .stk-e214171 .stk-button__inner-text, body .stk-4695275 .stk-button__inner-text { font-size: 11px !important; letter-spacing: .4px !important; line-height: 1.3 !important; }
  body .stk-e214171 .stk-button svg, body .stk-4695275 .stk-button svg { width: 14px !important; height: 14px !important; }

  /* Boissons: tarjeta de tequila */
  body .stk-4695275 .stk-block-heading__text { font-size: 17px !important; line-height: 1.2 !important; }
  body .stk-4695275 .stk-block-text__text { font-size: 13px !important; line-height: 1.4 !important; }
  body .stk-4695275 .stk-block-icon-label .stk-block-heading__text { font-size: 12px !important; line-height: 1.3 !important; }
  body .stk-4695275 .stk-block-icon svg { width: 26px !important; height: 26px !important; }
  body .stk-4695275 .stk-block-icon-label { gap: 6px !important; }
  body .stk-4695275 .stk-block-icon-label .stk-block-icon { display: none !important; }  /* el icono de agave no cabe junto al texto */
  body .stk-4695275 .stk-block-icon-label .stk-block-heading__text { text-align: center !important; }
  body .stk-4695275 .stk-e021d20, body .stk-4695275 .stk-b540c8a { width: 100% !important; max-width: 100% !important; margin: 0 auto 10px !important; }
  body .stk-4695275 .stk-e021d20 figure, body .stk-4695275 .stk-b540c8a figure { height: 30px !important; }
  body .stk-4695275 .stk-e021d20 img, body .stk-4695275 .stk-b540c8a img { object-fit: contain !important; }

  /* Passionnes: servicios */
  body .stk-f8fefc8 .stk-15df737, body .stk-f8fefc8 .stk-14e1e28 { height: 10px !important; }
  body .stk-f8fefc8 .stk-4da85b4 { height: 20px !important; }
  body .stk-f8fefc8 .stk-block-heading__text { font-size: 14px !important; line-height: 1.3 !important; text-align: center !important; }
  body .stk-f8fefc8 .stk-829a387 .stk-block-heading__text,
  body .stk-f8fefc8 .stk-8135b67 .stk-block-heading__text { font-size: 13px !important; font-weight: 400 !important; }

  /* =====================================================================
     4. FORMULARIOS (Hotel y Contacto): a todo el ancho
     ===================================================================== */
  body .stk-a79bcd6 { padding: 0 !important; }
  body .stk-a79bcd6 > .stk-row > .stk-block-column,
  body .stk-8d043dd > .stk-row > .stk-block-column,
  body .stk-180b334 > .stk-row > .stk-block-column {
    flex: 1 1 100% !important; max-width: 100% !important; width: 100% !important; margin: 0 !important;
  }
  body .stk-8d043dd { padding: 0 12px !important; }
  body .stk-8d043dd .stk-block-column { padding: 20px 16px !important; }

  /* =====================================================================
     5. LLAMADA FINAL "Recorre la ruta" y aviso de mayores de edad
     ===================================================================== */
  body .stk-e8d07e7 .stk-4f5a73e, body .stk-e8d07e7 .stk-15aed39 { height: 28px !important; }
  body .stk-e8d07e7 .stk-cccfd7f, body .stk-e8d07e7 .stk-5cc3621 { display: none !important; }
  body .stk-e8d07e7 .stk-block-heading__text { font-size: 28px !important; }
  body .stk-420e7c9 .stk-block-heading__text { font-size: 24px !important; line-height: 1.3 !important; }
  body .stk-420e7c9 .stk-block-icon svg { width: 60px !important; height: 60px !important; }

  /* =====================================================================
     6. PIE DE PÁGINA (Blocksy)
     ===================================================================== */
  body .ct-footer-copyright { padding: 0 16px 60px !important; text-align: center; }  /* 60px deja libre el botón de WhatsApp */
  body .ct-footer-copyright p { font-size: 12px; line-height: 1.5; }
  body footer .ct-container, body footer .ct-container-fluid { padding-left: 16px; padding-right: 16px; }
}