/* =========================================================
   FACILITIES PAGE - INDUSTRIAL PREMIUM
   Pagina: /dotari
========================================================= */


/* =========================================================
   INTRO
========================================================= */

.facilities-page .section-head {

    max-width: 900px;
    margin: 0 auto 50px;
    text-align: center;

}


.facilities-page .section-head h1,
.facilities-page .section-head h2 {

    max-width: 900px;
    margin: 0 auto;

    text-align: center;

    line-height: 1.15;

    text-wrap: balance;

}


.facilities-page .section-subtitle {

    max-width: 780px;
    margin: 0 auto;

    line-height: 1.7;

}



/* =========================================================
   MAIN IMAGE
========================================================= */

.facilities-image {

    max-width: 1100px;

    margin: 0 auto 60px;

    overflow: hidden;

    border-radius: 22px;

    background: #f8fafc;

    border: 1px solid rgba(15,23,42,.08);

    box-shadow:
        0 20px 50px rgba(15,23,42,.10);

}


.facilities-image img {

    display: block;

    width: 100%;

    height: 520px;

    object-fit: cover;

    transition: transform .45s ease;

}


.facilities-image:hover img {

    transform: scale(1.03);

}



/* =========================================================
   FACILITIES GRID
========================================================= */

.facilities-grid {

    display: grid;

    grid-template-columns: repeat(3, minmax(0,1fr));

    gap: 30px;

}



/* =========================================================
   CARD
========================================================= */

.facility-card {

    background: #ffffff;

    border: 1px solid rgba(15,23,42,.09);

    border-radius: 18px;

    padding: 28px;

    box-shadow:
        0 14px 35px rgba(15,23,42,.06);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;

}


.facility-card:hover {

    transform: translateY(-6px);

    border-color: rgba(203,175,117,.40);

    box-shadow:
        0 25px 55px rgba(15,23,42,.12);

}



.facility-card h3 {

    margin: 0 0 12px;

    color:#0f172a;

    font-size:22px;

    font-weight:900;

    line-height:1.3;

}



.facility-card p {

    margin:0;

    color:#64748b;

    line-height:1.7;

    font-size:15px;

}



/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1024px){

    .facilities-grid {

        grid-template-columns: repeat(2,minmax(0,1fr));

    }


    .facilities-image img {

        height:420px;

    }

}



@media(max-width:700px){

    .facilities-grid {

        grid-template-columns:1fr;

    }


    .facilities-image {

        border-radius:16px;

    }


    .facilities-image img {

        height:260px;

    }


    .facility-card {

        padding:22px;

    }


    .facility-card h3 {

        font-size:20px;

    }

}