.correos_oficial {
color: var(--co_blue);
}
.correos_oficial .customs-advice-doc {
margin-top: 0px;
margin-bottom: 20px;
padding: 5px;
}
.correos_oficial .extra-container {
margin-bottom: 15px;
width: auto;
}
.correos_oficial .extra-container .checkout-paq-advice {
background-color: var(--co_yellow);
padding: 10px;
margin-bottom: 10px;
margin-top: 10px;
}
.correos_oficial .extra-container .search-paq-section {
display: flex;
width: 100%;
gap: 10px;
flex-wrap: wrap; padding-bottom: 20px;
padding-left: 5px;
padding-right: 5px;
}
.correos_oficial .extra-container .city-paq-schedule-and-map,
.correos_oficial .extra-container .office-schedule-and-map {
padding-left: 5px;
padding-right: 5px;
}
.correos_oficial .extra-container .section-SearchCityPaqByCPInput,
.correos_oficial .extra-container .section-SearchOfficeByCPInput,
.correos_oficial .extra-container .section-SearchPudoCEXByCPInput {
flex: 0 0 20%;
}
.correos_oficial .extra-container .section-SearchCityPaqByCp,
.correos_oficial .extra-container .section-SearchOfficeByCp,
.correos_oficial .extra-container .section-SearchPudoCEXByCp {
flex: 0 0 10%;
}
.correos_oficial .extra-container .section-frontOptionSelector {
flex: 1;
}
.section-SearchCityPaqByCPInput input,
.section-SearchCityPaqByCp button,
.section-SearchOfficeByCPInput input,
.section-SearchOfficeByCp button,
.section-SearchPudoCEXByCPInput input,
.section-SearchPudoCEXByCp button,
.section-frontOptionSelector select {
width: 100%;
height: 40px;
box-sizing: border-box;
}
.city-paq-schedule-and-map, 
.office-schedule-and-map {
display: flex;
flex-direction: row;
gap: 20px;
}
.city-paq-schedule-and-map .columna, 
.office-schedule-and-map .columna {
flex: 1;
}
.city-paq-schedule-and-map-right p.address, 
.office-schedule-and-map-right p.address {
margin-left: 0 !important;
}
.correos_oficial .customs-advice-doc h3,
.city-paq-schedule-and-map h3, 
.office-schedule-and-map h3 {
padding-top: 5px !important;
padding-bottom: 5px !important;
margin-top: 5px !important;
margin-bottom: 10px !important;
border-bottom: 2px solid var(--co_yellow);
font-weight: 700 !important;
}
.city-paq-schedule-and-map p, 
.office-schedule-and-map p,
.customs-advice-doc p {
padding-top: 5px !important;
padding-bottom: 5px !important;
color: black !important;
font-weight: 390 !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.citypaq-address-info,
.office-address-info,
.customs-advice-doc {
font-size: 1.3rem !important;
} .correos_oficial .map {
width: 100%;
height: 20em;
} @media (max-width: 768px) {
.correos_oficial .extra-container {
padding-left: 15px;
padding-right: 15px;
}
.correos_oficial .extra-container .section-SearchCityPaqByCPInput,
.correos_oficial .extra-container .section-SearchOfficeByCPInput,
.correos_oficial .extra-container .section-SearchPudoCEXByCPInput {
order: 1;
flex: 1 1 45%;
}
.correos_oficial .extra-container .section-SearchCityPaqByCp,
.correos_oficial .extra-container .section-SearchOfficeByCp,
.correos_oficial .extra-container .section-SearchPudoCEXByCp {
order: 2;
flex: 1 1 45%;
}
.correos_oficial .extra-container .section-frontOptionSelector {
order: 3;
flex: 1 1 100%;
}
.office-schedule-and-map {
flex-direction: column;
}
}