/*=========================================
    EMPRESA
=========================================*/

:root{

--primary:#117A43;

--primary-dark:#0B5A31;

--secondary:#F4C400;

--text:#333;

--light:#F8F9FA;

--white:#FFF;

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

--radius:18px;

}


/*=========================================
    HEADER EMPRESA
=========================================*/

.header{

    background:#ffffff;

    box-shadow:0 4px 20px rgba(0,0,0,.08);

}

.header .nav-menu a{

    color:#1f2937;

}

.header .nav-menu a:hover{

    color:#117A43;

}

.header .nav-menu a.active{

    color:#117A43;

}

/*=========================================
    HERO
=========================================*/

.company-hero{

    padding:120px 0 80px;

    background:#f8f9fa;

}

.company-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.hero-text span{

    color:#F4C400;

    letter-spacing:4px;

    font-weight:700;

}

.hero-text h1{

    font-size:58px;

    line-height:1.1;

    margin:20px 0;

    color:#0f172a;

}

.hero-text p{

    font-size:19px;

    color:#555;

    line-height:1.9;

    margin-bottom:35px;

}

.hero-video{

    position:relative;

}

.hero-video video{

width:100%;

height:480px;

object-fit:cover;

border-radius:24px;

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

}



/*==================================================
        ABOUT
==================================================*/

.company-about{

    padding:120px 0;

    background:#fff;

}

.about-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.about-photo{

    position:relative;

}

.about-photo img{

    width:100%;

    border-radius:22px;

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

}

.about-info .subtitle{

    display:inline-block;

    color:var(--primary);

    font-weight:700;

    letter-spacing:4px;

    margin-bottom:20px;

}

.about-info h2{

    font-size:46px;

    line-height:1.2;

    margin-bottom:30px;

    color:#222;

}

.about-info p{

    font-size:17px;

    line-height:1.9;

    color:#666;

    margin-bottom:20px;

}

@media(max-width:992px){

.company-grid{

display:grid;

grid-template-columns:1fr 1.15fr;

gap:60px;

align-items:center;

}

.hero-text{

text-align:center;

}

.hero-text h1{

font-size:42px;

}

}


/*==================================================
        STATS
==================================================*/

.company-stats{

padding:90px 0;

background:#0F6A3A;

}

.stats-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:35px;

}

.stat-card{

background:rgba(255,255,255,.08);

backdrop-filter:blur(8px);

border-radius:20px;

padding:45px 25px;

text-align:center;

color:white;

transition:.35s;

}

.stat-card:hover{

transform:translateY(-8px);

background:rgba(255,255,255,.15);

}

.stat-card i{

font-size:52px;

color:#FFD84D;

margin-bottom:20px;

}

.stat-card h2{

font-size:48px;

margin-bottom:10px;

}

.stat-card p{

font-size:16px;

line-height:1.6;

}

@media(max-width:991px){

.about-grid{

grid-template-columns:1fr;

}

.stats-grid{

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

}

.about-info{

text-align:center;

}

}

@media(max-width:768px){

.stats-grid{

grid-template-columns:1fr;

}

.about-info h2{

font-size:34px;

}

}

/*==================================================
        MISION Y VISION
==================================================*/

.mission-section{

    padding:120px 0;

    background:#f8f9fa;

}

.mission-grid{

    display:grid;

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

    gap:40px;

    margin-top:70px;

}

.mission-card{

    background:#fff;

    border-radius:22px;

    padding:50px;

    position:relative;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    transition:.4s;

}

.mission-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:6px;

    background:linear-gradient(
        90deg,
        var(--primary),
        var(--secondary)
    );

}

.mission-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 60px rgba(0,0,0,.15);

}

.mission-icon{

    width:90px;

    height:90px;

    border-radius:50%;

    background:rgba(17,122,67,.10);

    color:var(--primary);

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:40px;

    margin-bottom:30px;

}

.mission-card h3{

    font-size:30px;

    margin-bottom:20px;

    color:#222;

}

.mission-card p{

    color:#666;

    line-height:1.9;

    font-size:17px;

}

@media(max-width:991px){

.mission-grid{

grid-template-columns:1fr;

}

}

/*==================================================
        WHY COMPANY
==================================================*/

.why-company{

padding:120px 0;

background:white;

}

.why-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:35px;

margin-top:70px;

}

.why-box{

background:#fff;

padding:45px 30px;

border-radius:20px;

text-align:center;

transition:.35s;

box-shadow:0 15px 35px rgba(0,0,0,.07);

border:1px solid #eee;

}

.why-box:hover{

transform:translateY(-10px);

box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.why-box i{

font-size:55px;

color:var(--primary);

margin-bottom:25px;

display:block;

}

.why-box h3{

font-size:24px;

margin-bottom:20px;

color:#222;

}

.why-box p{

font-size:16px;

line-height:1.8;

color:#666;

}

@media(max-width:991px){

.why-grid{

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

}

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

}

}

/*==================================================
        CTA FINAL
==================================================*/

.company-cta{

position:relative;

padding:140px 0;

background:url("../img/hero1.jpg") center center/cover;

overflow:hidden;

}

.company-cta .overlay{

position:absolute;

inset:0;

background:linear-gradient(

rgba(7,40,20,.80),

rgba(9,60,30,.70)

);

}

.company-cta .cta-content{

position:relative;

z-index:2;

max-width:850px;

margin:auto;

text-align:center;

color:white;

}

.company-cta span{

display:inline-block;

color:#FFD84D;

letter-spacing:4px;

font-weight:700;

margin-bottom:25px;

}

.company-cta h2{

font-size:54px;

margin-bottom:25px;

}

.company-cta p{

font-size:20px;

line-height:1.9;

margin-bottom:45px;

color:#f1f1f1;

}