/*==========================================
            PRODUCTOS
==========================================*/

.products-intro{

padding:50px 0 40px;

}

.product-section{

padding:30px 0;

}

.alt-bg{

background:#f7f8f9;

}

.product-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;

}

.product-grid.reverse{

direction:rtl;

}

.product-grid.reverse>*{

direction:ltr;

}

.product-image img{

width:90%;
	
	
	
align-content: center;

border-radius:25px;

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

transition:.4s;
	
	margin:10px 0;

}

.product-image img:hover{

transform:scale(1.03);

}

.product-info span{

color:var(--secondary);

font-weight:700;

letter-spacing:3px;

text-transform:uppercase;

}

.product-info h2{

font-size:50px;

margin:20px 0;

color:#222;
	
	

}

.product-info p{

font-size:18px;

line-height:1.9;

color:#666;

margin-bottom:30px;

}

.product-info ul{

list-style:none;

padding:0;

margin:0 0 40px;

}

.product-info li{

margin-bottom:18px;

font-size:18px;

}

.product-info li i{

color:#1c9443;

margin-right:12px;

}

@media(max-width:991px){

.product-grid{
	

	
grid-template-columns:1fr;

gap:40px;

}

.product-grid.reverse{

direction:ltr;

}

.product-info h2{

font-size:38px;

}

}


/*==========================================
        PACKING SERVICE
==========================================*/

.packing-section{

padding:120px 0;

background:#fff;

}

.packing-process{

margin-top:70px;

display:grid;

grid-template-columns:
1fr auto
1fr auto
1fr auto
1fr auto
1fr auto
1fr;

align-items:center;

gap:10px;

}

.process-item{

background:#fff;

padding:35px;

border-radius:20px;

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

text-align:center;

transition:.35s;

height:100%;

}

.process-item:hover{

transform:translateY(-10px);

}

.process-item .icon{

width:85px;

height:85px;

margin:auto;

border-radius:50%;

background:var(--primary);

color:#fff;

display:flex;

justify-content:center;

align-items:center;

font-size:34px;

margin-bottom:20px;

}

.process-item h4{

margin-bottom:15px;

font-size:22px;

}

.process-item p{

font-size:15px;

color:#666;

line-height:1.7;

}

.arrow{

font-size:32px;

color:var(--secondary);

}

@media(max-width:1200px){

.packing-process{

grid-template-columns:1fr;

}

.arrow{

display:none;

}

}

/*==========================================
        PACKAGING
==========================================*/

.packaging{

padding:120px 0;

background:#f7f8fa;

}

.package-grid{

display:grid;

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

gap:30px;

margin-top:70px;

}

.package-card{

background:white;

border-radius:20px;

overflow:hidden;

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

transition:.4s;

}

.package-card:hover{

transform:translateY(-10px);

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

}

.package-card img{

width:100%;

height:260px;

object-fit:cover;

transition:.5s;

}

.package-card:hover img{

transform:scale(1.08);

}

.package-content{

padding:30px;

text-align:center;

}

.package-content h3{

font-size:24px;

margin-bottom:15px;

color:#222;

}

.package-content p{

font-size:16px;

line-height:1.7;

color:#666;

}


@media(max-width:1200px){

.package-grid{

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

}

}

@media(max-width:768px){

.package-grid{

grid-template-columns:1fr;

}

}


/*==================================
        WHY US
===================================*/

.why-us{

padding:120px 0;

background:white;

}

.why-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.why-card{

background:#f8f8f8;

padding:45px 30px;

text-align:center;

border-radius:18px;

transition:.35s;

}

.why-card:hover{

background:#198754;

color:white;

transform:translateY(-10px);

}

.why-icon{

font-size:50px;

margin-bottom:20px;

}

.why-card h3{

margin-bottom:15px;

font-size:24px;

}

.why-card p{

line-height:1.8;

}

@media(max-width:992px){

.why-grid{

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

}

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

}

}


.product-cta{

padding:120px 0;

background:linear-gradient(rgba(0,90,45,.88),
rgba(0,90,45,.88)),
url("../img/hero3.jpg");

background-size:cover;

background-position:center;

text-align:center;

color:white;

}

.product-cta h2{

font-size:50px;

margin-bottom:25px;

}

.product-cta p{

font-size:20px;

max-width:850px;

margin:auto;

margin-bottom:45px;

line-height:1.8;

}

/*==========================
      AVAILABILITY
===========================*/

.availability-card{

    margin-top:35px;

    background:#fff;

    border-radius:20px;

    padding:30px;

    text-align:center;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    border:1px solid #e9ecef;

}

.availability-card h3{

    color:#126B3D;

    margin-bottom:25px;

    font-size:26px;

}

.availability-card h3 i{

    color:#188847;

    margin-right:8px;

}

.availability-card img{

    width:100%;

    max-width:240px;

    display:block;

    margin:0 auto 25px;

    transition:.4s;

}

.availability-card:hover img{

    transform:scale(1.05);

}

.badge-year{

    display:inline-block;

    padding:10px 22px;

    background:#188847;

    color:#fff;

    font-weight:600;

    border-radius:40px;

    letter-spacing:.5px;

}


.spec-table{

    width:100%;

    border-collapse:collapse;

    margin-bottom:30px;

}

.spec-table td{

    padding:10px 15px;

    border-bottom:1px solid #ececec;

}

.spec-table td:first-child{

    font-weight:600;

    color:#126B3D;

    width:45%;

}

.spec-table td:last-child{

    color:#555;

}

.packing-info ul{

    list-style:none;

    padding:0;

}

.packing-info li{

    display:inline-block;

    background:#EAF8EF;

    color:#188847;

    padding:8px 15px;

    margin:6px;

    border-radius:30px;

    font-weight:600;

}

/*==================================================
        PRODUCT TECHNICAL SHEET
==================================================*/

.product-tech{

    display:grid;

    grid-template-columns:1.5fr 1fr;

    gap:25px;

    margin-top:40px;

}

.tech-card,
.availability-card,
.classification-card,
.packing-card{

    background:#fff;

    border-radius:18px;

    padding:25px;

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

    border:1px solid #ececec;

    margin-top:25px;

}

.tech-card h3,
.availability-card h3,
.classification-card h3,
.packing-card h3{

    color:#126B3D;

    margin-bottom:20px;

    font-size:24px;

}

.tech-card h3 i,
.availability-card h3 i,
.classification-card h3 i,
.packing-card h3 i{

    color:#188847;

    margin-right:8px;

}

.spec-table{

    width:100%;

    border-collapse:collapse;

}

.spec-table td{

    padding:10px;

    border-bottom:1px solid #ececec;

}

.spec-table td:first-child{

    width:45%;

    font-weight:600;

    color:#126B3D;

}

.spec-table td:last-child{

    color:#555;

}

.availability-card{

    text-align:center;

}

.availability-card img{

    width:210px;

    margin:15px auto 25px;

    display:block;

    transition:.35s;

}

.availability-card:hover img{

    transform:rotate(3deg) scale(1.05);

}

.badge-year{

    display:inline-block;

    background:#188847;

    color:#fff;

    padding:10px 20px;

    border-radius:30px;

    font-weight:600;

}

.packing-tags{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}

.packing-tags span{

    background:#EAF8EF;

    color:#188847;

    padding:10px 18px;

    border-radius:30px;

    font-weight:600;

    transition:.3s;

}

.packing-tags span:hover{

    background:#188847;

    color:#fff;

    transform:translateY(-3px);

}



@media(max-width:991px){

.product-tech{

    grid-template-columns:1fr;

}

.availability-card img{

    width:180px;

}

}