/* 
Theme Name: Marina Turro (Hello Elementor Child)
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/




.wpml-ls-menu-item a span {
  font-weight: 400;
}

/* =========================================
   GALERÍAS (estilo compartido)
   ========================================= */

/* Contenedor compartido */
.imatges_galeria {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}

/* Ítems */
.imatge_galeria {
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
  aspect-ratio: auto !important; /* evita cuadrados forzados */
  height: auto !important;
}

/* Imagen interna */
.imatge_galeria img,
.imatge_galeria .imatge_galeria__img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: cover;
  border-radius: 10px;
}

/* Mapeo columnas (clases empiezan por número) */
.imatge_galeria[class~="1de1"],
.imatge_galeria[class~="1of1"] { grid-column: span 12; } /* 100% */

.imatge_galeria[class~="1de2"],
.imatge_galeria[class~="1of2"] { grid-column: span 6; }  /* 1/2  */

.imatge_galeria[class~="1de3"],
.imatge_galeria[class~="1of3"] { grid-column: span 4; }  /* 1/3  */

/* ===== Responsive ===== */
/* Tablet: mantenemos 1/3 como 1/3. NO los cambiamos a medios */
@media (max-width: 1024px) {
  .imatge_galeria[class~="1de1"],
  .imatge_galeria[class~="1of1"] { grid-column: span 12; }

  .imatge_galeria[class~="1de2"],
  .imatge_galeria[class~="1of2"] { grid-column: span 6; } /* siguen a medios */
}

/* Mobile: todo a una columna */
@media (max-width: 768px) {
  .imatge_galeria[class~="1de1"],
  .imatge_galeria[class~="1de2"],
  .imatge_galeria[class~="1de3"],
  .imatge_galeria[class~="1of1"],
  .imatge_galeria[class~="1of2"],
  .imatge_galeria[class~="1of3"] {
    grid-column: span 12;
  }
}




/* ====== Bootstrap-like layout ====== */
.projects-block { 
  display:block; 
  isolation:isolate;    /* aísla el stacking si hay z-index previos */
  margin-bottom:0; 
}

.projects-block .row {
  display:flex;
  flex-wrap:wrap;
  margin-left:-5px;   /* guters */
  margin-right:-5px;
  margin-bottom: -10px;
}

.projects-block .col-12,
.projects-block .col-md-6,
.projects-block .col-lg-4{
  padding-left:5px;
  padding-right:5px;
  box-sizing:border-box;
  width:100%;          /* mobile: 1 col */
}

/* >= 768px: 2 columnas */
@media (min-width:768px){
  .projects-block .col-md-6{ width:50%; }
}

/* >= 1024px: 3 columnas */
@media (min-width:1024px){
  .projects-block .col-lg-4{ width:33.3333%; }
}

/* ====== Card + overlay ====== */
.projects-block .project-card {
  position:relative;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  aspect-ratio: 4 / 3;        /* cambia si quieres otra proporción */
  overflow:hidden;
  border-radius:0;
  margin-bottom: 10px;
  border-radius: 10px;
}

.projects-block .project-link{
  display:block;
  position:relative;
  width:100%;
  height:100%;
}

.projects-block .project-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:16px;
  opacity:0;
  transition: opacity .25s ease;
}

.projects-block .project-title{
  margin:0;
  color:#fff;
  font-weight:700;
  font-size:clamp(1rem, 2vw, 1.25rem);
  line-height:1.25;
  padding: 20px;
}

.projects-block .project-link:hover .project-overlay,
.projects-block .project-link:focus .project-overlay,
.projects-block .project-link:focus-visible .project-overlay{
  opacity:1;
}

@media (prefers-reduced-motion: reduce){
  .projects-block .project-overlay{ transition:none; }
}





.project-card{
  text-align:center;
}
.project-card img{
  width:100%;
  height:auto;
  border-radius:15px; /* borde redondeado */
  display:block;
}
.project-title{
  margin-top:.5rem;
  font-size:1rem;
}
.project-title a{
  text-decoration:none;
  color:inherit;
}