:root{
  --bg: #ffffff;
  --panel: #f3f4f6;
  --text: #1f2933;
  --muted-text: #6b7280;
  --accent: #2e2e2e;
  --accent-soft: #e5e7eb;
  --border: #e5e7eb;
  --radius: 10px;
  --container-width: 1080px;
}

/*Eliminar botones cabecera*/
.minisite .header-minisite .caja_buscador{
display: none;
}

.minisite .btn-border-white {
display: none;
}

/* RESET */
*{ box-sizing:border-box; }

body{
  margin:0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
background:var(--bg);
  color:var(--text);
  line-height:1.6;
}

.contenedor{
  max-width:var(--container-width);
  margin:0 auto;
  padding:32px 19px;
}

.text-hover-scroll {
    color: #ffffff;
}

#firstHeading{
    visibility: hidden;
    margin:0px;
    height: 0px;
}

.minisite.frontend .portletNavigationTree .portletContent .navTreeCurrentNode>a {
    color: #5ab0fd;
    font-weight: 700;
}

.minisite.frontend .portletNavigationTree .portletContent .navTreeCurrentNode {
    border-bottom: 2px solid #5ab0fd82;
}

.minisite .header-interior-minisite .gradient-int {
	background-image: url(https://www.ccapenedes.cat/ttt/imagenes/ttt-foto.jpg);
	background-size: cover;
	box-shadow: inset 0px 180px 30px 10px #000;
}
/* ===================== HEADER ===================== */
.site-header{
  margin-bottom:40px;
  img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
  }
}



/*====================== MAIN ======================*/
main{
    .contingut{
        background-color: white;
        max-width: 800px;
        padding: 30px;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        h1{
            text-align: center;
            color: #3eb7e3;
            margin-bottom: 10px;
        }
        p{
            text-align: justify;
            color: #0c4458;
        }
    }
}

/*====================== RESOLUCION DE TABLETS ======================*/

@media (max-width: 1024px) {
  .site-header{
    margin-bottom:40px;
    img{
      height: 400px;
    }
  }
}

/*====================== RESOLUCION DE MOBILES ======================*/
@media (max-width:600px){   
}