/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 6.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.full{
	height: 100vh;
}
.full .row{
    height: 100vh;
    align-content: center;  
}
@font-face {
    font-family: 'Gilroy-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('fuentes/Gilroy-Regular.otf'); /* IE9 Compat Modes */
    src: local(''),
         url('fuentes/Gilroy-Regular.otf') format('opentype'), /* IE6-IE8 */
         url('fuentes/Gilroy-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fuentes/Gilroy-Regular.woff') format('woff'), /* Modern Browsers */
         url('fuentes/Gilroy-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fuentes/Gilroy-Regular.svg#Gilroy-Regular') format('svg'); /* Legacy iOS */
    font-display: swap;
}
@font-face {
    font-family: 'Questa_Regular';
    font-style: normal;
    font-weight: 400;
    src: url('fuentes/Questa_Regular.otf'); /* IE9 Compat Modes */
    src: local(''),
         url('fuentes/Questa_Regular.otf') format('opentype'), /* IE6-IE8 */
         url('fuentes/Questa_Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fuentes/Questa_Regular.woff') format('woff'), /* Modern Browsers */
         url('fuentes/Questa_Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fuentes/Questa_Regular.svg#Questa_Regular') format('svg'); /* Legacy iOS */
    font-display: swap;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.nav > li > a{
	font-family: "Questa_Regular",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
}
.haciendas-lista .box-shade .box-text {
    z-index: 9;
}
.haciendas-lista .box-shade .box-text:after{
	position:absolute;
	z-index:-1;
	content:"";
	left:0px;
	bottom:0px;
	height:126%;
	width:100%;
	background-color:#000;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.box-shade.dark h4,.box-shade.dark p{
    color: #ffffff;
}
.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a {
    color: #FFF3ED;
}
.dark .form-flat input:not([type=submit]), .dark .form-flat select, .dark .form-flat textarea, .nav-dark .form-flat input:not([type=submit]), .nav-dark .form-flat select, .nav-dark .form-flat textarea {
    background-color: hsl(0deg 0% 100% / 0%)!important;
    border-color: rgb(255 243 237 / 40%);
    color: #fff;
}

input.search-field::placeholder{
 	color:transparent!important;
}

input.search-field{
 	padding: 0 0.75em 0 3em;
}
    
.form-flat .button.icon {
    color: #182E34!important;
}
.form-flat .button.icon i {
    top: 0px;
}
.page-template-page-transparent-header-light .form-flat .button.icon {
    color: #FFF2EC!important;
}
.form-flat input:not([type=submit]), .form-flat select, .form-flat textarea {
    background-color: rgb(0 0 0 / 0%);
}
.header-search-form-wrapper form .flex-row.relative>.flex-col.flex-grow{
	order: 2;
}
.header-search-form-wrapper form .flex-row.relative>.flex-col{
	order: 1;
}
.searchform-wrapper.form-flat .flex-col:last-of-type {
    margin-right: -2.9em;
    margin-left: auto;
}

.header-inner.container {
    max-width: 95%;
}

.flecha:after {
    position: absolute;
    z-index: 0;
    content: "";
    width: 14px;
    height: 80px;
    left: calc(50% - 7px);
    bottom: -120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://www.globdigitaldevs.com/proyectos/haciendas/wp-content/uploads/2024/01/flecha.svg);
    -webkit-animation: balloon8 3s ease-in-out infinite;
    -moz-animation: balloon8 3s ease-in-out infinite;
    -o-animation: balloon8 3s ease-in-out infinite;
    animation: balloon8 3s ease-in-out infinite;
}
.flecha-2:after {
    position: absolute;
    z-index: 0;
    content: "";
    width: 14px;
    height: 80px;
    left: calc(50% - 7px);
    bottom: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://www.globdigitaldevs.com/proyectos/haciendas/wp-content/uploads/2024/01/flecha-2.svg);
    -webkit-animation: balloon8 3s ease-in-out infinite;
    -moz-animation: balloon8 3s ease-in-out infinite;
    -o-animation: balloon8 3s ease-in-out infinite;
    animation: balloon8 3s ease-in-out infinite;
}
h6{
	opacity: 1;
	background-image: url(https://www.globdigitaldevs.com/proyectos/haciendas/wp-content/uploads/2024/01/marco.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	color: #DACFC5!important;
	padding: 5px;
}
.uppercase, h6, span.widget-title, th {
    letter-spacing: .0em;
    line-height: 1.05;
    text-transform: uppercase;
}
.h6, h6 {
    font-size: 1.5em;
}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2{
	font-family: "Questa_Regular",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
}


.h2, h2 {
    font-size: 2.8em;
    line-height: 1.0;
}

.inicio h2 {
    margin-bottom: 1.4em;
}

body {
	font-family: "Gilroy-Regular",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;

}
.justificado p{
	text-align: justify;
}

.button.is-outline {
    font-family: "Questa_Regular",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
    color: #182E34;
    border-color: #182E34;
    border: 1px solid;
    font-weight: normal;
    padding-left: 22px;
    padding-right: 22px;
    font-size: .9em;
}


.pie:before{
	position: absolute;
    z-index: 0;
    content: "";
    width: 40px;
    height: 40px;
    left: 30px;
    top: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://www.globdigitaldevs.com/proyectos/haciendas/wp-content/uploads/2024/01/ico.svg);
	
}

.pb-0{
	padding-bottom: 0!important;
}
.mapa p{
	margin-bottom: -8px;
}


.subscribete h2 {
    margin-bottom: 0.4em;
}
.subscribete .col:first-child .col-inner {
    margin-left: 0;
    margin-right: auto;
}

.dark, .dark p, .dark td {
    color: #D5C9BD;
}
.dark .heading-font, .dark a.lead, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark label, .hover-dark:hover a, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover p {
    color: #D5C9BD;
}
.absolute-footer.dark {
    color: #D5C9BD;
}
.pie ul li{
	list-style: none;
	margin-left: 0;
	margin-bottom: 0.4em;
}
.pie p{
	line-height: 1.1rem;
}
.pie {
    padding-bottom: 0px!important;
	font-size: 90%;
}

.pie .social-icons .button.is-outline{
	border: 0px solid;
    padding: 5px 10px;
	margin-bottom: 0em;
}
.pie .social-icons{
	display: block;
}
.pie .button.icon.circle>i {
    margin: 0 12px 0px 0px;
}
.pie .social-icons .button.is-outline span{
	color: #d8cfc6;
	    font-family: "Gilroy-Regular",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
}
.pie .button.icon.circle>i:after{
    position: absolute;
    z-index: -1;
    content: "";
    width: 18px;
    height: 18px;
    left: -3px;
    top: -2px;
    border-radius: 20px;
    background-color: #d8cfc6;
}
.mensaje p{
    margin-bottom: 0.6rem;
    margin-left: 0.51rem;
}
.button.instagram:hover, .button.instagram:not(.is-outline) {
    color: #dd3bd9!important;
}

.forminator-ui *{
    font-family: "Gilroy-Regular",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
}
#forminator-module-88.forminator-design--flat .forminator-input {
    background-color: rgb(255 255 255 / 40%)!important;
    border-radius: 15px!important;
    padding-left: 20px!important;

}

.forminator-edit-module{
	display: none;
}

#forminator-module-88{
    position: relative;
}
.boton-enviar{
    position: absolute!important;
    right: -48px!important;
    bottom: -1px!important;
    border-radius: 10px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
}
.caminos {
	max-width: 102%!important;
    width: 102%;
    margin-right: -9.8px;
    margin-left: -9.8px;
}
.caminos .box-text{
    padding-left: 1.2em;
    padding-right: 1.2em;
}


.header-bg-color {
    background-color: hsl(30deg 18.75% 81.18%);
}
.stuck .header-nav-main.nav > li > a {
    color: #182E34!important;
}
.stuck .form-flat .button.icon {
    color: #182E34!important;
}
.stuck .form-flat input:not([type=submit]),
.stuck .form-flat select, .form-flat textarea {
    background-color: rgb(255 255 255 / 3%);
    border-color: rgba(24, 46, 52, 0.40);
}

.transparent #logo img {
    width: 230px;
}

.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color: #182E34;
}

.zoom .img-inner{
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.zoom:hover .img-inner {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}


.interna-caminos .col:first-child .col-inner {
    margin-left: 0;
    margin-right: auto;
}

.interna-caminos li {
    margin-bottom: 0em;
}

.success {
    padding-left: 28px;
    padding-right: 28px;
}

.interna-caminos .icon-box-center .icon-box-img {
    margin-bottom: -42px;
    left: -14px;
    opacity: 0.56;
}
.interna-caminos .flickity-page-dots{
    bottom: auto;
    top: 50%;
    left: -30px;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: auto;
    text-align: center;
    width: 20px;
    transform: translate(0px, -50%);
}
.actividades .flickity-page-dots {
    bottom: auto;
    top: 50%;
    left: -22px;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: auto;
    text-align: center;
    width: 20px;
    transform: translate(0px, -50%);
}
.flickity-page-dots .dot.is-selected {
    background-color: transparent;
    opacity: 1!important;
    border: 1px solid #111;
    width: 12px;
    height: 12px;
}
.flickity-page-dots .dot {
    border: 0px solid #182E34;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 3px;
    margin: 10px 4px;
    opacity: .4;
    transition: opacity .3s;
    width: 3px;
    background-color: #182E34;
    opacity: 1;
}

.slider-nav-light .flickity-page-dots .dot {
    border-color: #DACFC5;
}
.slider-nav-light .flickity-page-dots .dot {
    border: 0px solid #DACFC5;
    background-color: #DACFC5;
}
.slider-nav-light .flickity-page-dots .dot.is-selected,
.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: #DACFC5;
}

.fondo-01{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d8cfc6+0,d8cfc6+45,cb9c56+45,cb9c56+100 */
    background: linear-gradient(to right,  rgba(216,207,198,1) 0%,rgba(216,207,198,1) 45%,rgba(203,156,86,1) 45%,rgba(203,156,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: 0px solid #ececec;
    margin: 0px 0px;
    font-family: "Questa_Regular",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
    text-transform: uppercase;
    font-size: .85em;
    color: #1D343C;
    padding: 4px 0px;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 0px solid #ddd;
}
.nav-dropdown-has-shadow .nav-dropdown {
    box-shadow: 0px 0px 0px rgba(0,0,0,.0);
}
.nav-dropdown-default {
    padding: 0 15px;
}
.nav-dropdown {
    background-color: #d8cfc6;
    min-width: 190px;
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before{
    display: none;
}
.nav-dropdown-default .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-default>li>a:hover{
    border-bottom: 1px solid;
}

.actividades .container .row-small:not(.row-collapse),
.actividades .row .row-small:not(.row-collapse) {
    margin-left: 0px;
    margin-right: 0px;
}

.actividades .img-inner{
    border-radius: 5px;
}






.mouse--scroll{
  position: absolute;
  left: 50px;
}

.mouse--scroll:before {
  position: absolute;
  left: 19px;
}
.mouse--scroll {
    border: 1px solid #FFF3ED;
    border-radius: 2.5rem;
    width: 2.2rem;
    height: 3.5rem;
    bottom: 20px;
}
.mouse--scroll:before {
    content: "";
    width: 0.3rem;
    height: 0.3rem;
    background: #FFF3ED;
    margin-left: -0.3rem;
    top: 0.8rem;
    border-radius: 0.3rem;
    animation-name: scroll-dot;
    animation-duration: 1.7s;
    animation-iteration-count: infinite;
}


@keyframes scroll-dot {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translateY(2rem);
  }
}


.forminator-ui#forminator-module-225.forminator-design--flat .forminator-button-submit {
    width: 100%!important;
    border-radius: 3px!important;
}
.lightbox-content {
    border-radius: 8px!important;
}
.forminator-ui{
    border-radius: 8px!important;
}
.forminator-ui h3{
	font-family: "Questa_Regular",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
    font-size: 1.85em!important;
    line-height: 1.1em!important;
}

.forminator-ui.forminator-custom-form[data-design=flat] .forminator-input {
    border-radius: 3px!important;
}

.forminator-response-message h3{
	color:#D8CFC6!important;
}



































/*BALLOON 1 4*/
        @-webkit-keyframes balloon1 {
            0%, 100% {
                -webkit-transform: translateY(0) rotate(-6deg);
            }
            50% {
                -webkit-transform: translateY(-20px) rotate(8deg);
            }
        }
        @-moz-keyframes balloon1 {
            0%, 100% {
                -moz-transform: translateY(0) rotate(-6deg);
            }
            50% {
                -moz-transform: translateY(-20px) rotate(8deg);
            }
        }
        @-o-keyframes balloon1 {
            0%, 100% {
                -o-transform: translateY(0) rotate(-6deg);
            }
            50% {
                -o-transform: translateY(-20px) rotate(8deg);
            }
        }
        @keyframes balloon1 {
            0%, 100% {
                transform: translateY(0) rotate(-6deg);
            }
            50% {
                transform: translateY(-20px) rotate(8deg);
            }
        }
        /* BAllOON 2 5*/
        @-webkit-keyframes balloon2 {
            0%, 100% {
                -webkit-transform: translateY(0) rotate(6eg);
            }
            50% {
                -webkit-transform: translateY(-30px) rotate(-8deg);
            }
        }
        @-moz-keyframes balloon2 {
            0%, 100% {
                -moz-transform: translateY(0) rotate(6deg);
            }
            50% {
                -moz-transform: translateY(-30px) rotate(-8deg);
            }
        }
        @-o-keyframes balloon2 {
            0%, 100% {
                -o-transform: translateY(0) rotate(6deg);
            }
            50% {
                -o-transform: translateY(-30px) rotate(-8deg);
            }
        }
        @keyframes balloon2 {
            0%, 100% {
                transform: translateY(0) rotate(6deg);
            }
            50% {
                transform: translateY(-30px) rotate(-8deg);
            }
        }
        /* BAllOON 0*/
        @-webkit-keyframes balloon3 {
            0%, 100% {
                -webkit-transform: translate(0, -10px) rotate(6eg);
            }
            50% {
                -webkit-transform: translate(-20px, 30px) rotate(-8deg);
            }
        }
        @-moz-keyframes balloon3 {
            0%, 100% {
                -moz-transform: translate(0, -10px) rotate(6eg);
            }
            50% {
                -moz-transform: translate(-20px, 30px) rotate(-8deg);
            }
        }
        @-o-keyframes balloon3 {
            0%, 100% {
                -o-transform: translate(0, -10px) rotate(6eg);
            }
            50% {
                -o-transform: translate(-20px, 30px) rotate(-8deg);
            }
        }
        @keyframes balloon3 {
            0%, 100% {
                transform: translate(0, -10px) rotate(6eg);
            }
            50% {
                transform: translate(-20px, 30px) rotate(30deg);
            }
        }
        /* BAllOON 3*/
        @-webkit-keyframes balloon4 {
            0%, 100% {
                -webkit-transform: translate(10px, -10px) rotate(-8eg);
            }
            50% {
                -webkit-transform: translate(-15px, 20px) rotate(10deg);
            }
        }
        @-moz-keyframes balloon4 {
            0%, 100% {
                -moz-transform: translate(10px, -10px) rotate(-8eg);
            }
            50% {
                -moz-transform: translate(-15px, 10px) rotate(10deg);
            }
        }
        @-o-keyframes balloon4 {
            0%, 100% {
                -o-transform: translate(10px, -10px) rotate(-8eg);
            }
            50% {
                -o-transform: translate(-15px, 10px) rotate(10deg);
            }
        }
        @keyframes balloon4 {
            0%, 100% {
                transform: translate(10px, -10px) rotate(-8eg);
            }
            50% {
                transform: translate(-15px, 10px) rotate(10deg);
            }
        }
        /* BAllOON 5*/
        @-webkit-keyframes balloon5 {
            0%, 100% {
                -webkit-transform: translate(10px, -10px) rotate(0eg);
            }
            50% {
                -webkit-transform: translate(-15px, 20px) rotate(0deg);
            }
        }
        @-moz-keyframes balloon5 {
            0%, 100% {
                -moz-transform: translate(10px, -10px) rotate(0eg);
            }
            50% {
                -moz-transform: translate(-15px, 10px) rotate(0deg);
            }
        }
        @-o-keyframes balloon5 {
            0%, 100% {
                -o-transform: translate(10px, -10px) rotate(0eg);
            }
            50% {
                -o-transform: translate(-15px, 10px) rotate(0deg);
            }
        }
        @keyframes balloon5 {
            0%, 100% {
                transform: translate(10px, -10px) rotate(0eg);
            }
            50% {
                transform: translate(-15px, 10px) rotate(0deg);
            }
        }
        /* BAllOON 6*/
        @-webkit-keyframes balloon6 {
            0%, 100% {
                -webkit-transform: translate(15px, -15px) rotate(-10eg);
            }
            50% {
                -webkit-transform: translate(15px, -20px) rotate(-20deg);
            }
        }
        @-moz-keyframes balloon6 {
            0%, 100% {
                -moz-transform: translate(15px, -15px) rotate(-10eg);
            }
            50% {
                -moz-transform: translate(15px, -20px) rotate(20deg);
            }
        }
        @-o-keyframes balloon6 {
            0%, 100% {
                -o-transform: translate(15px, -15px) rotate(-10eg);
            }
            50% {
                -o-transform: translate(15px, -20px) rotate(20deg);
            }
        }
        @keyframes balloon6 {
            0%, 100% {
                transform: translate(15px, -15px) rotate(-10eg);
            }
            50% {
                transform: translate(15px, -20px) rotate(20deg);
            }
        }
        /* BAllOON 7*/
        @-webkit-keyframes balloon7 {
            0%, 100% {
                -webkit-transform: translate(20px, -20px) rotate(-15eg);
            }
            50% {
                -webkit-transform: translate(-25px, -50px) rotate(15deg);
            }
        }
        @-moz-keyframes balloon7{
            0%, 100% {
                -moz-transform: translate(20px, -20px) rotate(-15eg);
            }
            50% {
                -moz-transform: translate(-25px, -50px) rotate(15deg);
            }
        }
        @-o-keyframes balloon7 {
            0%, 100% {
                -o-transform: translate(20px, -20px) rotate(-15eg);
            }
            50% {
                -o-transform: translate(-25px, -50px) rotate(15deg);
            }
        }
        @keyframes balloon7 {
            0%, 100% {
                transform: translate(20px, -20px) rotate(-15eg);
            }
            50% {
                transform: translate(-25px, -50px) rotate(15deg);
            }
        }
		/* BAllOON 8*/
        @-webkit-keyframes balloon8 {
            0%, 100% {
                -webkit-transform: translate(0px, 15px) rotate(0eg);
            }
            50% {
                -webkit-transform: translate(0px, 15px) rotate(0deg);
            }
        }
        @-moz-keyframes balloon8{
            0%, 100% {
                -moz-transform: translate(0px, 15px) rotate(0eg);
            }
            50% {
                -moz-transform: translate(0px, 15x) rotate(0deg);
            }
        }
        @-o-keyframes balloon8 {
            0%, 100% {
                -o-transform: translate(0px, 15px) rotate(0eg);
            }
            50% {
                -o-transform: translate(0px, 15px) rotate(0deg);
            }
        }
        @keyframes balloon8 {
            0%, 100% {
                transform: translate(0px, 15px) rotate(0eg);
            }
            50% {
                transform: translate(0px, 15px) rotate(0deg);
            }
        }
/*FIN BALLOON 1 4*/
.mfp-bg.off-canvas-center:not(.dark) {
    background-color: #D8CFC6;
    opacity: .95;
}

@media only screen and (max-width: 1200px) {
    .pie{
        padding-top: 70px!important;
    }
    .pie:before {
        left: calc(50% - 20px);
        top: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .boton-enviar {
        right: 0px!important;
    }
}

@media only screen and (max-width: 782px) {
    .boton-enviar {
        position: relative!important;
        right: auto!important;
        bottom: auto!important;
    }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    
}


@media only screen and (max-width: 549px) {
    .flecha-2:after {
        bottom: -12px;
    }
    .caminos {
        max-width: 100%!important;
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }
    .h2, h2 {
        font-size: 2.2em;
    }
    .interna-caminos .flickity-page-dots {
        bottom: -50px;
        top: auto;
        left: 20%;
        line-height: 1;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 20%;
        text-align: center;
        width: auto;
        transform: translate(0px, -50%);
        vertical-align: middle;
        justify-content: center;
        align-items: center;
        align-content: center;
        display: flex;
    }
    .actividades .flickity-page-dots {
        bottom: -50px;
        top: auto;
        left: 20%;
        line-height: 1;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 20%;
        text-align: center;
        width: auto;
        transform: translate(0px, -50%);
        vertical-align: middle;
        justify-content: center;
        align-items: center;
        align-content: center;
        display: flex;
    }
    .fondo-01{
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d8cfc6+0,d8cfc6+45,cb9c56+45,cb9c56+100 */
        background: linear-gradient(to bottom, rgba(216,207,198,1) 0%,rgba(216,207,198,1) 62%,rgba(203,156,86,1) 62%,rgba(203,156,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    .mouse--scroll {
        position: absolute;
        left: 20px;
    }
}