/* ******************************************** */
/** OBJECTS: SECTION
/* ******************************************** */

/* SECTION */

:root{
    --section-y: var(--space-y-md);
    --section-y-xs: var(--space-y);
    --section-y-xl: var(--space-y-lg);
}

.o-section{
    padding-top: var(--section-y);
    padding-bottom: var(--section-y);
}

.o-section-xs{
    padding-top: var(--section-y-xs);
    padding-bottom: var(--section-y-xs);
}

.o-section-xl{
    padding-top: var(--section-y-xl);
    padding-bottom: var(--section-y-xl);
}

.o-section-xl--t{
    padding-top: var(--section-y-xl);
}

.o-section-xl--b{
    padding-bottom: var(--section-y-xl);
}

.o-section--t{
    padding-top: var(--section-y);
}
.o-section--b{
    padding-bottom: var(--section-y);
}

.o-section-xs--t{
    padding-top: var(--section-y-xs);
}
.o-section-xs--b{
    padding-bottom: var(--section-y-xs);
}





/* ********************** TALL MOBILE PORTRAIT ********************** */

@media (max-width: 767px) and (min-height: 730px){
}

 



/* ********************** MOBILE LANDSCAPE ********************** */

@media (orientation: landscape) and (min-width: 500px) and (max-width: 767px) {

}




/* ********************** de Mobile a TABLET ********************** */

@media (min-width: 768px) {
}
@media (min-width: 768px) and (orientation: portrait) {

}




/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width: 980px) {

}




/* ********************** de Desktop a DESKTOP 2 ********************** */

@media (min-width: 1200px) {
}
@media (min-width: 1200px) and (min-height: 790px){

}




/* ********************** de Desktop 2 a HD ********************** */

@media (min-width: 1400px) {
}
@media (min-width: 1400px) and (min-height: 790px){
}




/* ********************** de Hd a FULL HD ********************** */

@media (min-width: 1600px) {
}
@media (min-width: 1600px) and (min-height: 790px){
}
@media (min-width: 1600px) and (min-height: 900px){
}

@media (min-width: 1800px) {
}




/* ********************** 4K ********************** */

@media (min-width: 2048px) {
}