/* =========================== SPEN PROPIEDADES CSS V2 Compacto
=========================== */

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:‘Poppins’,sans-serif;background:#f5f5f5;color:#222;}
img{max-width:100%;display:block;} a{text-decoration:none;}

.contenedor{ width:1180px; max-width:94%; margin:auto; }


/* HERO */

.hero-tasacion{

    height:380px;

       background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.2)),
               url("../assets/banner-tasaciones.jpg") center/cover no-repeat;

    background-size:cover;

    background-repeat:no-repeat;

    position:relative;

}

.overlay{ position:absolute; inset:0; background:rgba(0,0,0,.2); }

.hero-tasacion .contenido{ position:relative; z-index:2; width:1180px;
max-width:92%; margin:auto; height:100%; display:flex;
flex-direction:column; justify-content:center; color:#fff; }

.hero-tasacion h1{ font-size:40px; line-height:44px; max-width:700px; }

.hero-tasacion p{ margin-top:15px; font-size:16px; max-width:650px; }

/* FORMULARIO */

.formulario-tasacion{ margin-top:-15px; position:relative; z-index:5; }

.formulario-tasacion .contenedor{ background:#fff; border-radius:16px;
padding:22px; box-shadow:0 15px 40px rgba(0,0,0,.2); }

.formulario-tasacion h2{ font-size:28px; margin-bottom:8px; }

.formulario-tasacion p{ margin-bottom:12px; color:#555; }

.fila{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }

input,select,textarea{ width:100%; padding:11px; margin-bottom:10px;
border:1px solid #ddd; border-radius:10px;
font-family:Poppins,sans-serif; font-size:14px; }

button{ width:100%; padding:12px; border:none; border-radius:10px;
background:#8c0000; color:#fff; font-size:15px; font-weight:600;
cursor:pointer; }

/* VENTAJAS */

.ventajas{padding:22px 0;}

.ventajas h2{ text-align:center; font-size:28px; margin-bottom:20px; }

.cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }

.card{ padding:16px; border-radius:16px; color:#fff; }

.card:nth-child(1){background:#7a0d0d;}
.card:nth-child(2){background:#d7a11d;color:#222;}
.card:nth-child(3){background:#2f2f2f;}

.card h3{ font-size:19px; margin-bottom:8px; }

.card p{ line-height:24px; font-size:14px; }