.gallery-page{
padding:100px 8% 80px;
}

.gallery-page h1{
    text-align:center;
    color:#09105A;
    margin-bottom:15px;
}

.gallery-page p{
    text-align:center;
    margin-bottom:50px;
}

.gallery-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(300px,1fr));

    gap:30px;
}

.gallery-item{

    background:white;

    border-radius:18px;

    overflow:hidden;

    box-shadow:
    0 10px 30px rgba(0,0,0,.08);

    transition:.3s;
}

.gallery-item:hover{

    transform:translateY(-8px);
}

.gallery-item img{
    width:100%;
    height:350px;
    object-fit:contain;
    background:#fff;
}

.gallery-item h3{

    padding:20px;

    text-align:center;

    color:#09105A;
}


.page-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:80px;

    background:#fff;

    display:flex;
    align-items:center;

    box-shadow:0 3px 12px rgba(0,0,0,.08);

    z-index:1000;
}

.back-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:12px 24px;

    background:#E3B34D;
    color:#111;

    text-decoration:none;
    font-weight:700;

    border-radius:40px;

    transition:.3s;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}

.back-btn:hover{
background:#09105A;
color:#fff;
}
.back-btn:hover{
background:#0f1b68;
color:#fff;
transform:translateY(-3px);
}

.breadcrumb{

    display:flex;
    align-items:center;
    gap:12px;

    font-size:15px;
}

.breadcrumb a{

    text-decoration:none;

    color:#666;

    transition:.3s;
}

.breadcrumb a:hover{

    color:#09105A;
}

.breadcrumb i{

    font-size:11px;

    color:#C7A248;
}

.breadcrumb .active{

    color:#09105A;

    font-weight:700;
}

.page-title{

    text-align:center;

    margin-bottom:55px;
}

.page-title h1{

    font-size:42px;

    color:#09105A;

    margin-bottom:18px;
}

.page-title p{

    max-width:850px;

    margin:auto;

    color:#666;

    font-size:18px;

    line-height:1.7;
}

.nav-path{
    display: flex;
    align-items: center;
    gap: 35px;

    margin-left: 40px;
}


/* ================= CTA SECTION ================= */

.cta-section{

    margin-top:80px;

    background:#09105A;

    border-radius:30px;

    padding:70px 40px;

    text-align:center;

    color:white;

    overflow:hidden;

    position:relative;
}

.cta-section::before{

    content:"";

    position:absolute;

    width:250px;
    height:250px;

    border-radius:50%;

    background:rgba(227,179,77,.08);

    top:-100px;
    right:-70px;
}

.cta-tag{

    color:#E3B34D;

    letter-spacing:3px;

    font-size:.9rem;

    font-weight:700;
}

.cta-section h2{

    margin-top:20px;

    font-size:2.4rem;

    color:white;
}

.cta-section p{

    max-width:750px;

    margin:22px auto;

    color:#D7DBF2;

    line-height:1.8;

    font-size:1.08rem;
}

.cta-phone{

    margin-top:15px;

    color:#E3B34D;

    font-size:1.4rem;

    font-weight:bold;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;
}

.cta-buttons{

    margin-top:35px;

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;
}

.cta-call,
.cta-whatsapp{

    text-decoration:none;

    padding:15px 32px;

    border-radius:40px;

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:700;

    transition:.3s;
}

.cta-call{

    background:#E3B34D;

    color:#09105A;
}

.cta-call:hover{

    transform:translateY(-4px);

    box-shadow:0 10px 25px rgba(227,179,77,.35);
}

.cta-whatsapp{

    border:2px solid rgba(255,255,255,.2);

    color:white;
}

.cta-whatsapp:hover{

    background:#25D366;

    border-color:#25D366;

    transform:translateY(-4px);
}



/*================ MOBILE =================*/

@media (max-width:768px){

.page-header{
    height:58px;
}

.nav-path{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;

    padding-left:12px;
    padding-right:12px;

    margin:0;
}

.back-btn{
    padding:7px 12px;
    font-size:.8rem;
    white-space:nowrap;
}

.breadcrumb{
    display:flex;
    align-items:center;
    gap:5px;
    font-size:.8rem;
    white-space:nowrap;
}

.breadcrumb a,
.breadcrumb .active{
    font-size:.8rem;
}

.breadcrumb i{
    font-size:.55rem;
}

.gallery-page{
    padding-top:70px;
}

.page-title{
    padding:0 18px;
    margin-bottom:35px;
}

.page-title h1{
    font-size:1.5rem;
    line-height:1.2;
    margin-bottom:14px;
}

.page-title p{
    font-size:.8rem;
    line-height:1.7;
    max-width:100%;
}

.gallery-grid{
    gap:18px;
}

.gallery-item{
    border-radius:18px;
    overflow:hidden;
}

.gallery-item img{
    height:250px;
    object-fit:contain;
}

.gallery-item h3{
    font-size:.95rem;
    padding:12px 16px;
    line-height:1.4;
}

/* CTA */

.cta-section{
    margin:45px 18px;
    padding:40px 15px;
    border-radius:24px;
}

.cta-tag{
    font-size:.8rem;
    letter-spacing:2px;
}

.cta-section h2{
    font-size:1.5rem;
    line-height:1.2;
    margin:18px 0;
}

.cta-section p{
    font-size:.8rem;
    line-height:1.7;
    margin-bottom:24px;
}

.cta-phone{
    font-size:1.2rem;
    margin-bottom:26px;
}

.cta-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    flex-wrap:nowrap;
}

.cta-buttons a{
    display:flex;
    align-items:center;
    justify-content:center;

    width:120px;
    height:46px;

    padding:0;

    gap:4px;

    font-size:.85rem;
    border-radius:28px;
}

.cta-buttons i{
    font-size:.9rem;
}

}