/* === ESTILO GENERAL === */
body {
	font-family: Arial, sans-serif;
	color: #333;
	line-height: 1.6;
}
ul, ol {
	padding-left: 20px;
	margin-top: 10px;
}
h2 {
	color: #003366;
	margin-bottom: 20px;
	font-size: 1.8em;
}
/* === CONTENEDOR PRINCIPAL === */
.seguro-caucion,
.seguro-civil {
	max-width: 1000px;
	margin: 60px auto;
	padding: 0 30px;
}
/* === CABECERA DE PÁGINAS === */
.seguro-header {
	background: #f0f4f8;
	color: #003366;
	padding: 80px 30px 60px;
	text-align: center;
}
.seguro-header h1 {
	font-size: 2.8em;
	margin-bottom: 20px;
}
.seguro-header p {
	font-size: 1.3em;
	margin-top: 0;
}
/* === SECCIONES === */
section {
	padding: 60px 0;
}
section.gris,
.gris {
	background: #f5f5f5;
	padding: 40px 20px;
}
.azul {
	background-color: #3c66dc;
	color: white;
	text-align: center;
	padding: 40px 20px;
}
.azul h2,
.azul p,
.azul a {
	color: white !important;
}
.azul a:hover {
	text-decoration: underline;
}
/* === FORMULARIOS === */
form,
.formulario-civil form {
	display: flex;
	flex-direction: column;
	max-width: 600px;
	gap: 15px;
	margin-top: 30px;
}
form input,
form select,
form textarea {
	padding: 12px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
form button {
	padding: 14px;
	background-color: #0056b3;
	color: white;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	margin-top: 10px;
}
/* === PIE DE PÁGINA === */
footer {
	background: #0056b3;
	color: white;
	text-align: center;
	padding: 40px 30px;
	margin-top: 60px;
}
footer a {
	color: white;
	text-decoration: underline;
}
footer.wp-block-template-part,
footer.site-footer,
footer#colophon {
	display: none !important;
}
/* === PÁGINA DE CONTACTO === */
.contacto-item {
	margin-bottom: 40px;
}
.icono-contacto {
	background: white;
	border-radius: 50%;
	padding: 20px;
	width: 100px;
	margin-bottom: 20px;
}
.formulario-contacto h2,
.mapa-ubicacion h2 {
	text-align: center;
	margin-bottom: 20px;
}
/* Espaciado entre párrafos en secciones normales */
section p {
	margin-bottom: 20px;
}
/* Espaciado específico en secciones grises (por si tienes estilos diferentes) */
section.gris p {
	margin-bottom: 20px;
}
.iconos-sociales {
	margin-top: 40px;
}
.iconos-sociales a {
	display: inline-block;
	margin: 0 15px;
	transition: transform .3s ease, filter .3s ease;
}
.iconos-sociales a:hover {
	transform: scale(1.15);
	filter: brightness(1.1);
}
.iconos-sociales img {
	width: 48px;
	border-radius: 50%;
}
/* Ajuste de tamaño y márgenes en móviles */
@media (max-width: 767px) {
	.seguro-header h1,
	.seguro-header h2 {
		font-size: 2rem;
		line-height: 1.2;
	}
	
	.seguro-caucion, .seguro-caucion section {
		padding: 15px;
	}
	
	.formulario-caucion {
		margin: 10px 0;
	}
	
	/* Asegurar que no haya scroll horizontal */
	body {
		overflow-x: hidden;
	}
}
/* Fix: ocultar titulo automatico duplicado (entry-title) en TODAS las paginas (servicios, legales, etc.), ya que todas tienen su propio titulo dentro del contenido. */
.page .entry-title {
	display: none;
}

/* En el blog (entradas), el titulo se muestra normal, EXCEPTO en el pilar y los dos satelites del cluster, que tambien lo traen repetido en el contenido. */
.postid-4317 .entry-title,
.postid-5022 .entry-title,
.postid-5031 .entry-title {
	display: none;
}
/* Fix: igualar tamano de los iconos de "Tipos de garantias" y "Otros productos" en home al de "Por que elegirnos" */
#post-2145 .aligncenter:not(.is-resized) img {
	width: 128px !important;
	height: auto !important;
}
/* Fix: mostrar el logo de caucion.net en vez del texto en el menu, manteniendo el enlace y el texto para accesibilidad/SEO */
.main-menu .menu-caucion-logo a,
.main-menu .menu-caucion-logo a:hover,
.main-menu .menu-caucion-logo a:visited,
.main-menu .menu-caucion-logo a:focus {
	display: block !important;
	height: 1.5em !important;
	width: calc(1.5em * 392 / 81) !important;
	background-image: url('https://bondingbrokers.es/wp-content/uploads/2026/08/caucion-net-logo-cropped.png') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	color: transparent !important;
	padding: 0 !important;
	text-indent: -9999px !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	position: relative !important;
	top: -4px !important;
}
.entry-meta {
  display: none;
}
.entry-footer {
  display: none;
}
/* Ocultar la imagen destacada dentro de la entrada individual */
.single-post .post-thumbnail {
  display: none;
}
/* Controlar el tamaño en el listado del blog */
.blog .post-thumbnail img {
  max-width: 700px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 8px;
}
.blog .entry-title {
  text-align: center;
}
.main-menu a {
	color: #3e69dc !important;
}

/* Unificar color de titulos y subtitulos con el azul de los botones, en todo el sitio (paginas y entradas) */
h1,
h2 {
	color: #0056b3 !important;
}


/* Fix: boton CTA de las entradas del blog tenia el azul oscuro antiguo (#0e2a52) puesto a mano en el contenido */
.entry-content a[style*="#0e2a52"] {
    background-color: #0056b3 !important;
}

/* Fix: enlaces dentro de titulos (h1/h2) llevaban su propio color de enlace en vez del azul unificado */
.entry-title a,
h1 a,
h2 a {
    color: #0056b3 !important;
}

/* Fix: separar el logo de caucion.net del item "Blog" en el menu movil, queda demasiado pegado */
@media (max-width: 559px) {
    .main-menu .menu-caucion-logo {
        margin-top: 15px;
    }
}