/* =====================================================================
   CONTACTO - Transportes Ceacero
   Versión: 110626  ·  Carga: is_page('contacto')
   Layout con columnas nativas de Gutenberg
   ===================================================================== */

body .tc-cont{ background:var(--tc-blanco); }
body .tc-cont .tc-cont-cols{ max-width:var(--tc-ancho); margin:0 auto; padding:0 24px; gap:50px; align-items:flex-start; }

/*---------- Columna de datos ------------*/
body .tc-cont-datos h2{ font-size:28px; margin:0 0 22px; }
body .tc-cont-bloque{ display:flex; align-items:flex-start; gap:14px; margin-bottom:22px; }
body .tc-cont-bloque .tc-ico{ color:var(--tc-tc-azul); width:26px; height:26px; flex:0 0 auto; margin-top:2px; }
body .tc-cont-bloque strong{ display:block; color:var(--tc-azul); font-size:16px; margin-bottom:2px; }
body .tc-cont-bloque a, body .tc-cont-bloque span{ color:var(--tc-texto-suave); font-size:16px; line-height:1.5; }
body .tc-cont-bloque a:hover{ color:var(--tc-amarillo-osc); }

/*---------- Columna del formulario ------------*/
body .tc-cont-form{ background:var(--tc-gris); border:1px solid var(--tc-gris-borde); border-radius:var(--tc-radio); padding:34px 30px; }
body .tc-cont-form .wpcf7-form p{ margin:0 0 16px; }
body .tc-cont-form label{ display:block; font-weight:600; font-size:14px; color:var(--tc-azul); margin-bottom:6px; }
body .tc-cont-form input[type="text"], body .tc-cont-form input[type="email"], body .tc-cont-form textarea{ width:100%; font-family:var(--tc-fuente); font-size:16px; color:var(--tc-texto); background:var(--tc-blanco); border:1px solid var(--tc-gris-borde); border-radius:10px; padding:13px 15px; }
body .tc-cont-form input:focus, body .tc-cont-form textarea:focus{ outline:none; border-color:var(--tc-azul); }
body .tc-cont-form textarea{ min-height:140px; resize:vertical; }
body .tc-cont-form .wpcf7-acceptance label{ display:flex; align-items:flex-start; gap:10px; font-weight:400; font-size:14px; color:var(--tc-texto-suave); }
body .tc-cont-form .wpcf7-acceptance input{ width:auto; margin-top:3px; }
body .tc-cont-form .wpcf7-submit{ width:100%; font-family:var(--tc-fuente); font-weight:700; font-size:16px; color:var(--tc-blanco); background:var(--tc-azul); border:none; border-radius:50px; padding:16px 28px; cursor:pointer; transition:background-color .2s ease,transform .15s ease; }
body .tc-cont-form .wpcf7-submit:hover{ background:var(--tc-azul-osc); transform:translateY(-2px); }

/*---------- Mapa ------------*/
body .tc-mapa{ line-height:0; }
body .tc-mapa iframe{ width:100%; height:420px; border:0; display:block; }

/*---------- responsive ------------*/
@media (max-width:781px){
body .tc-cont .tc-cont-cols{ gap:34px; }
body .tc-mapa iframe{ height:320px; }
}
@media (max-width:767px){
body .tc-cont-form{ padding:26px 20px; }
}
