/* =========================================================
   V37 — ajuste puntual sobre GAEL34
   Alcance: reseñas móvil (Inicio + Nosotros) e iconografía
   de Propuesta de Valor / Misión y Visión en Nosotros.
   No modifica estructura general, textos, header, footer ni CTAs.
   ========================================================= */

/* 1) RESEÑAS MÓVIL: corrige la causa real del viewport estrecho.
   V34 volvía a imponer una grid 42px/1fr/42px después de resenas.css.
   En móvil el carrusel debe volver a un viewport de ancho completo y
   las flechas se superponen como controles, sin ocupar columnas. */
@media (max-width: 699px) {
  .seccion-resenas .resenas-carrusel-zona {
    --resenas-visibles: 1;
    --resenas-gap: 16px;
    position: relative;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
  }

  .seccion-resenas .resenas-viewport {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    padding: 10px 6px 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    touch-action: pan-y pinch-zoom;
  }

  .seccion-resenas .resenas-track {
    display: flex !important;
    align-items: stretch !important;
    gap: var(--resenas-gap) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .seccion-resenas .resena-tarjeta {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 320px !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere;
  }

  .seccion-resenas .resenas-nav {
    position: absolute !important;
    top: 50% !important;
    z-index: 5 !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
  }
  .seccion-resenas .resenas-nav-prev { left: 2px !important; }
  .seccion-resenas .resenas-nav-next { right: 2px !important; }

  /* Elimina alturas/filas implícitas que puedan conservar hueco vacío. */
  .seccion-resenas .resenas-carrusel-zona,
  .seccion-resenas .resenas-viewport,
  .seccion-resenas .resenas-track {
    min-height: 0 !important;
  }
}

/* 2) ICONOGRAFÍA NOSOTROS — mismo lenguaje del mockup final.
   Los SVG son vectoriales para conservar nitidez en cualquier DPI. */
body.pagina-nosotros .nos-servicio > span {
  width: 58px;
  height: 58px;
  margin-bottom: 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.pagina-nosotros .nos-servicio > span svg {
  width: 48px;
  height: 48px;
  display: block;
  overflow: visible;
  shape-rendering: geometricPrecision;
}

body.pagina-nosotros .nos-mv-icono {
  width: 96px;
  height: 96px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
}
body.pagina-nosotros .nos-mv-icono svg {
  width: 86px;
  height: 86px;
  display: block;
  overflow: visible;
  shape-rendering: geometricPrecision;
}

@media (max-width: 720px) {
  body.pagina-nosotros .nos-servicio > span svg { width: 44px; height: 44px; }
  body.pagina-nosotros .nos-mv-icono { width: 82px; height: 82px; }
  body.pagina-nosotros .nos-mv-icono svg { width: 74px; height: 74px; }
}