@font-face {
    font-family: montserrat;
    src: url(Font/Montserrat-VariableFont_wght.ttf);
}

body{overflow-x: hidden;font-family: montserrat;}

.cont1200 {max-width:1200px;margin:0 auto;}
.cont1000 {max-width:1000px;margin:0 auto;}
.blau {background-color:#22838c}
.negre{background-color:black;}
.blanc{background-color:white;}
.gris{background-color:#f3f3f3;}
.font-blanc {color:white}


.header input[type=text] {
    float: right;
    padding: 6px;
    border: none;
    margin-top: 8px;
    margin-right: 16px;
    font-size: 17px;
}

.ocult {
    display: none !important;
}

.left-center {
    text-align: left !important;
}

.right-center {
    text-align: right !important;
}

.relatiu {position:relative;}
.quotes {color: #2f7577}
.font40 {font-size:40px;}
.card1 {background-color: #3b3b3b; height:300px}
.card2 {background-color: #7c7c7c; height:300px}
.card3 {background-color: #a7a7a7; height:300px}
.card4 {background-color: #d4d4d4; height:300px}

.rectangle-card{
    width:20%;
    height: 270px;
    margin-left:20px;
    margin-bottom:20px;
}
.rect1{background-color: #ee8764}
.rect2{background-color: #ffcda8}
.rect3{background-color: #a95f46}
.rect4{background-color: #96391a}

.pos-card{
    position:absolute;
    bottom:-7%;
    right:14%
}
.pos-card2{
    position:absolute;
    bottom:-7%;
    right:36%
}
.pos-card3{
    position:absolute;
    bottom:-7%;
    right:45%
}
.customSelect {
    border-top:none;
    border-right:none;
    border-left: none;
    border-bottom: 1px solid #228582;
    width:100% !important;
    background-color:  transparent !important;
}

.footer-color {
    background-color: #3b3b3b;
}

.linea-footer {
    background-color: #a0a0a0;
    width:100%;
    height:3px;
}

.font-footer {color: #2f7577;}

.mida-font-footer {
    font-size: 20px;
}

.footer-icons {
    font-size: 25px;
    color: #2f7577;
}

.pointer {
    cursor: pointer;
}

.hov-color:hover {
    color: #2f7577;
}
.active {
    color: #2f7577;
}
a {
    color: black;
    text-decoration: none;
}
a:hover {
    color: #2f7577;
    text-decoration: none;
}
.info{
    background-color: black;
    padding-top:10px;
}
.linea-ver {
    border-left: 1px solid black;
    margin-right:10px;
}
.linea-ver p {
    margin-bottom: 0;
}
.cursiva {
    font-style: italic;
}

.amagar {
    display:none;
}
.titol-header {
    text-align: right;
}
.marge-top {
    margin-top:20px;
}
.pos-lupa {
    position: absolute;
    top: 34%;
    right: 9%;
}
.marge-cards {
    margin-bottom: 0px;
}
.boto-cerca {
    padding-left:87px;
    padding-right:87px;
}
.ocb-footer {
    width: 100px;
    height: auto;
}
.iee-footer {
    width: 130px;
    height: auto;
}
.ieb-footer {
    width: 400px;
    height: auto;
}
.asjos-footer {
    width: 110px;
    height: auto;
}
.asant-footer {
    width: 160px;
    height: auto;
}
.marge-select {
    margin-top:30px;
}
.marge-input {
    margin-top:41px;
}
.top-small {
    margin-top:10px;
}
.large-left {
    margin-left:50px;
}
.navbar-dark .navbar-nav .active >.nav-link {
    color:black;
}
.navbar-dark .navbar-nav .nav-link {
    color: white;
}
.portada {
    width:50%;
    height:auto;
    display:block;
    margin:0 auto;
}
.fons-header {
    background-color: RGB(59,59,59)
}

.transparent {
    background-color:transparent !important;
}
.btn-light {
    background-color: transparent !important;
    border-color: transparent !important;
}
.img-bk {
    background-image: url('../panell/img/fons_panell.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.limit {
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 15em;
  line-height: 1.5em;
 }

 .no-mobil {
    display:inline-block;
}

.peu-pagina {
  font-size: 14px;	
}


@media only screen and (max-width: 768px) {
    .titol-header {
        text-align: center;
    }
    .marge-top {
        margin-top:20px;
    }
    .pos-lupa {
        position: absolute;
        top: 40%;
        right: 12%;
    }
    .marge-cards {
        margin-bottom: 15px;
    }
    .boto-cerca {
        padding-left:60px;
        padding-right:60px;
    }
    .mida-font-footer {
        font-size: 16px;
    }
    .ocb-footer {
        width: 75px;
        height: auto;
    }
    .iee-footer {
        width: 125px;
        height: auto;
    }
	.ieb-footer {
        width: 300px;
        height: auto;
    }
	.asjos-footer {
		width: 105px;
		height: auto;
	}
	.asant-footer {
		width: 135px;
		height: auto;
	}
    .info{
        background-color: black;
        padding-top:10px;

    }
    .marge-select {
        margin-top:15px;
    }

    .marge-input {
        margin-top:15px;
    }

    .left-center {
        text-align: center !important;
    }
    
    .right-center {
        text-align: center !important;
    }
    .top-small {
        margin-top:30px;
    }
    .large-left {
        margin-left:0px;
    }
    .portada {
        width:100%;
        height:auto;
        display:block;
        margin:0 auto;
    }

    .img-bk {
        background-image: url('../panell/img/fons_panell.jpg');
        background-repeat: no-repeat;
        background-size: contain;
    }

    .no-mobil {
        display:none;
    }
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #212529;
}

#result a {
    color: black;
}

#result a:hover {
    color: #2f7577;
    text-decoration: none;
}

/* ================== BOTONES DE ACCESIBILIDAD ================== */
/* Estilos personalizados para botones de accesibilidad */

/* Botón del ojo (ver) - cambiar de azul a #237E9A */
.btn-info {
    background-color: #237E9A !important;
    border-color: #237E9A !important;
}

.btn-info:hover {
    background-color: #1e6b82 !important;
    border-color: #1e6b82 !important;
}

.btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(35, 126, 154, 0.5) !important;
}

.btn-info:not(:disabled):not(.disabled):active, 
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    background-color: #1e6b82 !important;
    border-color: #1e6b82 !important;
}

/* Botón de editar - cambiar de verde a #008080 */
.btn-success {
    background-color: #008080 !important;
    border-color: #008080 !important;
}

.btn-success:hover {
    background-color: #006666 !important;
    border-color: #006666 !important;
}

.btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 128, 128, 0.5) !important;
}

.btn-success:not(:disabled):not(.disabled):active, 
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    background-color: #006666 !important;
    border-color: #006666 !important;
}

/* Botón de eliminar - cambiar de rojo a #EB0400 */
.btn-danger {
    background-color: #EB0400 !important;
    border-color: #EB0400 !important;
}

.btn-danger:hover {
    background-color: #d10400 !important;
    border-color: #d10400 !important;
}

.btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(235, 4, 0, 0.5) !important;
}

.btn-danger:not(:disabled):not(.disabled):active, 
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    background-color: #d10400 !important;
    border-color: #d10400 !important;
}

.news-title {
    border-bottom: 1px solid black;
    margin-bottom: 20px;
}

.news-image {
    text-align: center;
}

.news-flex {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    background-color: rgba(0,0,0,.05) !important;
    border: unset;
    padding: 20px;
    margin-bottom: 40px;
    gap: 20px;
}

.news-flex div {
    position: relative;
    padding: 20px;
    border: unset;
    box-shadow: unset !important;
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 15px;
}

.news-flex div:hover {
    background-color: rgba(0,0,0,.2);
}

.news-flex img {
    width: 100%;
}

.news-flex h3 {
    font-size: 1.4rem;
    margin-top: 15px;
    margin-bottom: 15px;
}

.news-flex a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.news-flex > * {
    box-shadow: unset !important;
}