/*=========================================
HERO CAT FRIENDLY
=========================================*/

.catfriendly-hero{

    padding:120px 0;

    background:#faf5eb;

}

.catfriendly-content{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.hero-tag{

    display:inline-block;

    padding:10px 22px;

    background:#6b7a5a;

    color:#fff;

    border-radius:50px;

    font-size:14px;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:25px;

}

.catfriendly-text h1{

    font-size:58px;

    color:#3b2f2f;

    line-height:1.15;

    margin-bottom:30px;

}

.catfriendly-text p{

    font-size:18px;

    color:#666;

    line-height:1.9;

    margin-bottom:40px;

}

.catfriendly-buttons{

    display:flex;

    gap:18px;

}

.catfriendly-image{

    display:flex;

    justify-content:center;

}

.catfriendly-image img{

    width:100%;

    max-width:560px;

    border-radius:30px;

    box-shadow:0 20px 60px rgba(0,0,0,.18);

}

/*=========================================
NUESTRO AMBIENTE
=========================================*/


.cat-environment{

    padding:120px 0;

    background:#ffffff;

}


.environment-content{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}


.environment-image img{

    width:100%;

    border-radius:30px;

    box-shadow:0 20px 45px rgba(0,0,0,.15);

}


.environment-text h2{

    font-size:44px;

    color:#3b2f2f;

    line-height:1.2;

    margin:20px 0 25px;

}


.environment-text p{

    font-size:17px;

    color:#666;

    line-height:1.9;

    margin-bottom:20px;

}


.environment-list{

    margin-top:35px;

    display:flex;

    flex-direction:column;

    gap:15px;

}


.environment-list div{

    background:#faf5eb;

    padding:18px 25px;

    border-radius:15px;

    color:#3b2f2f;

    font-weight:600;

    border-left:5px solid #6b7a5a;

}

/*=========================================
ZONA DE LOS MICHIS
=========================================*/


.cats-zone{

    padding:120px 0;

    background:#faf5eb;

}


.cats-zone-content{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}


.cats-zone-image{

    order:2;

}


.cats-zone-image img{

    width:100%;

    border-radius:30px;

    box-shadow:0 20px 45px rgba(0,0,0,.15);

}


.cats-zone-text h2{

    font-size:44px;

    color:#3b2f2f;

    line-height:1.2;

    margin:20px 0 25px;

}


.cats-zone-text p{

    color:#666;

    font-size:17px;

    line-height:1.9;

    margin-bottom:20px;

}


.cats-features{

    display:flex;

    gap:20px;

    margin-top:35px;

}


.cat-feature{

    flex:1;

    background:#ffffff;

    padding:25px;

    border-radius:20px;

    text-align:center;

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

}


.cat-feature-icon{

    width:72px;

    height:72px;

    object-fit:contain;

    display:block;

    margin:0 auto 18px auto;

}


.cat-feature:hover .cat-feature-icon{

    transform:scale(1.08);

}


.cat-feature p{

    margin:15px 0 0;

    font-weight:600;

    color:#3b2f2f;

}