/*
Theme Name: Diario de barcelona
Theme URI: https://infosos.es  
Version: 1.1
Description: Tema hijo para Diario de Barcelona - Color Corregido
Author: Miaucreativo / Adaptado por Gemini
Author URI: https://noticiesdebarcelona.cat
Template: Divi
*/  

:root {
  /* CAMBIO DE COLOR: De verde a Rojo Diario de Barcelona */
  --main-color: #db2a29; 
  --main-light: #ff4d4c; /* Versión clara para hovers */
  --sec-color: #974663;
  --back-color: #e2e2e0;
  --azul: #516477;

  --separacion: 25px;
  --separacion-neg: -25px;
  --separacion-peq: 10px;
  --separacion-grande: 40px;
  --separacion-muy-grande: 150px;
  --separacion-celdas: 30px;
  --separacion-celdas-neg: -30px;

  --separacion-seccion: 25px;
  --separacion-cabecera: 15px;

  /* ANCHURAS DE CONTENIDO */
  --ancho-desktop: 80%;
  --ancho-desktop-agente: 95%;
  --ancho-tablet: 90%;
  --ancho-mobile: 90%;
}

/* GENERAL */
.et_social_inline_bottom {
  margin-top: var(--separacion) !important;
}

.mensaje {
  text-align: center;
}

.mensaje.error {
  background-color: #ff5d5d;
  color: white;  
}

.banner-menu .et_pb_column {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}

#main-content button.boton,
#main-content form.frontend-form div:not(.mce-widget) > button {
  background-color: var(--main-color);
  padding: .1em 1em;
  font-size: 18px;
  color: white;
  border: 0px;
  height: 40px;
  text-transform: uppercase;
} 

form.frontend-form .select2-selection--single {
  height: 40px;
  padding-top: 5px;
  border-radius: 0px;
} 

form.frontend-form .select2-selection--multiple {
  border-radius: 0px;   
}

#main-content button.boton:hover,
#main-content form.frontend-form div:not(.mce-widget) > button:hover {
  background-color: var(--main-light);
}

#main-content button.boton.alternativo {
  background-color: var(--azul);
}

#main-content button.boton.alternativo:hover {
  filter: brightness(1.2); 
  cursor: pointer;
}

#main-content form.entrada {
  display: flex;
  gap: 15px;
}

#main-content form.entrada input:not([type='checkbox']), 
#main-content form.entrada select, 
#main-content form.frontend-form input:not([type='checkbox']),
#main-content form.frontend-form select {
  height: 40px;
  padding: 0px 10px 0px 10px;
}

#main-content form.frontend-form input[type='number'] {
  border: 1px solid #7e8993;
}

#main-content form.frontend-form .acf-field-true-false {
  display: flex;
}

/* Para maquetar el contenido del post en el generador de temas */
.et_pb_row .et_pb_post_content .et_pb_row {
    width: 100%;
}

.et_pb_row .et_pb_post_content .et_pb_section {
    padding: 0%;
}

/* BOTONES GLOBALES */
input[type=submit] {
  background-color: var(--main-color); /* Usamos la variable para consistencia */
  color: white;
  border: 0px;
  padding: 0.3em 1em; 
  font-weight: 700; 
  font-size: 20px;
  text-transform: uppercase;
}

input[type=submit]:hover {
    background-color: var(--main-light);
    cursor: pointer;
}

/* FORMULARIO LOGIN (Corrección de visibilidad) */
#loginform input[type=submit] {
  background-color: var(--main-color) !important;
  color: white !important;
  border-radius: 4px;
}

#loginform input[type=submit]:hover { 
  background-color: var(--main-light) !important;
}

.material-icon {
  /* CORRECCIÓN: Se cambió variable inexistente por main-color */
  color: var(--main-color) !important;
  font: normal normal normal 36px/1 "Material Design Icons";
}

.icono-favorito::before {
  cursor: pointer;
}

.icono-favorito {
  font-size: 26px !important;
}

.icono-favorito::before {
  content: "\F02D5";
}

.icono-favorito.si-favorito::before {
    content: "\F02D1";
}

/* Menu usuario */
#menu-menu-usuario .current-menu-item {
    background-color: var(--main-color);
}

#menu-menu-usuario .current-page-ancestor:not(.et_pb_menu_page_id-5765) {
    background-color: var(--main-color);
}

#menu-menu-usuario li {
    align-items: center;
    margin: 0px;
    padding: 10px;
}

#menu-menu-usuario li a {
    padding: 0px;
}

/* Resto de estilos de maquetación (sin cambios de color necesarios) */
.listado-posts { display: flex; flex-direction: column; gap: 25px; }
.listado-posts.en-los-medios { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; }
.listado-posts .cabecera { margin-bottom: 35px; }
.listado-posts.horizontal { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 25px; }
.listado-posts .item { border: 1px solid var(--azul); position: relative; display: grid; grid-template-columns: 0.3fr 0.7fr; grid-row-gap: 15px; max-height: 250px; overflow: hidden; }
.listado-posts .item.medios { border: 0px; grid-template-rows: 200px auto; grid-template-columns: unset; max-height: unset; }
.listado-posts .item.ayuda::after, .listado-posts .item.demanda::after { position: absolute; background-color: var(--azul); color: white; top: 10px; right: 0px; padding: 0px 10px; }
.listado-posts .item.ayuda::after { content: 'OFERTA'; }
.listado-posts .item.demanda::after { content: 'DEMANDA'; }
.listado-posts .item .imagen img { height: 100%; max-height: 250px; width: 100%; object-fit: cover; }
.contenedor-valoraciones span.star.seleccionado { color: gold; }