/* Nosotros, servicios, contacto, reclamaciones, legales y 404 */
.dos-col { display: grid; gap: var(--esp-6); align-items: center; }
@media (min-width: 900px) { .dos-col { grid-template-columns: 1fr 1fr; gap: var(--esp-7); } }
.dos-col img { border-radius: var(--radio-lg); }

.tarjetas { display: grid; gap: var(--esp-5); grid-template-columns: 1fr; list-style: none; padding: 0; margin: 0; }
@media (min-width: 768px) { .tarjetas { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .tarjetas--3 { grid-template-columns: repeat(3, 1fr); } .tarjetas--4 { grid-template-columns: repeat(4, 1fr); } }
.panel { background: #fff; border: 1px solid var(--color-borde); border-radius: var(--radio); padding: var(--esp-5); }
.panel h3 { margin-bottom: var(--esp-2); }
.panel p:last-child { margin-bottom: 0; }
.panel__icono { width: 48px; height: 48px; display: grid; place-items: center; background: var(--color-fondo-verde); color: var(--color-primario-oscuro); border-radius: 12px; margin-bottom: var(--esp-3); }
.panel__icono .icono { width: 26px; height: 26px; }

.contacto { display: grid; gap: var(--esp-6); padding-block: var(--seccion-y); }
@media (min-width: 900px) { .contacto { grid-template-columns: 1.2fr 1fr; } }
.datos { list-style: none; padding: 0; margin: 0 0 var(--esp-5); display: grid; gap: var(--esp-4); }
.datos li { display: flex; gap: var(--esp-3); align-items: flex-start; }
.datos .icono { color: var(--color-primario); margin-top: 3px; }
.mapa { width: 100%; height: 320px; border: 0; border-radius: var(--radio); background: var(--color-fondo-verde); }

.formulario-tarjeta { background: #fff; border: 1px solid var(--color-borde); border-radius: var(--radio-lg); padding: clamp(1.25rem, 1rem + 2vw, 2.25rem); }
.formulario-tarjeta fieldset { border: 0; padding: 0; margin: 0 0 var(--esp-5); display: grid; gap: var(--esp-4); min-width: 0; }
.formulario-tarjeta fieldset > legend { font-weight: 600; font-size: var(--texto-lg); padding: 0 0 var(--esp-3); border-bottom: 2px solid var(--color-fondo-verde); width: 100%; margin-bottom: var(--esp-3); }
.datos-proveedor { background: var(--color-fondo-claro); border: 1px solid var(--color-borde); border-radius: var(--radio-sm); padding: var(--esp-4); font-size: var(--texto-sm); margin-bottom: var(--esp-5); }

.legal { max-width: 820px; padding-block: var(--seccion-y); }
.legal h2 { font-size: var(--texto-xl); margin-top: var(--esp-6); }
.legal__borrador { margin-bottom: var(--esp-5); }

.valores { display: grid; gap: var(--esp-3); grid-template-columns: repeat(2, 1fr); list-style: none; padding: 0; margin: 0; }
@media (min-width: 768px) { .valores { grid-template-columns: repeat(4, 1fr); } }
.valores li { background: #fff; border: 1px solid var(--color-borde); border-left: 4px solid var(--color-primario); border-radius: var(--radio-sm); padding: var(--esp-3) var(--esp-4); font-weight: 500; font-size: var(--texto-sm); }

.error404 { text-align: center; padding-block: var(--seccion-y); }
.error404__codigo { font-size: clamp(5rem, 4rem + 10vw, 10rem); font-weight: 600; line-height: 1; color: var(--color-primario); margin: 0; }
.error404__acciones { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--esp-3); margin-top: var(--esp-5); }