/* ==================================================
   ESTILOS GLOBALES: Section Delivery Bogotá
   ================================================== */  
   
section.section-delivery-bogota {
    background: #F3DBD7;
    border-radius: 24px;
    overflow: hidden;
}

div.section-delivery-bogota__title h2, div.section-delivery-bogota__copy-text p {
    text-align: start;
}

div.section-delivery-bogota__copy-text {
    display: flex;
    justify-content: center;
    width: 100%;
}



/* ==================================================
   ESTILOS DESKTOP: Section Delivery Bogotá
   ================================================== */  
   
@media screen and (min-width: 1025px) {

    section.section-delivery-bogota {
        padding: 2rem 0;
    }
    
    div.section-delivery-bogota__title {
        width: 23rem !important;
        margin-top: 3rem !important;
    }
    
    div.section-delivery-bogota__img {
        width: 15rem;
    }
    
    div.section-delivery-bogota__copy-text p {
        margin: -17rem 0 0 -15rem !important;
        width: 22rem !important;
    }
}



/* ==================================================
   ESTILOS MOBILE: Section Delivery Bogotá
   ================================================== */    
   
@media screen and (max-width: 767px) {
    
    section.section-delivery-bogota {
        position: relative;
        height: 28rem;
    }
    
    div.section-delivery-bogota__title, div.section-delivery-bogota__copy-text {
        width: 84% !important;
        max-width: 24rem !important;
    }
    
    div.section-delivery-bogota__title h2 {
        width: 14rem !important;
    }
    
    div.section-delivery-bogota__img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 12rem;
    }
    
    div.section-delivery-bogota__img img {
        margin-right: -118%;
    }
    
    div.section-delivery-bogota__copy-text {
        justify-content: start;
        margin-top: -4.2rem !important;
    }
    
    div.section-delivery-bogota__copy-text p.elementor-heading-title {
        width: 56% !important;
        max-width: 12rem !important;
    }
}
   
   
   
/* ==================================================
   ESTILOS TABLET: Section Delivery Bogotá
   ================================================== */   
   
@media screen and (min-width: 768px) and (max-width: 1024px) {

    section.section-delivery-bogota {
        padding: 2rem 0;
    }
    
    div.section-delivery-bogota__title {
        width: 20rem !important;
        margin-top: 3rem !important;
    }
    
    div.section-delivery-bogota__img {
        width: 15rem;
    }
    
    div.section-delivery-bogota__copy-text p {
        margin: -17rem 0 0 -15rem !important;
        width: 18rem !important;
    }
}