:root{
  --blue-900:#1a2f5a;
  --blue-950:#0f1c36;
  --red-700:#9b1d22;
  --text:#1a1d21;
  --muted:#605e5d;
  --bg:#f2f2f1;
  --yellow:#e2bb15;
  --white:#ffffff;
}

main {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

h3 {
    margin: 0;
}

.seguro-casa-contenido {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    align-items: stretch; 
}

.seguro-casa-contenido > div {
    display: flex;              
    flex-direction: column;     
    justify-content: center;  
    border-radius: 20px;
}

.seguro-casa-contenido p {
    text-align: justify;
    margin: 0;
    padding: 0;
}

.seguro-casa-contenido img {
    border-radius: 20px;
    width: 100%;
    height: 100%;  
    object-fit: cover; 
}

.seguro-casa-contenido__texto {
    padding: 1rem 2rem;
}

/* Utilities */
.box-shadow {
    box-shadow: 6px 10px 18px rgba(0, 0, 0, 0.45);
}

.white-background {
  background:var(--bg) !important;
}

.text-color-black {
  color: black !important;
}

.justify-text {
    text-align: justify;
}

@media (max-width: 768px) {
  .contenedor {
    max-width: 90%;
  }
}

@media (max-width: 480px) {
  .contenedor {
    max-width: 90%;
  }
}

.pd-3rem-y {
    padding: 3rem 0;
}

/* Responsivo */
@media (max-width: 820px) {
    .seguro-casa-contenido {
        grid-template-columns: 1fr;
    }

    
    .seguro-casa-contenido > div:nth-child(odd) {
        order: 1; 
    }

    .seguro-casa-contenido > div:nth-child(even) {
        order: 2; 
    }

    .seguro-casa-contenido > div {
        height: auto; 
    }

    .seguro-casa-contenido img {
        height: auto; 
    }
}

/* Ubicacion Grid */
.ubicacion-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

.dos-ubicaciones {
    background-color: #e9e9e9;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.ubicacion-grid__cuadro1 {
    text-align: justify;
    margin: 0 auto;
    width: 80%;
}

.toda-california {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: var(--bg);
    text-transform: uppercase;
    margin: 2rem 0;
}

.ubicacion-grid__cuadro2 {
    display: grid;
    gap: 2rem;
    margin: 0 auto;
    width: 80%;
}

.ubicacion-grid__cuadro2 span, 
.ubicacion-grid__cuadro2 .address {
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    font-weight: 600;
}

.ubicacion-grid__cuadro2 .address {
    margin: 0 0 0.5rem 0;
}


hr {
    display: none;
}

/* --- Responsivo --- */
@media (max-width: 820px) {
    .ubicacion-grid {
        grid-template-columns: 1fr; 
        width: 80%; 
        margin: 0 auto;
    }

    .requisito-container {
        width: 80%;
    }

    .ubicacion-grid__cuadro2 {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .ubicacion-grid__cuadro1 {
        text-align: center;
        width: 100%;
    }

    hr {
        border: none;
        height: 1px;
        background-color: var(--blue-900);
        width: 90%;
        margin: 1.5rem auto;
        display: block; 
    }
}

.hero-casa {
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), 
    url("/images/seguro-casa/Hero-Casa.png");                            
  background-size: cover;
  background-position: center;
  z-index: 1;
  position: relative;
  color: black;  /* texto oscuro para contraste con el overlay blanco */
}


html, body {
  overflow-x: hidden;
}