/* =================================
   CONTACTO – ZETRONICS
================================= */

/* CONTENEDOR GENERAL */

.ztr-contact-wrapper{
max-width:1200px;
margin:auto;
padding:40px 20px;
}


/* GRID PRINCIPAL */

.ztr-contact-grid{
display:grid;
grid-template-columns:minmax(260px,320px) 1fr;
gap:40px;
align-items:start;
}




/* TARJETAS */

.ztr-contact-card,
.ztr-form{
border:1px solid #e5e7eb;
border-radius:10px;
padding:22px;
display:flex;
flex-direction:column;
gap:14px;
}


/* TITULOS */

.ztr-cc-title{
font-weight:600;
font-size:18px;
margin-bottom:12px;
   text-align:center;
   margin-bottom:30px;
   
}


/* ITEM CONTACTO */

.ztr-cc-item{
display:flex;
gap:12px;
align-items:flex-start;
}


/* ICONOS */

.ztr-cc-icon svg{
width:22px;
height:22px;
stroke:#005fa8;
fill:none;
flex-shrink:0;
margin-top:2px;
}


/* TEXTO */

.ztr-cc-label{
font-weight:600;
font-size:14px;
}

.ztr-cc-data{
font-size:14px;
line-height:1.4;
}

.ztr-cc-data a{
text-decoration:none;
color:inherit;
}

.ztr-cc-data a:hover{
text-decoration:underline;
}


/* DIVIDER */

.ztr-divider{
border-top:1px solid #e5e7eb;
margin:14px 0;
}


/* TRUST */

.ztr-trust{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.ztr-trust-item{
font-size:13px;
}


/* =================================
   FORMULARIO
================================= */

/* GRID FILAS */

.ztr-row{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-bottom:18px;
}

.ztr-row-full{
margin-bottom:18px;
}


/* INPUTS */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea{

width:100%;
padding:12px 14px;
font-size:15px;
border:1px solid #d1d5db;
border-radius:6px;
background:#fff;
transition:.2s;
}


.wpcf7 textarea{
height:150px;
resize:vertical;
}


/* FOCUS */

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus{

outline:none;
border-color:#005fa8;
box-shadow:0 0 0 2px rgba(0,95,168,0.1);

}


/* BOTON */

.wpcf7 input[type="submit"]{

background:#005fa8;
color:#fff;
font-weight:600;
border:none;
padding:14px 28px;
border-radius:6px;
cursor:pointer;
transition:.25s;

}

.wpcf7 input[type="submit"]:hover{

background:#004a85;
transform:translateY(-1px);

}


/* =================================
   RESPONSIVE
================================= */

/* TABLET ASTRA */

@media (max-width:922px){

.ztr-contact-wrapper{
padding:35px 18px;
}
	.ztr-contact-grid{
grid-template-columns:1fr;
}

}

/* MOBILE ASTRA */

@media (max-width:544px){

.ztr-contact-wrapper{
padding:30px 16px;
}

.ztr-contact-card,
.ztr-form{
padding:18px;
   margin-bottom:30px;
}

.ztr-cc-title{
font-size:17px;
}

}