/**
 * Páginas clásicas (Cart, Verificación, Contacto, Accesibilidad).
 * Réplica de los envoltorios de Elementor: contenedor centrado de 1140px
 * (ancho por defecto del kit) y títulos centrados como el CSS adicional
 * del Customizer hacía con .elementor-heading-title.
 */

.samaruc-pagina {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 10px;
}

/* Títulos de página centrados (equivale al CSS adicional del Customizer) */
.samaruc-pagina h2 {
    text-align: center;
}

/* ---------- Carrito: espacio inferior de los 3 separadores blancos ---------- */
.samaruc-pagina--cart {
    padding-bottom: 93px; /* 3 divisores blancos de 15+15px + 1px */
}

/* ---------- Contacto ---------- */
.samaruc-pagina--contacto {
    max-width: 1500px;   /* ancho del bloque formulario+imagen original */
    padding-bottom: 71px; /* divisor blanco final (35+35+1px) */
}
.samaruc-pagina--contacto h2 {
    font-size: 26px;
}
.samaruc-linea {
    border: 0;
    border-top: 1px solid #E5E5E5;
    margin: 10px 0;
    width: 100%;
}
.samaruc-contacto-fila {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.samaruc-contacto-form {
    flex: 0 0 56%;
    max-width: 56%;
}
.samaruc-contacto-imagen {
    flex: 0 0 44%;
    max-width: 44%;
}
.samaruc-contacto-imagen img {
    height: auto;
    margin: -30px -300px 0 0; /* desplazamiento del original en escritorio */
}

@media (max-width: 767px) {
    .samaruc-contacto-form,
    .samaruc-contacto-imagen {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .samaruc-contacto-imagen img {
        margin: 0;
    }
}