/* Ajustes propios de loreformas.com (cargar después de style.css) */

/* El titular de portada ahora es un <h1> (SEO); misma apariencia que el antiguo h3 */
.banner-section .content-column h1 {
  font-size: 50px;
  line-height: 60px;
  color: #202124;
  font-weight: 500;
  margin-bottom: 25px;
}
.banner-section .content-column h1 .colored { color: #1967D2; }

@media only screen and (max-width: 1366px) {
  .banner-section .content-column h1 { font-size: 40px; line-height: 1.2em; margin-bottom: 20px; }
}
@media only screen and (max-width: 767px) {
  .banner-section .content-column h1 { font-size: 32px; }
  .banner-section .content-column h1 br { display: none; }
}

/* Botones del hero (sustituyen al buscador de la plantilla) */
.hero-cta { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 10px; }
.hero-cta .theme-btn { min-width: 220px; }
.hero-cta .btn-outline {
  background: #fff;
  color: #1967D2;
  border: 1px solid #1967D2;
}
.hero-cta .btn-outline:hover { background: #1967D2; color: #fff; }

/* Trabajos finalizados: etiqueta en lugar de los datos de la plantilla */
.job-block .job-other-info .done { background: rgba(52,168,83,.15); color: #34A853; }

/* Páginas personalizadas (aviso legal, privacidad, servicios...) */
.custom-page { padding: 140px 0 80px; }
.custom-page h1 { font-size: 36px; font-weight: 500; color: #202124; margin-bottom: 30px; }
.custom-page .page-content { font-size: 16px; line-height: 1.7; color: #444; }
.custom-page .page-content h2 { font-size: 26px; margin: 30px 0 15px; }
.custom-page .page-content h3 { font-size: 20px; margin: 25px 0 10px; }
.custom-page .page-content p,
.custom-page .page-content ul,
.custom-page .page-content ol { margin-bottom: 15px; }

/* Banner de cookies */
.cookie-banner {
  position: fixed; left: 20px; right: 20px; bottom: 20px; z-index: 9999;
  max-width: 720px; margin: 0 auto;
  background: #202124; color: #fff; border-radius: 8px;
  padding: 18px 22px; display: none;
  box-shadow: 0 6px 24px rgba(0,0,0,.25);
  font-size: 14px; line-height: 1.5;
}
.cookie-banner.show { display: flex; gap: 15px; align-items: center; flex-wrap: wrap; }
.cookie-banner p { margin: 0; flex: 1 1 300px; color: #fff; }
.cookie-banner a { color: #8ab4f8; text-decoration: underline; }
.cookie-banner button {
  background: #1967D2; color: #fff; border: 0; border-radius: 6px;
  padding: 10px 22px; cursor: pointer; font-size: 14px;
}