.cafe-peru-container{

}

.cp-content-section-1 {
    display: flex;
    flex-direction: row;
    gap: 6rem;
    padding-top: 8rem;
    padding-bottom: 4rem;
    padding-left: var(--section-left-padding);
    padding-right: var(--section-right-padding);
    overflow-x: clip;
    justify-content: space-evenly;
}

.container-main-tittle{
    display: flex;
    flex-direction: column;
    /* gap: 6rem; */
    /* justify-content: center; */
    min-width: 33rem;
    padding-top: 4rem;
    /* padding-bottom: 4rem; */
}

.cp-imagen-cafe-container{
    /*max-width: 699px;*/
}

.cp-cafe-cifras-section-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    gap: 7rem;
    padding-left: var(--section-left-padding);
    padding-right: var(--section-right-padding);
}

.cp-container-cifras-desc{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
    min-width: max-content;
}
.cifras-container{
    display: flex;
    flex-direction: row;
    gap: 4rem;
    justify-content: space-between;
    align-items :center;
    padding-top: 4rem;
}

.cifra-item{
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    text-align: justify;
}

.cp-cifras-main-description{
    padding-left: 4.75rem;
    text-align: justify;
}

.cp-section-map-container{
    display:flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 4rem;
    padding-bottom: 2rem;
    align-self: center;
}

.cp-map-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width:1290px;
    gap: 4.5rem;
}

.cp-seccion-contenedor {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-image :
        linear-gradient(to top, #000000, #ffffff0a), 
        linear-gradient(to right, #181818de, #7070703d),
        url('../imagenes/fondos/produccion-cafe-peru-dsk.webp'); 
    background-size: cover; 
    background-blend-mode:normal; 
    background-repeat: no-repeat;
    padding-left: var(--section-left-padding);
    padding-right: var(--section-right-padding);
    padding-bottom: 2rem;
    position: relative;
}

.cp-map-title {
    display: flex;
    color: var(--white);
    text-align: left;
    gap: 1rem;
}

.cp-map-description {
    display: flex;
    flex-direction: column;
    max-width: 32.68rem;
    gap: 1rem;
    justify-content: flex-end;
}

.cp-map-description > p{
    text-align: justify;
}

.cp-map-description > ul{
    
    color: var(--gray-300);
}

.cp-map-description ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1rem 1rem;
}

.cp-map-description li {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
}

.cp-map-description li::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 2px solid white;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

.cp-map-img{
    width: 584px;
    height: 620px;
    /* overflow: hidden; */
    position: relative;
}

.cp-map-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cp-map-description li:nth-child(1)::before {
    background-color: #E0004D;
}

.cp-map-description li:nth-child(2)::before {
    background-color: #653819;
}

.cp-map-description li:nth-child(3)::before {
    background-color: #7A9A01;
}

.cp-map-description li:nth-child(4)::before {
    background-color: #FF8200;
}

.special-coffees-section{
    display: flex;
    gap: 11rem;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;

    padding-left: var(--section-left-padding);
    padding-right: var(--section-right-padding);
    justify-self: center;
}
.cp-section-description{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;

}

.cp-cafes-especiales-tittle-container{
    display: flex;
    gap:1.5rem;
    justify-content: flex-start;
}

.cp-cafes-especiales-tittle-container > img {
    max-width: 52px;
}

.sc-content{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-left: 76px;
    max-width: 40rem;
}

.sc-text-content{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sc-text-content > p{
    max-width: 45rem;
    text-align: justify;
}

.cp-technical-button{
    all:unset;
    border-color: var(--principal);
    border-style: ridge;
    border-radius: 3.5rem;
    border-width: 1px;
    padding-top: 0.75rem;
    /* padding-bottom: 0.75em; */
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    gap: 0.5rem;

    display: inline-flex;
    /*flex-wrap: wrap;*/
    cursor: pointer;
    max-width: 200px;
}

.cp-technical-button > p{
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    word-spacing: 8px;
    letter-spacing: -1px;
    color: var(--principal);
    flex:none;
}

.cp-technical-button-arrow{
    align-self: center;
    padding-bottom: 12px;
}

.cp-review-img{
    width: 450px;
    height: 508px;
    overflow: hidden;
    position: relative;
}

.cp-review-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sust-section-container {
    display: flex;
    flex-direction: column;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    padding-left: var(--section-left-padding);
    padding-right: var(--section-right-padding);
    gap:2rem;
    justify-self:center;
}


.cp-sust-tittle-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1.5rem;
}

.cp-sust-tittle-container > img {
    width: 52px;
}


.cp-sust-main-container{
    display: flex;
    flex-direction: row;
    gap: 2rem;
    
}

.cp-sust-img{
    max-width: 729px;
    height: auto;
    overflow: hidden;
    position: relative;
}

.cp-sust-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    overflow-x: hidden;
}

.sustainability-content-1{
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.sustainability-content-1 > p{
    text-align: justify;
}

.sustainability-content-2{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 519px;
}

.sustainability-content-2 > p{
    text-align: justify;
}

.cp-sust-text-container{
    display: flex;
    flex-direction: column;
    gap: 2.75rem;
}

.cp-sust-certifications-logos{
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
}

.cp-cert-1-section{
    display: flex;
    flex-direction: column;
    gap:1rem
}

.cp-download-guide{
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    padding-left: 1rem;
}

.subrayado {
    text-decoration: underline;
}

/*exportamos*/

.export-section{
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    justify-self:center;
}

.cp-export-tittle-container{
    display: flex;
    flex-direction: column;
    justify-self: center;
    gap: 1rem;
    align-content: center;
    flex-wrap: wrap;
}

.cp-export-tittle-container > img{
    max-width: 48px;   
    align-self: center; 
}

.globe-background {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1920px;
    height: auto;
    background-image : url('../imagenes/globo_traced.svg'); 
    background-repeat: no-repeat; 
    background-position: center center; 
    background-size: clamp(30vw,50vw,60vw) 100%; 
    /* background-attachment: fixed; */
    object-fit: contain;
    padding-left: var(--section-left-padding);
    padding-right: var(--section-right-padding);
    padding-bottom: 2rem;
    position: relative;
    overflow-x: hidden;
}

.grid-globe-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(5, auto); 
    column-gap: 25vw;
    padding: 10px;
    justify-items: center;
    align-items: center;
    max-width: 1262px;
    min-height: 661px;
    align-self: center;
}

.data-pais-container{
    display: flex;
    flex-direction: column;
}

.grid-globe-item {
    color: var(--gray-950);
    /* padding: 20px; */
}

/*izquierda*/
.grid-globe-item:nth-child(1) {
    padding-right: 0vw;
    border-left-color: var(--alternativo-verde);
    border-left-style: outset;
    padding-left: 0.5rem;
}

.grid-globe-item:nth-child(3) {
    padding-right: 10vw;
    border-left-color: var(--alternativo-verde);
    border-left-style: outset;
    padding-left: 0.5rem;
}

.grid-globe-item:nth-child(5) {
    padding-right: 15vw;
    border-left-color: var(--alternativo-verde);
    border-left-style: outset;
    padding-left: 0.5rem;
}

.grid-globe-item:nth-child(7) {
    padding-right: 10vw;
    border-left-color: var(--alternativo-verde);
    border-left-style: outset;
    padding-left: 0.5rem;
}

.grid-globe-item:nth-child(9) {
    padding-right: 0vw;
    border-left-color: var(--alternativo-verde);
    border-left-style: outset;
    padding-left: 0.5rem;
}
/*derecha*/

.grid-globe-item:nth-child(2) {
    padding-left: 0vw;
    text-align: end;
    /* border-right-color: var(--alternativo-verde); */
    border-right-style: outset;
    padding-right: 0.5rem;
}

.grid-globe-item:nth-child(4) {
    padding-left: 10vw;
    text-align: end;
    /* border-left-color: var(--alternativo-verde); */
    border-right-style: outset;
    padding-right: 0.5rem;
}

.grid-globe-item:nth-child(6) {
    padding-left: 15vw;
    text-align: end;
    /* border-left-color: var(--alternativo-verde); */
    border-right-style: outset;
    padding-right: 0.5rem;
}

.grid-globe-item:nth-child(8) {
    padding-left: 10vw;
    text-align: end;
    /* border-left-color: var(--alternativo-verde); */
    border-right-style: outset;
    padding-right: 0.5rem;
}

.grid-globe-item:nth-child(10) {
    padding-left: 0vw;
    text-align: end;
    /* border-left-color: var(--alternativo-verde); */
    border-right-style: outset;
    padding-right: 0.5rem;
}
  
@media(min-width: 1920px)  {
    .grid-globe-container{
        column-gap: 14vw;
        max-width: 1622px;
    }
}
@media(min-width: 1081px) and (max-width: 1919px){
   
}

@media (min-width: 791px) and (max-width: 1080px) {

}

@media (min-width: 0px) and (max-width: 790px) {
    .cp-content-section-1 {
        /* display: flex; */
        flex-direction: column;
        gap: 0rem;
        padding-left:0rem;/*var(--section-left-padding)*/;
        padding-right: 0rem;/*var(--section-right-padding)*/;
        padding-bottom: 0rem;
        padding-top:4rem;
        /* overflow-x: clip; */
    }

    .container-main-tittle{
        min-width: 0;
        gap: 2rem;
        padding-left: 0rem;
        padding-right: 0rem;
        padding-top:0rem;
    }

    .container-main-tittle > h1{
        padding-left: 1rem;
        padding-right: 1rem;
    }


    .cp-cafe-cifras-section-container{
        /* display: flex; */
        flex-direction: column;
        justify-content: space-between;
        /* padding-top: 3.5rem;
        padding-bottom: 3.5rem; */
        gap: 1rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: var(--section-left-padding);
        padding-right: var(--section-right-padding);
    }

    .cp-container-cifras-desc{

        flex-direction: column;
        justify-content: space-between;
        gap: 1rem;
        min-width: max-content;
    }

    .cp-container-cifras-desc > img{
        max-width: 52px;
    }

    .cp-cifras-main-description{
        padding-left: 0rem;
        padding-top: 1rem;
    }

    .cifras-container{
        flex-direction: column;
        gap: 3.5rem;

    }

    .cifra-item{
        align-self: center;
        justify-self: center;
        padding-top:2.5rem;
        border-top-style: outset;
        border-width: 0.1rem;
        border-color: var(--gray-300);
    }

    .cp-map-title {
        flex-direction: column;
        gap: 1.5rem;
    }

    .cp-map-title > img{
        max-width: 52px;
    }

    .cp-seccion-contenedor {
        background-image :
            linear-gradient(to top, #000000, #ffffff0a), 
            linear-gradient(to right, #181818de, #7070703d),
            url('../imagenes/fondos/produccion-cafe-peru-mbl.webp'); 
        background-size: cover; 
        background-position: center;
        background-blend-mode:normal; 
        background-repeat:no-repeat;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 2rem;
        position: relative;
    }

    .cp-map-container{
        flex-direction: column;
        justify-content: space-between;
    }

    .cp-map-img{
        width: 85vw;
        height: fit-content;
        /* overflow: hidden; */
        position: relative;
    }

    .cp-map-description ul {
        grid-template-columns: repeat(1,1fr);
        gap: 1rem 3rem;
    }

    .cp-map-description li {
        min-width: max-content;
    }
    
    .grid-globe-container {
        column-gap: 0.5rem;
        padding: 0px;
        align-self: center;
        justify-self: center;
        align-items: flex-start;
    }

    .export-section{
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .cp-export-tittle-container{
        text-align: center;
    }

    .grid-globe-item {
        padding: 0;
        margin: 0;
        text-align: start;
        border-left-color: var(--alternativo-verde);
        border-left-style: outset;
    }

    .grid-globe-item:nth-child(even) {

        text-align: start;
        padding: 0;
        margin: 0;
        border-left-color: var(--alternativo-verde);
        border-left-style: outset;

        border-right-style: none;
        padding-left: 0.5rem;
    }

    .globe-background {
        background-image : none; 
        padding: 0.5rem;
    }

    .cp-world-image{
        display: block;
        width: 50vw;
        height: auto;
        position: relative;
        justify-self: center;
        min-width: 234px;
        padding-bottom: 2rem;
    }

    .cp-world-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .special-coffees-section{
        flex-direction: column;
        padding-top: 1.5rem;
        padding-bottom: 0rem;
        
        padding-left: 1rem;
        padding-right: 1rem;
        gap: 3rem;
    }

    .sc-content{
        padding-left: 0;
    }

    .cp-cafes-especiales-tittle-container{
        flex-direction: column;
    }

    .cp-review-img{
        width: 343px;
        height: 406px;
    }

    .sust-section-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .cp-sust-tittle-container {
        flex-direction: column;
        gap: 1rem;
    }

    .sustainability-content-1{
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
    }

    .cp-sust-main-container{
        flex-direction: column;
        gap: 2rem;
    }

    .cp-sust-certifications-logos{
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    .cp-sust-certifications-logos > img{
        max-width: 4rem;
    }

    .cp-sust-img{
        width: 343px;
        height: 472px;
    }
}


/* *{
    border-style: dashed;
    border-color: aqua;
} */