/*
Theme Name: Hormesa
Template: hello-elementor
Version: 1.0
Author: Esteban
Description: Tema hijo de Hello Elementor para el rediseño de Hormesa.
*/


/*PÁGINA PRINCIPAL*/


.title-banner-hero strong{
    font-weight: 700; 
}

.target-procesos {
  height: 167px;
  overflow: hidden;
  background-color: white;
  transition: background-color 0.3s ease, height 0.3s ease;
  cursor: pointer;
}

/* Hover (cuando NO está expandido) */
.target-procesos:hover:not(.expanded) {
  background-color: #143888;
}

.target-procesos:hover:not(.expanded) .target-procesos-title,
.target-procesos:hover:not(.expanded) .target-procesos-equipos-para {
  color: white;
}

/* Estado expandido (clic) */
.target-procesos.expanded {
  background-color: #143888;
}

.target-procesos.expanded .target-procesos-title,
.target-procesos.expanded .target-procesos-equipos-para {
  color: white;
}



.hover-sin-border-rojo a:hover{
    border-color: #C32C31!important;
}

.hover-sin-border-azul a:hover{
    border-color: #143888!important;
}




/*CSS GLOBAL*/

.title-seccion::before{
    content: "";
    width: 5px;
    height: 15px;
    position: absolute;
    background-color: red;
}


.menu-desktop li:last-child a{
    background-color: #143888;
    padding: 9px 25px!important;
    border-radius: 2px!important;
    color: white!important;
    font-weight: 800!important;
    font-size: 13px!important;
    text-transform: uppercase!important;
    line-height: 16px!important;
}


.menu-desktop li:last-child a:hover{
    background-color: #C32C31;
    padding: 9px 25px!important;
    border-radius: 2px!important;
    color: white!important;
    font-weight: 800!important;
    font-size: 13px!important;
    text-transform: uppercase!important;
    line-height: 16px!important;
}



.menu-desktop li:last-child a.elementor-item-active{
    background-color: #C32C31;
    padding: 9px 25px!important;
    border-radius: 2px!important;
    color: white!important;
    font-weight: 800!important;
    font-size: 13px!important;
    text-transform: uppercase!important;
    line-height: 16px!important;
}


.elementor-button span {
    text-decoration: none!important;
}

.comments-area a, .page-content a{
    text-decoration: none!important;
}



/*SOCIOS ESTRATEGICOS*/

.grid-socios {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(345px, 1fr));
  gap: 20px;
  justify-content: center;
}

.socio-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 345px;
  height: 285px;
  padding: 30px;
  border-radius: 5px;
  box-shadow: 3px 3px 10px 0px #00000040!important;
  background-color: white;
  text-decoration: none;
  cursor: pointer; /* ✅ cursor tipo botón */
}


.socio-img {
  width: 285px;
  height: 169px!important;
  object-fit: cover;
  border-radius: 5px;
}

.btn-visitar {
  background-color: #143888;
  color: white;
  padding: 9px 15px;
  border-radius: 4px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

/* ✅ Al pasar el mouse sobre la tarjeta, cambia solo el botón */
.socio-card:hover .btn-visitar {
  background-color: #C32C31;
}




   .ficha-tecnica-table {
  overflow-x: auto;
  width: 100%;
  margin-top: 20px;
}

.tabla-ficha {
  width: 100%;
  border-collapse: collapse;
  font-family: Lato, sans-serif;
  font-size: 14px;
}

/* Caption */
.tabla-ficha caption {
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  color: #143888;
}

/* Encabezado */
.tabla-ficha th {
  background-color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #143888;
  border: 0px solid #ddd;
  padding: 10px;
  text-align: left;
}

/* Celdas del body */
.tabla-ficha td {
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: black;
  border: 0px solid #ddd;
  padding: 10px;
  text-align: left;
}

/* Fila par */
.tabla-ficha tbody tr:nth-child(even) {
  background-color: #FFFFFF;
}

/* Responsive ajustes generales */
@media screen and (max-width: 768px) {
  .tabla-ficha {
    font-size: 13px;
  }

  .tabla-ficha th,
  .tabla-ficha td {
    padding: 8px;
  }
}