/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,17): run-time error CSS1039: Token not allowed after unary operator: '-corporate-orange'
(23,17): run-time error CSS1039: Token not allowed after unary operator: '-corporate-green'
(125,28): run-time error CSS1039: Token not allowed after unary operator: '-corporate-orange'
(133,28): run-time error CSS1039: Token not allowed after unary operator: '-corporate-orange-translucit-50'
(182,38): run-time error CSS1039: Token not allowed after unary operator: '-num-ongs'
(191,37): run-time error CSS1039: Token not allowed after unary operator: '-num-certificates'
(212,28): run-time error CSS1039: Token not allowed after unary operator: '-corporate-orange'
(252,28): run-time error CSS1039: Token not allowed after unary operator: '-corporate-orange-translucit-50'
(262,28): run-time error CSS1039: Token not allowed after unary operator: '-corporate-orange'
(267,38): run-time error CSS1039: Token not allowed after unary operator: '-corporate-gray'
(271,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-panels'
(275,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-panels'
(275,61): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-panels'
(279,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-panels'
(279,57): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-panels'
 */
:root {
    --corporate-orange: rgb(239 125 33);
    --corporate-orange-translucit: rgba(239, 125, 33, 0.90);
    --corporate-orange-translucit-50: rgba(239, 125, 33, 0.75);
    --corporate-green: rgb(99, 139, 35);
    --corporate-gray: rgb(195, 192, 189);
    --border-radius-panels: 10px;
    --num-ongs: 7;
    --num-certificates: 4;
}

.content2.header-orange {
    color: var(--corporate-orange);
}

.bold {
    font-weight: bold;
}

.green-header,
.green-header .icon-angle-left::before,
.green-header .icon-check-slim::before {
    color: var(--corporate-green);
    font-weight: bold;
    background-color: #f6f6f6;
}

.materialize-undo-border .collapsible,
.materialize-undo-border .collapsible-header,
.materialize-undo-border .collapsible-body {
    border: 0px none;
    box-shadow: none;
}

.green-header .icon-check-slim::before {
    font-size: 2em;
    font-weight: normal;
}

.grid-compromiso {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1em;
}

/*Alerta en desktop es opsat que en movile*/
.active .down.icon-angle-left::before,
.collapsed .down.icon-angle-left::before {
    rotate: 90deg;
}


.down.icon-angle-left::before {
    rotate: -90deg;
}


.pair-icon-text {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.icon-size {
    font-size: 50px;
    margin-top: 10px;
}

.dvBlock4 {
    height: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
}

.safety-confort-grid .icon-reserva-actividades::before {
    /*display: contents;*/
    font-size: 40px;
}

.orange-banner-container {
    padding: 1em 0 1em 0;
    background-color: none;
}

.orange-image-panel {
    width: 100%;
    height: 100%; /*Desktop value:fit-content;*/
    min-height: 300px;
}

.hover-detection:hover .hover-to-hide {
    opacity: 0;
}

.hover-detection .hover-to-hide {
    opacity: 1;
}

.hover-detection:hover .hover-to-show {
    opacity: 1;
}

.hover-detection .hover-to-show {
    opacity: 0;
}


.orange-panel-content {
    color: white;
    text-align: center;
    margin: 0 0 0 0;
    padding: 1em 1em 1em 1em;
    position: relative;
    z-index: 3;
    height: fit-content;
}



.orange-panel-bottom-box {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: white;
    background-color: var(--corporate-orange);
    width: 100%;
    padding: 10px 0px 10px 0px;
    font-weight: bold;
    text-align: center
}

.background_color_config {
    background-color: var(--corporate-orange-translucit-50);
    width: 100%;
    min-height: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.center-content {
    min-height: inherit;
    height: inherit;
    display: grid;
    align-content: center;
}

.background_img_config {
    width: 100%;
    min-height: inherit;
    height: inherit;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: none;
    align-content: end;
    position: relative
}

#solidario {
    background-position: center 15%;
}


.background_img_config.ong {
    background-size: cover;
}


.safety-confort-grid {
    display: grid;
    grid-template-columns: repeat(3, auto 1fr);
    grid-row-gap: 30px;
    align-items: center
}

.ong-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /*repeat(4, 1fr);*/
    grid-template-rows: repeat( var(--num-ongs), minmax(300px, fit-content));
    grid-row-gap: 30px;
    grid-column-gap: 2em;
    align-items: center
}

.certificates-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(250px, fit-content));
    grid-template-rows: repeat(var(--num-certificates), minmax(250px, fit-content));
    grid-row-gap: 30px;
    grid-column-gap: 2em;
    align-items: center
}

.certificate-images {
    background-position: 50% 50%;
}

.certificate-panel {
    width: 100%;
    height: 100%; /*Desktop value: fit-content;*/
    min-height: 250px;
    min-width: 250px;
}


.certificate-panel-title {
    width: 100%;
    height: auto;
    background-color: var(--corporate-orange);
}

.certificate-text-container {
    width: inherit;
    min-width: inherit;
    height: inherit;
    min-height: inherit;
    position: relative;
}

.certificates-grid .center-content {
    height: 100%;
}


.certificate-text-container .grid-img-title {
    display: grid;
    grid-template-rows: 1fr auto;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    grid-row-gap: 2em;
}

.certificate-text-container .background_img_config {
    position: initial;
    background-size: contain; /*Smaller Images*/
    height: unset;
    width: unset;
    margin: 2em 2em 2em 2em;
}


.hover-detection .certificate-panel-text {
    background-color: unset;
}

.hover-detection:hover .certificate-panel-text {
    background-color: var(--corporate-orange-translucit-50);
    z-index: 4;
    position: relative;
}

.certificate-panel .background_img_config {
    background-size: contain;
}

.certificate-panel > .orange-panel-content {
    background-color: var(--corporate-orange);
}


.shadow-box {
    box-shadow: 3px 3px 4px 1px var(--corporate-gray)
}

.border-round {
    border-radius: var(--border-radius-panels);
}

    .border-round .orange-banner-container {
        border-radius: 0 0 var(--border-radius-panels) var(--border-radius-panels);
    }

    .border-round .background_img_config > .hover-to-display {
        border-radius: var(--border-radius-panels) var(--border-radius-panels) 0 0;
    }

.certificate-grid {
    display: grid;
    grid-template-rows: 1fr auto;
    width: 100%;
    height: 100%;
}


html:not([dir="rtl"]) .dvIcon1 {
    border-left: 2px solid #a3a1a1;
    padding-left: 20px;
    height: 100%;
}

html[dir="rtl"] .dvIcon1 {
    border-right: 2px solid #a3a1a1;
    padding-right: 20px;
    height: 100%;
}


.culture-image-magin {
    margin-top: 1em;
    margin-bottom: 1em;
}

/*En movile aplica sempre*/
.ordenar-imagen-abajo {
    display: grid;
    grid-template-rows: auto auto;
}

    .ordenar-imagen-abajo > div:nth-child(odd) {
        grid-row: 3 / 4;
    }

    .ordenar-imagen-abajo > div:nth-child(even) {
        grid-row: 1 / 2;
    }

/*-------------------------------------------------------------*/
.dvCovidHome {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    line-height: inherit !important;
    padding: 0px !important;
    display: inherit !important;
    position: inherit !important;
}

.covidPhoto {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    .covidPhoto .cover-img {
        background-position: 50% 65%;
    }

.covidContentPhoto {
    position: absolute;
    background: #fff;
    text-align: center;
    opacity: 0.83;
    width: 100%;
    top: 37%;
    height: 25%;
    min-height: fit-content;
    display: grid;
    align-items: center;
}

.covidSubcontentPhoto {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.content2, .content3 {
    color: #716f6f;
    font-weight: bold;
    font-size: 2.5em;
}

.dvContent1 {
    background: #F0AC8C;
    border-radius: 15px;
    padding: 20px !important;
}

    .dvContent1 [class^="icon-"]:before, .dvContent1 [class*=" icon-"]:before {
        color: #384047 !important;
    }

.dvContent2 {
    border-bottom: 1px solid;
    padding: 0px 0px 10px 0px !important;
}

.dvContent3 {
    display: -webkit-inline-box;
    flex-wrap: wrap;
}

.dvContent4 {
    display: flex;
}

.dvContent5 {
    background: #ebeef1;
    border-radius: 15px;
    padding: 20px !important;
}


.dvContent23 {
    height: 150px;
    max-height: 150px;
}

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

.divider {
    height: 1px;
    overflow: hidden;
    background-color: #e0e0e0;
}

.bg1 {
    background-color: #f6f6f6;
    padding: 5px 0px 20px 0px;
}


@media only screen and (max-width: 600px) {

    .grid-compromiso {
        grid-template-columns: 1fr;
    }

    .safety-confort-grid {
        grid-template-columns: repeat(1, auto 1fr)
    }

    .ong-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .certificates-grid {
        grid-template-columns: repeat(1, 1fr);
    }



    .covidPhoto {
        height: 150px;
    }

    .covidSubcontentPhoto {
        font-size: 1.3em;
    }

    .covidSubcontentPhoto {
        font-size: 1.2em;
    }

    .content2 {
        font-size: 1.2em;
    }

    .content3 {
        font-size: 1.2em;
    }

    .iconContent1 {
        font-size: 3em;
    }

    .dvContent1 {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .ordenar-imagen-abajo {
        display: grid;
        grid-template-rows: auto auto;
    }

        .ordenar-imagen-abajo > div:nth-child(odd) {
            grid-row: 3 / 4;
        }

        .ordenar-imagen-abajo > div:nth-child(even) {
            grid-row: 1 / 2;
        }
}

@media (min-width: 601px) and (max-width: 991px) {

    .grid-compromiso {
        grid-template-columns: 1fr;
    }

    .safety-confort-grid {
        grid-template-columns: repeat(2, auto 1fr)
    }

    .ong-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .certificates-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    .covidPhoto {
        height: 240px;
    }

    .covidSubcontentPhoto {
        font-size: 1.6em;
    }

    .content2 {
        font-size: 1.4em;
    }

    .content3 {
        font-size: 1.2em;
    }

    .iconContent1 {
        font-size: 3em;
    }

    .dvContent1 {
        margin-top: 10px;
    }

    .dvContent21 {
        height: 17%;
    }
}



@media only screen and (min-width: 992px) {

    .safety-confort-grid {
        grid-template-columns: repeat(3, auto 1fr)
    }

    .ong-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .certificates-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    .covidPhoto {
        height: 275px;
    }

    .covidSubcontentPhoto {
        font-size: 2.2em;
    }

    .content2 {
        font-size: 2em;
    }

    .content3 {
        font-size: 1.8em;
    }

    .iconContent1 {
        font-size: 3em;
    }
}

@media only screen and (min-width: 1200px) {

    .safety-confort-grid {
        grid-template-columns: repeat(3, auto 1fr)
    }

    .ong-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .certificates-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .covidPhoto {
        height: 300px;
    }

    .covidSubcontentPhoto {
        font-size: 2.2em;
    }

    .content2 {
        font-size: 1.8em;
    }

    .content3 {
        font-size: 1.5em;
    }

    .iconContent1 {
        font-size: 4em;
    }
}

@media (max-width: 1200px) { /* Aquest llindar es diferent en la versió Desktop on es 991*/
    .grid-compromiso {
        grid-template-columns: 1fr;
    }
}

@media only screen and (min-width: 1601px) {
    
    .ong-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .certificates-grid {
        grid-template-columns: repeat(4, 1fr);
    }


    .covidPhoto {
        height: 475px;
    }

    .covidSubcontentPhoto {
        font-size: 2.7em;
    }

    .content2 {
        font-size: 2.5em;
    }

    .content3 {
        font-size: 2em;
    }

    .iconContent1 {
        font-size: 5em;
    }
}