/* * * JARDIN BOTÁNICO * DESARROLLADO POR * GEEKLOPERS * * MainColor (Verde) #7aa14d * SecondColor (Amarillo) #e2e000 * ThirdColor (Naranja) #f28b00 * */ body{font-family: 'TextFont' !important;} .container{max-width: 1000px; width: 75%; padding: 0 20px;} .basic-btn{font-family: 'TextFontBlack'; background-color: #e2e000; color: #000; padding: 6px 14px 2px 14px; border-radius: 20px; font-size: 20px;} .comprar{height: 60px !important;} .comprar-bloqueado{height: 60px !important; background-color: #afafaf; opacity: .5;} .basic-btn:hover{color: #000; text-decoration: none;} .border-btn { font-family: 'TextFontBlack'; border: 4px solid #e2e000; color: #000; padding: 4px 12px 0px 12px; border-radius: 20px; font-size: 20px; } .section-sm{display: none;} .regresar{left: calc(5% + 10px); position: absolute; top: 120px; color: #fff; z-index: 1; font-size: 16px; font-family: 'TextFontBold'; letter-spacing: 2px; text-transform: uppercase; z-index: 101; transition: .5s ease;} .regresar:hover{color: #7aa14d; text-decoration: none;} .regresar i{padding-right: 10px;} #loading{display: none; position: fixed; width: 100%; height: 100vh; background-color: rgba(255, 255,255, .5); align-items: center; justify-content: center; z-index: 200;} #loading .spinner-border{left: calc(50% - 50px); width: 100px; height: 100px; border: 14px solid #7aa14d; border-right-color: transparent; position: absolute; top: calc(50% - 50px);} .form-control { padding-top: 9px; } header{display: flex !important; width: 100%; justify-content: space-between; align-items: center; padding: 40px 5%; position: absolute; top: 0; z-index: 100;} header .logo img{width: 200px;} header .logo img.movil{width: 40px; display: none;} header .menu-btn{display: flex;} header .menu-btn:hover{cursor: pointer;} header .menu-btn span{color: #fff; text-transform: uppercase; display: block;} header .menu-btn span.section-name{margin-right: 20px; margin-top: 1px; font-family: 'TextFontMedium'; letter-spacing: 2px; font-size: 14px;} header .menu-btn span i{font-size: 20px;} header .menu-list{display: none; position: absolute; top: 0; width: 500px; right: 5%; top: 40px; background-color: #7aa14d; color: #fff; z-index: 100;} header .menu-list .x{font-family: 'TextFontMedium'; font-size: 24px; color: #fff; position: absolute; top: 10px; right: 20px;} header .menu-list .x:hover{cursor: pointer;} header .menu-list ul{list-style: none; padding: 60px;} header .menu-list ul li, header .menu-list ul li a{font-family: 'TextFont'; color: #fff; text-align: right; font-size: 16px; line-height: 30px; letter-spacing: 1px;} header .menu-list ul li a{cursor: default; text-decoration: none;} header .menu-list ul li a:hover{cursor: default; text-decoration: underline;} header .menu-list ul li a img{max-height: 26px; width: 20px; margin-left: 6px;} header .menu-list ul li a.active{opacity: .5;} header .menu-list ul .line{height: 2px; width: 180px; background-color: #fff; float: right; margin-left: calc(100% - 180px); margin-top: 20px; margin-bottom: 15px;} header .menu-list ul .social{margin-top: 15px; margin-bottom: 40px;} header .menu-list ul .social .fa-facebook{padding: 4px 7px; border-radius: 50%; background-color: #fff; color: #7aa14d;} header .menu-list ul .social .fa-instagram{padding: 4px 5px; border-radius: 50%; background-color: #fff; color: #7aa14d;} header .menu-list ul .basic-btn{color: #000; font-family: 'TextFontBlack'; font-size: 16px; padding: 8px 16px 6px 16px;} .view.inicio .section1{background-image: url('../images/web/inicio/banner.png'); background-size: cover; background-position: center;} .view.inicio .section1 .contenedor1 {display: flex; align-items: center; justify-content: center; min-height: 100vh; position: relative;} .view.inicio .section1 .down{position: absolute; bottom: 0; font-size: 70px; color: #fff;} .view.inicio .section1 .contenedor1 .titulo{color: #fff; text-align: center; width: 650px;} .view.inicio .section1 .contenedor1 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 70px;} .view.inicio .section1 .contenedor1 .titulo h2{font-family: 'TextFont'; margin: 0; margin-top: 5px; font-size: 30px;} .view.inicio .section2{padding: 120px 0; background-color: #f1f2f2;} .view.inicio .section2 .contenedor2 .descripcion{max-width: 800px; font-family: 'TextFont'; margin: auto; font-size: 20px; text-align: center;} .view.inicio .section2 .contenedor2 .descripcion p{margin-bottom: 0;} .view.inicio .section2 .contenedor2 .descripcion p.small{display: none;} .view.inicio .section3{background-image: url('../images/web/inicio/bg1.png'); background-position: bottom; background-size: cover;} .view.inicio .section3 .descubre .titulo{max-width: 500px; text-align: center; padding: 120px 0; margin: auto;} .view.inicio .section3 .descubre .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 36px; margin-bottom: 26px; color: #7aa14d;} .view.inicio .section3 .descubre .titulo h5{color: #000;} .view.inicio .section3 .descubre h5{font-family: 'TextFont'; color: #fff; font-size: 16px; letter-spacing: 1px;} .view.inicio .section3 .descubre .fila{display: flex; justify-content: space-around; text-align: center;} .view.inicio .section3 .descubre .fila1, .view.inicio .section3 .descubre .fila2{padding-bottom: 60px;} .view.inicio .section3 .descubre .fila3{/* padding-bottom: 120px; */} .view.inicio .section3 .descubre .fila .dato{margin: auto; width: 25%; color: #fff; z-index: 1;} .view.inicio .section3 .descubre .fila img{width: 100px; margin-bottom: -10px;} .view.inicio .section3 .descubre .fila .pitayo img {width: 78px; margin-bottom: 0px;} .view.inicio .section3 .descubre .fila .dato.long{width: 100%; display: flex; align-items: center; justify-content: center;} .view.inicio .section3 .descubre .fila .dato.long h2{margin-right: 20px;} .view.inicio .section3 .descubre .fila .dato.long h5{text-align: left;} .view.inicio .section3 .descubre .fila .dato h2{font-family: 'TextFontBold'; margin-bottom: 0; font-size: 32px;} .view.inicio .section3 .descubre .fila .dato h5{font-size: 18px;} .view.inicio .section3 .descubre .fila .dato h5 span{font-style: italic;} .view.inicio .section3 .descubre.half2{background-image: url('../images/web/inicio/bg2.jpg'); background-position: center; background-size: cover; padding: 200px 0; background-color: #333; position: relative;} .view.inicio .section3 .descubre.half2 .color{width: 100%; height: 100%; background-color: rgba(0,0,0,.2); position: absolute; top: 0;} .view.inicio .section4{margin: auto; margin-top: 120px; max-width: 1280px;} .view.inicio .section4 .actividades .actividad-del-mes .columna2{background-color: #64a70b;} .view.inicio .section4 .actividades .actividad-del-mes .info {color: #fff;} .view.inicio .section4 .actividades .actividad-del-mes .info img{width: 60px; padding-top: 25px;} .view.inicio .section4 .actividades .actividad-del-mes .info h4{font-size: 14px; letter-spacing: 1px; margin-bottom: 4px; margin-top: 15px;} .view.inicio .section4 .actividades .actividad-del-mes .info p{padding: 24px 0 30px 0;} .view.inicio .section4 .actividades .actividad-del-mes .info p.movil{display: none;} .view.inicio .section4 .actividades .leftie .columna2, .view.inicio .section4 .actividades .rightie .columna1{display: flex; align-items: center;} .view.inicio .section4 .actividades .columnas{flex: 0 0 calc(50% - 50px); max-width: calc(50% + 50px) !important;} .view.inicio .section4 .actividades .imagen{flex: 0 0 calc(50% + 50px);} .view.inicio .section4 .actividades .imagen{background-size: cover; background-position: center;} .view.inicio .section4 .actividades .info{max-width: 300px; color: #172317; margin: 50px;} .view.inicio .section4 .actividades .info h2{font-family: 'MainFont'; font-size: 20px; margin-bottom: 0; text-transform: uppercase;} .view.inicio .section4 .actividades .info p{font-family: 'TextFont'; font-size: 16px; margin-bottom: 0; padding: 16px 0;} .view.inicio .section4 .actividades .info .basic-btn{font-size: 18px;} .view.inicio .section4 .actividades .actividad2 .columna1{background-color: #d6ecbd;} .view.inicio .section4 .actividades .actividad2 .columna1 .info{padding: 20px 0;} .view.inicio .section4 .actividades .actividad3 .columna2{background-color: #b1d08f;} .view.inicio .section4 .actividades .actividad3 .columna{background-color: #b1d08f;} .view.inicio .section4 .actividades .actividad1 .imagen{/* background-image: url('../images/web/inicio/img1.png'); */ margin-bottom: -20px; margin-top: 20px; z-index: 2;} .view.inicio .section4 .actividades .actividad2 .imagen{/* background-image: url('../images/web/inicio/img2.png'); */ z-index: 1;} .view.inicio .section4 .actividades .actividad3 .imagen{/* background-image: url('../images/web/inicio/img3.png'); */ margin-bottom: 20px; margin-top: -20px;} .view.inicio .section4-5 {background-color: #FFF;} .view.inicio .section4-5 .titulo{max-width: 500px; text-align: center; padding: 120px 0; margin: auto;} .view.inicio .section4-5 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 36px; margin-bottom: 26px; color: #7aa14d;} .view.inicio .section4-5 .titulo h5{color: #000;} .view.inicio .section5 .titulo{max-width: 550px; text-align: center; padding: 120px 0; margin: auto;} .view.inicio .section5 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 36px; color: #7aa14d; margin-bottom: 26px;} .view.inicio .section5 .titulo h5{font-family: 'TextFont'; font-size: 16px; letter-spacing: 1px;} .view.inicio .section5 .contenedor5-1 .titulo{max-width: 500px; text-align: center; padding: 120px 0; margin: auto;} .view.inicio .section5 .contenedor5-1 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 36px; margin-bottom: 26px; color: #7aa14d;} .view.inicio .section5 .contenedor5-1 .titulo h5{color: #000;} .view.inicio .section6{height: calc(100vh + 40px); background-image: url('../images/web/inicio/banner2.png'); background-size: cover; /* margin-top: -21px; */} .view.inicio .section6 .contenedor6{display: flex; align-items: center; height: calc(100vh + 40px);} .view.inicio .section6 .contenedor6 .titulo{color: #fff; text-align: left; width: 650px;} .view.inicio .section6 .contenedor6 .titulo h1{font-family: 'MainFont'; margin: 0; margin-bottom: 30px; font-size: 60px;} .view.inicio .section6 .contenedor6 .titulo h2{font-family: 'MainFont'; margin: 0; margin-top: 5px; font-size: 44px;} .view.inicio .section7{background-color: #f5f5f5; padding: 58px 0 0 0;} .view.inicio .section7 .titulo{text-align: center;} .view.inicio .section7 .titulo h1{color: #7aa14d; font-family: 'MainFont'; font-size: 30px; text-align: center; } .view.inicio .section7 .titulo p{text-align: center; letter-spacing: 1px; margin-bottom: 25px;} .view.inicio .section7 .titulo input{width: 250px; padding: 8px 20px; text-align: center; border-radius: 25px; border: 0; background: rgba(255, 255, 255, 1);} .view.inicio .section7 .titulo input:focus{outline: none;} .view.inicio .section7 .titulo button{padding:7px 14px 3px 14px; margin-left: 10px; border: none;} .view.inicio .section7 .titulo button:focus{outline: none;} .view.inicio .section7 form{position: relative;} .view.inicio .section7 form #Respuesta{position: absolute; padding-top: 20px; width: 100%; text-align: center;} .view.inicio .container-timeline { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: 250px; gap: 4px 0px; grid-template-areas: "UNO UNO DOS DOS TRES TRES" "CUATRO CUATRO CINCO CINCO SEIS SEIS" "SIETE SIETE SIETE SIETE SEIS SEIS" "OCHO OCHO OCHO OCHO SEIS SEIS"; } .UNO { grid-area: UNO; } .DOS { grid-area: DOS; } .TRES { grid-area: TRES; } .CUATRO { grid-area: CUATRO; } .CINCO { grid-area: CINCO; } .SEIS { grid-area: SEIS; } .SIETE { grid-area: SIETE; } .OCHO { grid-area: OCHO; } .view.inicio .container-timeline .timeline-green{background-color: #7AA14D;} .view.inicio .container-timeline .timeline-black{background-color: #2D2D2D;} .view.inicio .container-timeline p{font-family: 'TextFont'; font-size: 12px; color: #FFF; line-height: 17px; margin-bottom: 5px;} .view.inicio .container-timeline b{font-family: 'MainFont'; font-size: 14px; color: #FFF; line-height: 19px;} .view.inicio .container-timeline span{font-family: 'MainFont'; font-size: 28px; color: #FFF;} .view.atracciones .section1{min-height: 100vh; background-image: url('../images/web/atracciones/banner.png'); background-size: cover; display: flex; align-items: center; justify-content: center;} .view.atracciones .section1 .info{color: #fff; text-align: center; width: 650px;} .view.atracciones .section1 .info h1{font-family: 'MainFont'; margin: 0; font-size: 36px;} .view.atracciones .section1 .info h5{font-family: 'TextFont'; margin: 0; margin-top: 5px; font-size: 36px;} .view.atracciones .section1 .info .line{width: 300px; height: 2px; background-color: #a3c779; margin: auto; margin-top: 30px; margin-bottom: 45px;} .view.atracciones .section1 .info p{font-family: 'TextFont'; font-size: 16px; letter-spacing: 1px;} .view.atracciones .section1 .info .border-btn{display: none;} .view.atracciones .section2{background-color: #f5f5f5;} .view.atracciones .section2 .contenedor1 .fila1{position: relative; padding-bottom: 20px;} .view.atracciones .section2 .contenedor1 .fila1 .columnas{margin-top: -140px; text-align: center;} .view.atracciones .section2 .contenedor1 .fila1 .columnas .imagen{height: 400px; background-size: cover;} .view.atracciones .section2 .contenedor1 .fila1 .columnas .info h3{font-family: 'MainFont'; font-size: 27px; margin: 14px 0; display: flex; align-items: center; justify-content: center;} .view.atracciones .section2 .contenedor1 .fila1 .columnas .info p{font-family: 'TextFont'; font-size: 18px; margin-bottom: 40px;} .view.atracciones .section2 .contenedor1 .fila1 .columna1 .imagen{background-image: url('../images/web/atracciones/sec1.png');} .view.atracciones .section2 .contenedor1 .fila1 .columna2 .imagen{background-image: url('../images/web/atracciones/sec2.png');} .view.atracciones .section2 .contenedor1 .fila1 .columna3 .imagen{background-image: url('../images/web/atracciones/sec3.png');} .view.atracciones .section3 .titulo{max-width: 500px; text-align: center; margin: 120px auto;} .view.atracciones .section3 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 36px; color: #7aa14d; margin-bottom: 26px;} .view.atracciones .section3 .titulo h5{font-family: 'TextFont'; font-size: 16px; letter-spacing: 1px; font-family: 'TextFont'; color: #000;} .view.atracciones .section3 .atracciones .atraccion{width: 100%;} .view.atracciones .section3 .atracciones .fila2{margin-top: -60px;} .view.atracciones .section3 .atracciones .fila3{margin-top: -60px;} .view.atracciones .section3 .atracciones .atraccion .imagen{background-size: cover; background-position: center; width: 55%;} .view.atracciones .section3 .atracciones .atraccion .info{width: 45%;} .view.atracciones .section3 .atracciones .atraccion .info .cont{max-width: 350px;} .view.atracciones .section3 .atracciones .atraccion1 .info{padding: 100px 40px 160px 40px;} .view.atracciones .section3 .atracciones .atraccion2 .info{padding: 160px 40px 160px 40px;} .view.atracciones .section3 .atracciones .atraccion2 .imagen.small{display: none;} .view.atracciones .section3 .atracciones .atraccion3 .info{padding: 160px 40px 100px 40px;} .view.atracciones .section3 .atracciones .atraccion.img-left .info .cont{float: left;} .view.atracciones .section3 .atracciones .atraccion.img-right .info .cont{float: right;} .view.atracciones .section3 .atracciones .atraccion .info h3{font-family: 'MainFont'; font-size: 24px; margin-top: 0; margin-bottom: 16px;} .view.atracciones .section3 .atracciones .atraccion .info p{font-family: 'TextFont'; font-size: 16px;} .view.atracciones .section3 .atracciones .atraccion .info h4{font-family: 'MainFont'; margin: 40px 0; font-size: 20px; letter-spacing: 2px;} .view.atracciones .section3 .atracciones .atraccion .basic-btn{font-size: 18px;} .view.atracciones .section3 .atracciones .atraccion1 .imagen{background-image: url('../images/web/atracciones/img4.png'); z-index: 3;} .view.atracciones .section3 .atracciones .atraccion2 .imagen{background-image: url('../images/web/atracciones/img2.png'); z-index: 2;} .view.atracciones .section3 .atracciones .atraccion3 .imagen{background-image: url('../images/web/atracciones/img5.png'); z-index: 1;} .view.eventos .section1{/* background-image: url('../images/web/eventos/banner.png'); */ background-size: cover; position: relative;} .view.eventos .section1 .color{position: absolute; top: 0; left: 0; width: 100%; height: 100%;/* background-color: rgba(0,0,0,.5);*/} .view.eventos .section1 .contenedor1{min-height: 100vh; display: flex; justify-content: center; align-items: center;} .view.eventos .section1 .contenedor1 .info{color: #fff; text-align: left; width: 550px; text-align: center; z-index: 1;} .view.eventos .section1 .contenedor1 .info img{width: 50px;} .view.eventos .section1 .contenedor1 .info h1{font-family: 'MainFont'; margin: 0; margin-top: 20px; font-size: 32px;} .view.eventos .section1 .contenedor1 .info h4{font-family: 'TextFont'; margin: 0; margin-top: 5px; font-size: 20px; color: #e2e000; font-style: italic;} .view.eventos .section1 .contenedor1 .info p{margin: 24px 0 34px 0;} .view.eventos .section1 .contenedor1 .info p.small{display: none;} .view.eventos .section1.bg-eventos-principal {background-image: url('../images/web/eventos/banner5.jpg'); background-position: center ; background-repeat: no-repeat; background-size: contain; background-color: #f0eea3;} .view.eventos .section-buscador {background-color: #f5f5f5; padding: 30px 0;} .view.eventos .section-buscador{text-align: center;} .view.eventos .section-buscador h1{color: #7aa14d; font-family: 'MainFont'; font-size: 30px; text-align: center; } .view.eventos .section-buscador p{text-align: center; letter-spacing: 1px; margin-bottom: 25px;} .view.eventos .section-buscador input{width: 300px; padding: 8px 20px; text-align: left; border-radius: 25px; border: 0; background: rgba(255, 255, 255, 1);} .view.eventos .section-buscador input:focus{outline: none;} .view.eventos .section-buscador button{padding:7px 14px 3px 14px; margin-left: 10px; border: none;} .view.eventos .section-buscador button:focus{outline: none;} .view.eventos .section-buscador form{position: relative; margin-bottom: 0;} .view.eventos .section-buscador form #Respuesta{width: 100%; text-align: center; padding-top: 15px;} .view.eventos .section2{padding: 120px 0;} .view.eventos .section2 .contenedor2 .cont {width: 550px; margin: auto; text-align: center; padding: 0 0 30px;} .view.eventos .section2 .contenedor2 .cont .month-selector{position: relative; margin-top: 60px;} .view.eventos .section2 .contenedor2 .cont .month-selector .owl-item.center .basic-btn{opacity: 1; transition: all .5s ease;} .view.eventos .section2 .contenedor2 .cont .month-selector .basic-btn{width: 130px; margin: auto; font-size: 16px; opacity: .5; transition: all .5s ease;} .view.eventos .section2 .contenedor2 .cont .month-selector .owl-nav button{position: absolute; top: 8px;} .view.eventos .section2 .contenedor2 .cont .month-selector .owl-nav button:focus{outline: none;} .view.eventos .section2 .contenedor2 .cont .month-selector .owl-nav button img{height: 16px;} .view.eventos .section2 .contenedor2 .cont .month-selector .owl-nav .owl-prev{position: absolute; left: -40px;} .view.eventos .section2 .contenedor2 .cont .month-selector .owl-nav .owl-prev img{transform: rotate(180deg);} .view.eventos .section2 .contenedor2 .cont .month-selector .owl-nav .owl-next{position: absolute; right: -40px;} .view.eventos .section3{max-width: 1280px; margin: auto;} .view.eventos .section3 .eventos .leftie .columna2, .view.eventos .section3 .eventos .rightie .columna1{display: flex; align-items: center;} .view.eventos .section3 .eventos .rightie .columna1{justify-content: center;} .view.eventos .section3 .eventos .columnas{flex: 0 0 calc(50% - 25px); max-width: calc(50% + 50px) !important;} .view.eventos .section3 .eventos .imagen{flex: 0 0 calc(50% + 25px);} .view.eventos .section3 .eventos .imagen.small{display: none;} .view.eventos .section3 .eventos .imagen{background-size: cover; background-position: center;} .view.eventos .section3 .eventos .info{max-width: 250px; color: #172317; margin: 100px 50px;} .view.eventos .section3 .eventos .evento2 .info{margin: 150px 50px;} .view.eventos .section3 .eventos .evento3 .info{margin-bottom: 150px;} .view.eventos .section3 .eventos .info img{display: none;} .view.eventos .section3 .eventos .info h2{font-family: 'MainFont'; font-size: 20px; margin-bottom: 6px;} .view.eventos .section3 .eventos .info h4{font-family: 'TextFont'; font-size: 16px; margin-bottom: 0; color: #7aa14d; letter-spacing: 1px; font-style: italic;} .view.eventos .section3 .eventos .info p{font-family: 'TextFont'; font-size: 16px; margin-bottom: 0; padding: 16px 0;} .view.eventos .section3 .eventos .info p .date{text-transform: lowercase;} .view.eventos .section3 .eventos .info .donativo{color: #7aa14d;} .view.eventos .section3 .eventos .info .basic-btn{font-size: 18px;} .view.eventos .section3 .eventos .info .main-info{margin-bottom: 40px;} .view.eventos .section3 .eventos .evento-destacado .info img{display: block; width: 40px; margin-bottom: 16px;} .view.eventos .section3 .eventos .evento1 .imagen{/* background-image: url('../images/web/eventos/img1.png'); */ margin-bottom: -50px; margin-top: 0;} .view.eventos .section3 .eventos .evento .imagen{margin-top: -50px;} .view.eventos .section3 .contenedor3 .titulo h1{color: #7aa14d; font-family: 'MainFont'; font-size: 30px; text-align: center; } .view.eventos .section3 .contenedor3 .titulo a{padding:7px 14px 3px 14px; margin-left: 10px; border: none; text-align: center; } .view.eventos .section3 .contenedor3 .titulo a:focus{outline: none;} .view.evento-detalle .banner{/* background-image: url('../images/web/eventos/detalle/banner.png'); */ background-size: cover; background-position: center; min-height: 100vh;} .view.evento-detalle .contenedor1{margin: auto; margin-top: 80px; margin-bottom: 80px;} .view.evento-detalle .contenedor1 .cont{max-width: 500px; text-align: center; margin: auto;} .view.evento-detalle .contenedor1 .titulo h1{font-family: 'MainFont'; text-transform: uppercase; margin: 0; font-size: 44px; color: #7aa14d; margin-bottom: 10px;} .view.evento-detalle .contenedor1 .titulo h4{font-family: 'TextFont'; font-style: italic; letter-spacing: 2px; font-size: 22px; color: #7aa14d; margin-bottom: 20px;} .view.evento-detalle .contenedor1 .descripcion p{font-size: 18px; margin-bottom: 0;} .view.evento-detalle .contenedor1 .descripcion p .fecha{text-transform: lowercase;} .view.evento-detalle .contenedor1 .descripcion .dot{width: 5px; height: 5px; margin: auto; margin-top: 15px; margin-bottom: 15px; background-color: #7aa14d; border-radius: 50%;} .view.evento-detalle .contenedor1 .descripcion span{letter-spacing: 1px;} .view.evento-detalle .contenedor1 .descripcion h4{font-family: 'TextFont'; font-style: italic; letter-spacing: 2px; font-size: 22px; color: #7aa14d; margin-bottom: 20px;} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector{position: relative; margin-top: 60px; margin-bottom: 30px;} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector .owl-item.center .basic-btn{opacity: 1; transition: all .5s ease;} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector .basic-btn{width: 130px; margin: auto; font-size: 16px; opacity: .5; transition: all .5s ease;} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector .owl-nav button{position: absolute; top: 8px;} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector .owl-nav button:focus{outline: none;} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector .owl-nav button img{height: 16px;} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector .owl-nav .owl-prev{position: absolute; left: -40px;} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector .owl-nav .owl-prev img{transform: rotate(180deg);} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector .owl-nav .owl-next{position: absolute; right: -40px;} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector{position: relative;} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector .owl-item.center .basic-btn{color: #FFFFFF; background-color: #7aa14d; opacity: 1; transition: all .5s ease;} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector .basic-btn{color: #FFFFFF; background-color: #7aa14d; width: 130px; margin: auto; font-size: 16px; opacity: .5; transition: all .5s ease;} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector .owl-nav button{position: absolute; top: 8px;} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector .owl-nav button:focus{outline: none;} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector .owl-nav button img{height: 16px;} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector .owl-nav .owl-prev{position: absolute; left: -40px;} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector .owl-nav .owl-prev img{transform: rotate(180deg);} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector .owl-nav .owl-next{position: absolute; right: -40px;} .view.evento-detalle .contenedor1 .cont .descripcion .evento.hora a{cursor: pointer; height: 32px; display: block; max-width: 260px; margin: auto; margin-top: 30px; padding-top: 2px;} .view.evento-detalle .especificaciones{background-color: #f1f0f0; padding: 80px 0;} .view.evento-detalle .especificaciones .cont{max-width: 500px; margin: auto; text-align: center;} .view.evento-detalle .especificaciones p{font-size: 20px; margin-bottom: 0;} .view.evento-detalle .especificaciones .titulo{text-align: center; margin-bottom: 30px;} .view.evento-detalle .especificaciones .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 44px; margin-bottom: 10px;} .view.evento-detalle .especificaciones .titulo h4{font-family: 'TextFont'; margin: 0; font-size: 20px;} .view.evento-detalle .especificaciones .especificacion span{font-family: 'TextFontBold'; letter-spacing: 4px;} .view.evento-detalle .especificaciones .cupo{color: #7aa14d; font-family: 'TextFontBold'; letter-spacing: 4px; margin: 30px 0;} .view.evento-detalle .especificaciones .cupo p{font-size: 16px;} .view.evento-detalle .especificaciones .extra{font-style: italic; margin-bottom: 50px;} .view.evento-detalle .especificaciones .basic-btn{font-size: 22px;} /* RESERVACION DE BOLETOS */ .view.reserva-inicio{background-image: url('../images/web/contribuye/formulario/bg.png');} .view.reserva-inicio .titulo h5{font-family: 'TextFont'} .view.reserva-inicio form{padding-bottom: 0 !important; width: 100%;} .view.reserva-inicio .deducible-form{padding-top: 0 !important;} .view.reserva-inicio form h2.subtitulo{font-size: 22px !important;} .view.reserva-inicio form .subtitulo{text-align: left; margin: 20px 0 !important;} .view.reserva-inicio form .btn-monto{transition: all .5s ease;} .view.reserva-inicio form .btn-monto.active{background-color: #9bc0ff; color: #fff;} .view.reserva-inicio form .montoLibre{display: none;} .view.reserva-inicio form #Respuesta{width: 100%;} /* .view.reserva-inicio .imagen{height: 500px; background-image: url('../images/web/contribuye/formulario/banner.png'); background-size: cover; background-position: top center; margin-top: -200px;} */ .view.reserva-inicio .tarjeta.imagen{background-image: url('../images/web/contribuye/formulario/banner2.png'); margin-top: 0;} .view.reserva-inicio .tarjeta .seccion-deducible{display: none;} .view.reserva-inicio .tarjeta .deducible{display: flex; align-items: center; justify-content: center; margin: 30px 0;} .view.reserva-inicio .tarjeta .deducible .switch{margin-right: 10px;} .view.reserva-inicio .tarjeta .subtitulo{text-align: center;} /* .view.reserva-inicio .tarjeta h5{text-align: center;} */ .view.reserva-inicio .conekta img { width: 30% !important;} .view.reserva-inicio .paypal img { width: 30% !important;} .view.reserva-inicio .oxxo img { width: 30% !important;} .view.reserva-inicio .transferencia img { width: 30% !important;} /* temporizador */ .view.reserva-inicio .temporizador{position: absolute; top: 27px; left: calc(50vw - 60px); } .base-timer { position: relative; width: 100px; height: 100px; } .base-timer__svg { transform: scaleX(-1); } .base-timer__circle { fill: none; stroke: none; } .base-timer__path-elapsed { stroke-width: 7px; stroke: grey; } .base-timer__path-remaining { stroke-width: 7px; stroke-linecap: round; transform: rotate(90deg); transform-origin: center; transition: 1s linear all; fill-rule: nonzero; stroke: currentColor; } .base-timer__path-remaining.green {/* color: rgb(65, 184, 131); */ color: #7aa14d; } .base-timer__path-remaining.orange { color: orange; } .base-timer__path-remaining.red { color: red; } .base-timer__label { position: absolute; width: 100px; height: 100px; top: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; } .view.reserva-inicio .modal h4 { text-align: center;} /* .view.reserva-confirmacion{background-image: url('../images/web/eventos/formulario/agradecimiento/banner.png');} */ .view.reserva-reservacion{background-image: url('../images/web/eventos/formulario/agradecimiento/banner.png');} /* CONFIRMACION */ .view.reserva-confirmacion{background-image: url('../images/web/contribuye/formulario/bg.png');} .view.reserva-confirmacion .tarjeta.imagen{background-image: url('../images/web/contribuye/formulario/banner2.png'); margin-top: 0;} .view.reserva-confirmacion .titulo h5{font-family: 'TextFont'} .view.reserva-confirmacion form{padding-bottom: 0 !important; width: 100%;} .view.reserva-confirmacion form h2.subtitulo{font-size: 22px !important;} .view.reserva-confirmacion form .subtitulo{text-align: left; margin: 20px 0 !important;} /* RESERVACION*/ .view.reserva-reservacion{background-image: url('../images/web/contribuye/formulario/bg.png');} .view.reserva-reservacion .tarjeta.imagen{background-image: url('../images/web/contribuye/formulario/banner2.png'); margin-top: 0;} .view.reserva-reservacion .titulo h5{font-family: 'TextFont'} .view.reserva-reservacion form{padding-bottom: 0 !important; width: 100%;} .view.reserva-reservacion form h2.subtitulo{font-size: 22px !important;} .view.reserva-reservacion form .subtitulo{text-align: left; margin: 20px 0 !important;} /*COMPRA DETALLE*/ .view.compra-detalle{background-image: url('../images/web/contribuye/formulario/bg.png');} .view.compra-detalle .tarjeta.imagen{background-image: url('../images/web/contribuye/formulario/banner2.png'); margin-top: 0;} .view.compra-detalle .titulo h5{font-family: 'TextFont'} .view.compra-detalle form{padding-bottom: 0 !important; width: 100%;} .view.compra-detalle form h2.subtitulo{font-size: 22px !important;} .view.compra-detalle form .subtitulo{text-align: left; margin: 20px 0 !important;} /* .view.reserva-inicio .conekta{height: 200px; background-image: url('../images/web/pagos/visa-mastercard.png');background-position: top center; margin-top: -200px;} .view.reserva-inicio .paypal{height: 200px; background-image: url('../images/web/pagos/paypal.png');background-position: top center; margin-top: -200px;} /* .view.reserva-inicio .transferencia{height: 200px; background-image: url('../images/web/pagos/visa-mastercard.png');background-position: top center; margin-top: -200px;} */ /* .view.reserva-inicio .oxxo{height: 200px; background-image: url('../images/web/pagos/oxxo.png');background-position: top center; margin-top: -200px;} */ */ /* .view.reserva-inicio .tarjeta .fila1 .imagen .conekta{height: 500px; background-image: url('../images/web/pago/visa-mastercard.png'); background-size: cover; background-position: top center; margin-top: -200px;} */ .view.evento-formulario{background-image: url('../images/web/eventos/formulario/bg.png');} .view.evento-agradecimiento{background-image: url('../images/web/eventos/formulario/agradecimiento/banner.png');} .view.planea-tu-visita .section1{background-image: url('../images/web/planea/banner.png'); background-size: cover;} .view.planea-tu-visita .section1 .contenedor1{min-height: 100vh; display: flex; justify-content: center; align-items: center;} .view.planea-tu-visita .section1 .contenedor1 .titulo{color: #fff; text-align: left; width: 500px; text-align: center;} .view.planea-tu-visita .section1 .contenedor1 .titulo img{width: 50px;} .view.planea-tu-visita .section1 .contenedor1 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 32px;} .view.planea-tu-visita .section1 .contenedor1 .titulo h4{font-family: 'TextFont'; margin: 0; margin-top: 10px; font-size: 18px;} .view.planea-tu-visita .section2 .titulo{max-width: 550px; text-align: center; padding: 120px 0; margin: auto;} .view.planea-tu-visita .section2 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 36px; color: #7aa14d; margin-bottom: 26px;} .view.planea-tu-visita .section2 .titulo h5{font-family: 'TextFont'; font-size: 16px; letter-spacing: 1px;} .view.planea-tu-visita .section3{background-image: url('../images/web/planea/bg.png');} .view.planea-tu-visita .section3 .imagen{height: 400px; width: 100%; background-image: url('../images/web/planea/flor.png'); background-size: contain; background-repeat: no-repeat; background-position: bottom right; margin-top: -300px;} .view.planea-tu-visita .section3 .cont{background-color: #7aa14d;} .view.planea-tu-visita .section3 .titulo{max-width: 550px; text-align: center; padding: 120px 20px; padding-bottom: 160px; margin: auto; color: #172317;} .view.planea-tu-visita .section3 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 36px; margin-bottom: 10px;} .view.planea-tu-visita .section3 .titulo h4{font-family: 'TextFont'; font-size: 16px; letter-spacing: 1px;} .view.planea-tu-visita .section3 .contenedor5 .fila1{margin-top: -40px;} .view.planea-tu-visita .section3 .contenedor5 .fila3{padding: 40px 0;} .view.planea-tu-visita .section3 .contenedor5 .escolaridad .cont{background: none; text-align: center; margin-bottom: 30px;} .view.planea-tu-visita .section3 .contenedor5 .escolaridad .imagen{background-size: cover; background-position: center; height: 400px; max-width: 300px; margin: auto; margin-bottom: 20px;} .view.planea-tu-visita .section3 .contenedor5 .escolaridad .titulo{padding: 0; color: #000; font-size: 18px; font-family: 'MainFont'; margin-bottom: 10px;} .view.planea-tu-visita .section3 .contenedor5 .escolaridad .basic-btn{font-size: 14px;} .view.planea-tu-visita .section3 .contenedor5 .fila1 .escolaridad.columna1 .imagen{background-image: url('../images/web/planea/sec1.jpg');} .view.planea-tu-visita .section3 .contenedor5 .fila1 .escolaridad.columna2 .imagen{background-image: url('../images/web/planea/sec2.jpg');} .view.planea-tu-visita .section3 .contenedor5 .fila2 .escolaridad.columna1 .imagen{background-image: url('../images/web/planea/sec3.jpg');} .view.planea-tu-visita .section3 .contenedor5 .fila2 .escolaridad.columna2 .imagen{background-image: url('../images/web/planea/sec4.png');} .view.planea-tu-visita .section3 .contenedor5 .fila3 .escolaridad.columna1 .imagen{background-image: url('../images/web/planea/sec5.jpg');} .view.planea-tu-visita-formulario{background-image: url('../images/web/planea/formulario/bg.png');} .view.planea-tu-visita-agradecimiento{background-image: url('../images/web/planea/formulario/agradecimiento/banner.png');} .view.planea-tu-visita-detalle.Preescolar .section1{background-image: url('../images/web/planea/sec1.jpg');} .view.planea-tu-visita-detalle.Primaria .section1{background-image: url('../images/web/planea/sec2.jpg');} .view.planea-tu-visita-detalle.Secundaria .section1{background-image: url('../images/web/planea/sec3.jpg');} .view.planea-tu-visita-detalle.Preparatoria .section1{background-image: url('../images/web/planea/sec4.png');} .view.planea-tu-visita-detalle.Profesional .section1{background-image: url('../images/web/planea/sec5.jpg');} .view.planea-tu-visita-detalle .section1{/* background-image: url('../images/web/planea/detalle/banner.png'); */ background-size: cover; position: relative;} .view.planea-tu-visita-detalle .section1 .color{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.4)} .view.planea-tu-visita-detalle .section1 .contenedor1{min-height: 100vh; display: flex; justify-content: center; align-items: center;} .view.planea-tu-visita-detalle .section1 .contenedor1 .info{color: #fff; text-align: left; width: 550px; text-align: center; z-index: 1;} .view.planea-tu-visita-detalle .section1 .contenedor1 .info h5{font-family: 'TextFont'; font-style: italic; margin: 0; font-size: 22px;} .view.planea-tu-visita-detalle .section1 .contenedor1 .info h4{font-family: 'MainFont'; margin: 0; font-size: 30px; text-transform: uppercase;} .view.planea-tu-visita-detalle .section2{background-color: #7aa14d;} .view.planea-tu-visita-detalle .section2 .info{max-width: 500px; color: #fff; margin: auto; text-align: center; padding: 80px 20px;} .view.planea-tu-visita-detalle .section2 .info h2{font-family: 'MainFont'; font-size: 26px; margin-bottom: 20px;} .view.planea-tu-visita-detalle .section2 .info p{font-size: 16px; margin-bottom: 0;} .view.planea-tu-visita-detalle .section2 .info .halves{display: flex; align-items: end; justify-content: center; margin-top: 40px;} .view.planea-tu-visita-detalle .section2 .info .half{font-size: 16px; font-family: 'TextFontLight'; line-height: 24px;} .view.planea-tu-visita-detalle .section2 .info .half strong{font-family: 'TextFontBold'; font-size: 14px; letter-spacing: 2px;} .view.planea-tu-visita-detalle .section2 .info .half1{text-align: right; margin-right: 10px;} .view.planea-tu-visita-detalle .section2 .info .half2{text-align: left; margin-left: 10px;} .view.planea-tu-visita-detalle .section3 .elige-actividad{max-width: 600px; margin: auto; text-align: center; margin-top: 80px; margin-bottom: 60px;} .view.planea-tu-visita-detalle .section3 .elige-actividad h3{font-size: 20px; letter-spacing: 2px; font-family: 'TextFontBold';} .view.planea-tu-visita-detalle .section3 .elige-actividad .buttons{margin: 30px 0;} .view.planea-tu-visita-detalle .section3 .elige-actividad .buttons button{border: none; margin: 0 10px; width: 170px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .buttons button.disabled{opacity: .5;} .view.planea-tu-visita-detalle .section3 .elige-actividad .descripcion{font-size: 18px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .small{display: none;} .view.planea-tu-visita-detalle .section3 .elige-actividad .halves{display: flex; align-items: end; justify-content: center; margin-top: 40px; padding: 0 20px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .half{font-size: 16px; line-height: 34px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .half span{line-height: 24px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .half1{text-align: right; margin-right: 10px; font-family: 'TextFontBold'; font-size: 18px; letter-spacing: 2px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .half1 p{height: 48px; margin-bottom: 0; display: flex; align-items: center; justify-content: flex-end;} .view.planea-tu-visita-detalle .section3 .elige-actividad .half2{text-align: left; margin-left: 10px; font-size: 16px; font-family: 'TextFont';} .view.planea-tu-visita-detalle .section3 .elige-actividad .half2 p{margin-bottom: 0; line-height: 23px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .half2 p{height: 47.5px; display: flex; align-items: center;} .view.planea-tu-visita-detalle .section3 .comment p{color: #7aa14d; font-family: 'TextFontBold'; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; margin-top: 14px; margin-bottom: 30px;} .view.planea-tu-visita-detalle .section3 .categorias-selector{margin-top: 30px;} .view.planea-tu-visita-detalle .section3 .elige-actividad{position: relative; margin-top: 60px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .info{margin-top: 30px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .owl-item.center .basic-btn{opacity: 1; transition: all .5s ease;} .view.planea-tu-visita-detalle .section3 .elige-actividad .basic-btn{width: 200px; text-transform: uppercase; margin: auto; font-size: 16px; opacity: .5; transition: all .5s ease;} .view.planea-tu-visita-detalle .section3 .elige-actividad .owl-nav button{position: absolute; top: 8px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .owl-nav button:focus{outline: none;} .view.planea-tu-visita-detalle .section3 .elige-actividad .owl-nav button img{height: 16px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .owl-nav .owl-prev{position: absolute; left: -40px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .owl-nav .owl-prev img{transform: rotate(180deg);} .view.planea-tu-visita-detalle .section3 .elige-actividad .owl-nav .owl-next{position: absolute; right: -40px;} .view.planea-tu-visita-detalle .section3{max-width: 1280px; margin: auto;} .view.planea-tu-visita-detalle .section3 .eventos{padding-top: 60px;} .view.planea-tu-visita-detalle .section3 .eventos .leftie .columna2, .view.planea-tu-visita-detalle .section3 .eventos .rightie .columna1{display: flex; align-items: center;} .view.planea-tu-visita-detalle .section3 .eventos .rightie .columna1{justify-content: center;} .view.planea-tu-visita-detalle .section3 .eventos .columnas{flex: 0 0 calc(50% - 25px); max-width: calc(50% + 50px);} .view.planea-tu-visita-detalle .section3 .eventos .imagen{flex: 0 0 calc(50% + 25px);} .view.planea-tu-visita-detalle .section3 .eventos .imagen.small{display: none;} .view.planea-tu-visita-detalle .section3 .eventos .imagen{background-size: cover; background-position: center;} .view.planea-tu-visita-detalle .section3 .eventos .info{max-width: 250px; color: #172317; margin: 100px 50px;} .view.planea-tu-visita-detalle .section3 .eventos .evento2 .info{margin: 150px 50px;} .view.planea-tu-visita-detalle .section3 .eventos .evento3 .info{margin-bottom: 150px;} .view.planea-tu-visita-detalle .section3 .eventos .info img{display: none;} .view.planea-tu-visita-detalle .section3 .eventos .info h2{font-family: 'MainFont'; font-size: 20px; margin-bottom: 6px; text-transform: uppercase;} .view.planea-tu-visita-detalle .section3 .eventos .info h4{font-family: 'TextFont'; font-size: 16px; margin-bottom: 0; color: #7aa14d; letter-spacing: 1px; font-style: italic;} .view.planea-tu-visita-detalle .section3 .eventos .info p{font-family: 'TextFont'; font-size: 16px; margin-bottom: 0; padding: 16px 0; min-height: 170px;} .view.planea-tu-visita-detalle .section3 .eventos .info .donativo{color: #7aa14d;} .view.planea-tu-visita-detalle .section3 .eventos .info .basic-btn{font-size: 18px;} .view.planea-tu-visita-detalle .section3 .eventos .info .main-info{margin-bottom: 40px;} .view.planea-tu-visita-detalle .section3 .eventos .evento-destacado .info img{display: block; width: 40px; margin-bottom: 16px;} .view.planea-tu-visita-detalle .section3 .eventos .evento .imagen{background-image: url('../images/web/eventos/img4.png'); margin-top: -50px;} /* .view.espacios .section1{background-color: #64a70b; } */ .view.espacios .section1{background-image: url('../images/web/espacios/espacio.jpg'); background-size: cover; background-position: center; } .view.espacios .section1 .border-button.small{display: none;} .view.espacios .section1 .contenedor1{min-height: 100vh; display: flex; justify-content: center; align-items: center;} .view.espacios .section1 .contenedor1 .titulo{color: #fff; text-align: left; width: 500px; text-align: center;} .view.espacios .section1 .contenedor1 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 32px;} .view.espacios .section1 .contenedor1 .titulo h4{font-family: 'TextFont'; margin: 0; margin-top: 10px; font-size: 18px;} .view.espacios .section2{max-width: 1280px; margin: auto; margin-top: -50px;} .view.espacios .section2 .espacios .leftie .columna2, .view.espacios .section2 .espacios .rightie .columna1{display: flex; align-items: center;} .view.espacios .section2 .espacios .rightie .columna1{justify-content: center;} .view.espacios .section2 .espacios .columnas{flex: 0 0 calc(50% - 25px); max-width: calc(50% + 50px) !important;} .view.espacios .section2 .espacios .imagen{flex: 0 0 calc(50% + 25px);} .view.espacios .section2 .espacios .imagen{background-size: cover; background-position: center;} .view.espacios .section2 .espacios .columnas.imagen.small{display: none;} .view.espacios .section2 .espacios .info{max-width: 250px; color: #172317; margin: 150px 50px;} .view.espacios .section2 .espacios .espacio2 .info{margin: 200px 50px;} .view.espacios .section2 .espacios .espacio3 .info{margin-bottom: 200px;} .view.espacios .section2 .espacios .info img{display: none;} .view.espacios .section2 .espacios .info h2{font-family: 'MainFont'; font-size: 20px; margin-bottom: 6px; text-transform: uppercase;} .view.espacios .section2 .espacios .info h4{font-family: 'TextFont'; font-size: 16px; margin-bottom: 0; color: #7aa14d; letter-spacing: 1px; font-style: italic;} .view.espacios .section2 .espacios .info p{font-family: 'TextFont'; font-size: 16px; margin-bottom: 0; padding: 16px 0;} .view.espacios .section2 .espacios .info p span{display: block; margin: 6px 0} .view.espacios .section2 .espacios .info p span strong{font-family: 'TextFontBold'; font-size: 14px; letter-spacing: 2px;} .view.espacios .section2 .espacios .info .donativo{color: #7aa14d;} .view.espacios .section2 .espacios .info .basic-btn{font-size: 18px;} .view.espacios .section2 .espacios .info .main-info{margin-bottom: 40px;} .view.espacios .section2 .espacios .espacio-destacado .info img{display: block; width: 40px; margin-bottom: 16px;} .view.espacios .section2 .espacios .espacio .imagen{/* background-image: url('../images/web/espacios/img1.png'); */ margin-bottom: -50px; z-index: 3;} .view.espacios .section2 .espacios .espacio .imagen .item-imagen{width: 100%; height: 100%; background-size: cover; background-position: center;} .view.espacios .section2 .espacios .espacio .imagen ol{margin-bottom: 0; z-index: 1;} .view.espacios .section2 .espacios .espacio .imagen ol li{background-color: #fff; width: 10px; height: 10px; border-radius: 50%; transition: all .5s ease;} .view.espacios .section2 .espacios .espacio .imagen ol li.active{background-color: #7aa14d;} .view.parqueecologico .section1{background-image: url('../images/web/parque-ecologico/BOTANICO_SENDERO_AMARIN_FINAL02-HEADER.jpg'); background-size: cover; background-position: center; } .view.parqueecologico .section1 .border-button.small{display: none;} .view.parqueecologico .section1 .contenedor1{min-height: 100vh; display: flex;} .view.parqueecologico .section1 .contenedor1 .titulo{color: #fff; font-family: 'MainFont'; text-shadow: 2px 2px #000;} .view.parqueecologico .section1 .contenedor1 .titulo h1{font-size: 75px;} .view.parqueecologico .section1 .contenedor1 .titulo h2{font-size: 40px;} .view.parqueecologico .section2{max-width: 1280px; margin: auto;} .view.parqueecologico .section2 .parqueecologico .leftie .columna2, .view.parqueecologico .section2 .parqueecologico .rightie .columna1{display: flex; align-items: center;} .view.parqueecologico .section2 .parqueecologico .rightie .columna1{justify-content: center;} .view.parqueecologico .section2 .parqueecologico .columnas{flex: 0 0 calc(50% - 25px); max-width: calc(50% + 50px) !important;} .view.parqueecologico .section2 .parqueecologico .imagen{flex: 0 0 calc(50% + 25px);} .view.parqueecologico .section2 .parqueecologico .imagen{background-size: cover; background-position: center;} .view.parqueecologico .section2 .parqueecologico .columnas.imagen.small{display: none;} .view.parqueecologico .section2 .parqueecologico .info{color: #172317; margin: 150px 50px;} .view.parqueecologico .section2 .parqueecologico .espacio2 .info{margin: 200px 50px;} .view.parqueecologico .section2 .parqueecologico .espacio3 .info{margin-bottom: 200px;} .view.parqueecologico .section2 .parqueecologico .info img{display: none;} .view.parqueecologico .section2 .parqueecologico .info h2{font-family: 'MainFont'; font-size: 16px; margin-bottom: 6px; text-transform: uppercase;} .view.parqueecologico .section2 .parqueecologico .info h4{font-family: 'MainFont'; font-size: 16px; margin-bottom: 0; color: #7aa14d; letter-spacing: 1px;} .view.parqueecologico .section2 .parqueecologico .info p{font-family: 'TextFont';font-size: 16px; margin-bottom: 0; padding: 16px 0;} .view.parqueecologico .section2 .parqueecologico .info p span{font-family: 'TextFont';display: block; margin: 6px 0} .view.parqueecologico .section2 .parqueecologico .info p span strong{ font-size: 14px; letter-spacing: 2px;} .view.parqueecologico .section2 .parqueecologico .info .donativo{color: #7aa14d;} .view.parqueecologico .section2 .parqueecologico .info .basic-btn{font-size: 18px;} .view.parqueecologico .section2 .parqueecologico .info .main-info{margin-bottom: 40px;} .view.parqueecologico .section2 .parqueecologico .espacio-destacado .info img{display: block; width: 40px; margin-bottom: 16px;} .view.parqueecologico .section2 .parqueecologico .espacio .imagen{margin-bottom: -50px; z-index: 3;} .view.parqueecologico .item-imagen{width: 100%; height: 100%; background-size: cover; background-position: center;} .view.parqueecologico .down-angle{color: #fff; font-family: 'MainFont'; font-size: 150px; text-shadow: 2px 2px #000;} .view.parqueecologico .section2 .parqueecologico .espacio .imagen ol{margin-bottom: 0; z-index: 1;} .view.parqueecologico .section2 .parqueecologico .espacio .imagen ol li{background-color: #fff; width: 10px; height: 10px; border-radius: 50%; transition: all .5s ease;} .view.parqueecologico .section2 .parqueecologico .espacio .imagen ol li.active{background-color: #7aa14d;} .view.parqueecologico .lista span{display: block;} .view.parqueecologico .section2 .parqueecologico .espacio .info p strong{font-size: 16px;} .view.parqueecologico .section2 .parqueecologico .espacio .info p a i{color: #075e54; font-size: 30px;} .view.parqueecologico .section2 .parqueecologico .espacio .info .link-renders{text-decoration: none; color: #f28b00; text-decoration: underline;} .view.arquitecturas .section1{min-height: 700px; height: 100vh; background-image: url('../images/web/atracciones/arquitecturas/banner.png'); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center;} .view.arquitecturas .section1 .border-button.small{display: none;} .view.arquitecturas .section1 .contenedor1{min-height: 100vh; display: flex; justify-content: center; align-items: center;} .view.arquitecturas .section1 .contenedor1 .titulo{color: #fff; text-align: left; width: 500px; text-align: center;} .view.arquitecturas .section1 .contenedor1 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 32px;} .view.arquitecturas .section1 .contenedor1 .titulo h4{font-family: 'TextFont'; margin: 0; margin-top: 10px; font-size: 18px;} .view.arquitecturas .section1 .titulo{color: #fff; text-align: center; max-width: 600px;} .view.arquitecturas .section1 .titulo h1{font-family: 'MainFont'; font-size: 36px; margin-bottom: 10px;} .view.arquitecturas .section1 .titulo .subtitle{font-family: 'TextFontLight'; font-size: 16px; margin-bottom: 0;} .view.arquitecturas .section1 .titulo .line{width: 300px; height: 2px; background-color: #7aa14d; margin: auto; margin-top: 30px; margin-bottom: 40px;} .view.arquitecturas .section1 .titulo h3{font-size: 20px; margin-bottom: 5px; font-family: 'MainFont';} .view.arquitecturas .section1 .titulo .coleccion{font-style: italic; font-family: 'TextFontLight'; font-size: 16px;} .view.arquitecturas .section1 .titulo .descripcion{font-family: 'TextFontLight'; font-size: 18px; line-height: 26px; letter-spacing: 1px; margin-top: 10px; margin-bottom: 0;} .view.arquitecturas .section2 .border-button.small{display: none;} .view.arquitecturas .section2 .contenedor1{min-height: 100vh; display: flex; justify-content: center; align-items: center;} .view.arquitecturas .section2 .contenedor1 .titulo{color: #000; text-align: left; width: 500px; text-align: center;} .view.arquitecturas .section2 .contenedor1 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 32px;} .view.arquitecturas .section2 .contenedor1 .titulo h4{font-family: 'TextFont'; margin: 0; margin-top: 10px; font-size: 18px;} .view.arquitecturas .section2 .titulo{color: #000; text-align: center; max-width: 600px;} .view.arquitecturas .section2 .titulo h1{font-family: 'MainFont'; font-size: 36px; margin-bottom: 10px;} .view.arquitecturas .section2 .titulo .subtitle{font-family: 'TextFontLight'; font-size: 16px; margin-bottom: 0;} .view.arquitecturas .section2 .titulo .line{width: 300px; height: 2px; background-color: #7aa14d; margin: auto; margin-top: 30px; margin-bottom: 40px;} .view.arquitecturas .section2 .titulo h3{font-size: 20px; margin-bottom: 5px; font-family: 'MainFont';} .view.arquitecturas .section2 .titulo .coleccion{font-style: italic; font-family: 'TextFontLight'; font-size: 16px;} .view.arquitecturas .section2 .titulo .descripcion{font-family: 'TextFontLight'; font-size: 18px; line-height: 26px; letter-spacing: 1px; margin-top: 10px; margin-bottom: 0;} .view.arquitecturas .section3{max-width: 1280px; margin: auto; margin-top: -50px;} .view.arquitecturas .section3 .arquitecturas .leftie .columna2, .view.arquitecturas .section3 .arquitecturas .rightie .columna1{display: flex; align-items: center;} .view.arquitecturas .section3 .arquitecturas .rightie .columna1{justify-content: center;} .view.arquitecturas .section3 .arquitecturas .columnas{flex: 0 0 calc(50% - 25px); max-width: calc(50% + 50px) !important;} .view.arquitecturas .section3 .arquitecturas .imagen{flex: 0 0 calc(50% + 25px);} .view.arquitecturas .section3 .arquitecturas .imagen{background-size: cover; background-position: center;} .view.arquitecturas .section3 .arquitecturas .columnas.imagen.small{display: none;} .view.arquitecturas .section3 .arquitecturas .info{max-width: 250px; color: #172317; margin: 150px 50px;} .view.arquitecturas .section3 .arquitecturas .arquitectura2 .info{margin: 200px 50px;} .view.arquitecturas .section3 .arquitecturas .arquitectura3 .info{margin-bottom: 200px;} .view.arquitecturas .section3 .arquitecturas .info img{display: none;} .view.arquitecturas .section3 .arquitecturas .info h2{font-family: 'MainFont'; font-size: 20px; margin-bottom: 6px; text-transform: uppercase;} .view.arquitecturas .section3 .arquitecturas .info h4{font-family: 'TextFont'; font-size: 16px; margin-bottom: 0; color: #7aa14d; letter-spacing: 1px; font-style: italic;} .view.arquitecturas .section3 .arquitecturas .info p{font-family: 'TextFont'; font-size: 16px; margin-bottom: 0; padding: 16px 0;} .view.arquitecturas .section3 .arquitecturas .info p span{display: block; margin: 6px 0} .view.arquitecturas .section3 .arquitecturas .info p span strong{font-family: 'TextFontBold'; font-size: 14px; letter-spacing: 2px;} .view.arquitecturas .section3 .arquitecturas .info .donativo{color: #7aa14d;} .view.arquitecturas .section3 .arquitecturas .info .basic-btn{font-size: 18px;} .view.arquitecturas .section3 .arquitecturas .info .main-info{margin-bottom: 40px;} .view.arquitecturas .section3 .arquitecturas .arquitectura-destacado .info img{display: block; width: 40px; margin-bottom: 16px;} .view.arquitecturas .section3 .arquitecturas .arquitectura .imagen{/* background-image: url('../images/web/arquitecturas/img1.png'); */ margin-bottom: -50px; z-index: 3;} .view.arquitecturas .section3 .arquitecturas .arquitectura .imagen .item-imagen{width: 100%; height: 100%; background-size: cover; background-position: center;} .view.arquitecturas .section3 .arquitecturas .arquitectura .imagen ol{margin-bottom: 0; z-index: 1;} .view.arquitecturas .section3 .arquitecturas .arquitectura .imagen ol li{background-color: #fff; width: 10px; height: 10px; border-radius: 50%; transition: all .5s ease;} .view.arquitecturas .section3 .arquitecturas .arquitectura .imagen ol li.active{background-color: #7aa14d;} .view.contribuye{background-image: url('../images/web/contribuye/bg.png'); background-size: cover; background-position: center top;} .view.contribuye .section1{padding-top: 200px;} .view.contribuye .section1 .contenedor1{display: flex; justify-content: center; align-items: center;} .view.contribuye .section1 .contenedor1 .titulo{color: #172317; text-align: left; width: 500px; text-align: center;} .view.contribuye .section1 .contenedor1 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 54px;} .view.contribuye .section1 .contenedor1 .titulo h4{font-family: 'TextFont'; margin: 0; margin-top: 10px; font-size: 22px; margin-bottom: 30px;} .view.contribuye .section2{text-align: center;} .view.contribuye .section2 .cont{max-width: 600px; margin: auto; position: relative; margin-top: 170px; padding-bottom: 150px;} .view.contribuye .section2 .cont .lines{max-width: 100%;} .view.contribuye .section2 .cont .division{position: relative;} .view.contribuye .section2 .cont .element{display: flex; align-items: center; justify-content: center; position: absolute; top: 0;} .view.contribuye .section2 .cont .element img{max-width: 150px; z-index: 1;} .view.contribuye .section2 .cont .element p{font-size: 14px; font-family: 'MainFontBook'; margin-bottom: 0; text-align: left;} .view.contribuye .section2 .cont .element p strong{font-family: 'MainFont';} .view.contribuye .section2 .cont .element.element1{position: absolute; top: -75px; left: 80px;} .view.contribuye .section2 .cont .element.element1 p{margin-left: 26px;} .view.contribuye .section2 .cont .element.element2{position: absolute; top: -75px; right: 80px;} .view.contribuye .section2 .cont .element.element2 p{margin-right: 26px;} .view.contribuye .section2 .cont .element.element3{position: absolute; top: 0; left: 75px;} .view.contribuye .section2 .cont .element.element3 p{margin-left: 100px; margin-top: 90px;} .view.contribuye .section2 .cont .element.element4{position: absolute; bottom: -300px; left: 100px;} .view.contribuye .section2 .cont .element.element4 p{margin-right: 26px;} .view.contribuye .section2 .cont .element.element5{position: absolute; bottom: -75px; left: 30px; top: auto;} .view.contribuye .section2 .cont .element.element5 p{margin-left: 26px;} .view.contribuye .section2 .cont .element.element6{position: absolute; bottom: -75px; right: 75px; top: auto;} .view.contribuye .section2 .cont .element.element6 p{margin-right: 26px;} .view.contribuye .section2 .cont .element.element7{position: absolute; bottom: -75px; left: calc(50% - 150px); top: auto;} .view.contribuye .section2 .cont .element.element7 p{margin-left: 26px;} .view.contribuye .section2 .basic-btn{font-size: 18px;} .view.contribuye .section3{height: 50vh; margin-top: 100px; background-image: url('../images/web/contribuye/bg2.png'); background-size: cover; background-position: center top;} .view.contribuye-formulario{background-image: url('../images/web/contribuye/formulario/bg.png');} .view.contribuye-formulario .titulo h5{font-family: 'TextFont'} .view.contribuye-formulario form{padding-bottom: 0 !important; width: 100%;} .view.contribuye-formulario .deducible-form{padding-top: 0 !important;} .view.contribuye-formulario form h2.subtitulo{font-size: 22px !important;} .view.contribuye-formulario form .subtitulo{text-align: left; margin: 20px 0 !important;} .view.contribuye-formulario form .btn-monto{transition: all .5s ease;} .view.contribuye-formulario form .btn-monto.active{background-color: #9bc0ff; color: #fff;} .view.contribuye-formulario form .montoLibre{display: none;} .view.contribuye-formulario form #Respuesta{float: left; width: 100%;} .view.contribuye-formulario .imagen{height: 500px; background-image: url('../images/web/contribuye/formulario/banner.png'); background-size: cover; background-position: top center; margin-top: -200px;} .view.contribuye-formulario .tarjeta.imagen{background-image: url('../images/web/contribuye/formulario/banner2.png'); margin-top: 0;} .view.contribuye-formulario .tarjeta .seccion-deducible{display: none;} .view.contribuye-formulario .tarjeta .deducible{display: flex; align-items: center; justify-content: center; margin: 30px 0;} .view.contribuye-formulario .tarjeta .deducible .switch{margin-right: 10px;} .view.contribuye-formulario .tarjeta .subtitulo{text-align: center;} .view.contribuye-agradecimiento.formulario-respuesta{background-image: url('../images/web/contribuye/formulario/agradecimiento/bg.png'); background-position: center;} .view.contribuye-agradecimiento.formulario-respuesta .section1{background-image: none;} .view.contribuye-agradecimiento.formulario-respuesta h3{font-size: 20px; font-family: 'MainFont';} .view.nuestra-historia{padding-top: 140px; background-image: url('../images/web/conocenos/bg.jpg'); background-size: cover; background-position: top; min-height: 100vh;} .view.nuestra-historia .contenedor1{max-width: 600px; min-width: 0; padding-bottom: 100px;} .view.nuestra-historia .contenedor1 .titulo{color: #172317; text-align: center; margin: 30px 0;} .view.nuestra-historia .contenedor1 .titulo h1{font-family: 'MainFont'; font-size: 60px; margin-bottom: 16px;} .view.nuestra-historia .contenedor1 .titulo h3{font-family: 'TextFont'; font-size: 26px; margin-bottom: 0;} .view.nuestra-historia .contenedor1 .tiempo{padding: 60px;} .view.nuestra-historia .contenedor1 .tiempo .info-group{display: flex; align-items: center; margin-top: 20px;} .view.nuestra-historia .contenedor1 .tiempo .info-group.group1{margin-top: 0px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .detail img{width: 140px; border-radius: 50%;} .view.nuestra-historia .contenedor1 .tiempo .info-group .detail .number{width: 140px; height: 140px; font-size: 44px; font-family: 'MainFont'; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .detail .line{width: 4px; background-color: #000; padding-top: 135px; position: relative; margin: auto;} .view.nuestra-historia .contenedor1 .tiempo .info-group .detail .line .circle{width: 10px; height: 10px; background-color: #000; border-radius: 50%; position: absolute; left: calc(50% - 5px); bottom: -10px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .info{padding-left: 30px; margin-top: 10px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .info h4{text-transform: uppercase; color: #7aa14d; font-family: 'MainFont'; font-size: 27px; margin-bottom: 18px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .info p{color: #000; font-family: 'TextFont'; margin-bottom: 0; font-size: 16px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .info p .name{font-family: 'MainFont'; font-size: 18px;} .view.nuestra-historia .ranking{background-image: url('../images/web/conocenos/bg2.png'); background-size: cover; background-position: center top; padding-top: 200px; margin-top: -200px; padding-bottom: 200px;} .view.nuestra-historia .ranking .contenedor2 .info{text-align: center; max-width: 400px; margin: auto;} .view.nuestra-historia .ranking .contenedor2 .info h4{text-transform: uppercase; color: #7aa14d; font-family: 'MainFont'; font-size: 27px; margin-bottom: 18px;} .view.nuestra-historia .ranking .contenedor2 .info p{color: #000; font-family: 'TextFont'; margin-bottom: 0; font-size: 16px;} .view.transparencia{background-image: url('../images/web/transparencia/bg.png'); background-position: bottom;} .view.transparencia .contenedor1{max-width: 600px; min-width: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center;} .view.transparencia .contenedor1 .titulo{color: #172317; text-align: center; margin: 30px 0;} .view.transparencia .contenedor1 .titulo h1{font-family: 'MainFont'; font-size: 60px; margin-bottom: 16px;} .view.transparencia .contenedor1 .titulo h2{padding: 0 20px;} .view.transparencia .contenedor1 .titulo h3{font-family: 'TextFont'; font-size: 30px; margin-bottom: 0;} .view.atracciones-childs{margin-bottom: 40px;} .view.atracciones-childs .small{display: none;} .view.atracciones-childs .banner .titulo{color: #fff; text-align: center; max-width: 600px; margin-top: auto;} .view.atracciones-childs .banner .titulo h1{font-family: 'MainFont'; font-size: 36px; margin-bottom: 10px;} .view.atracciones-childs .banner .titulo .subtitle{font-family: 'TextFontLight'; font-size: 16px; margin-bottom: 0;} .view.atracciones-childs .banner .imagen {align-self: flex-end; margin-right: 30px; margin-top: auto; margin-bottom: 60px;} .view.atracciones-childs .banner .imagen img{width: 140px;} .view.atracciones-childs .banner .titulo .line{width: 300px; height: 2px; background-color: #7aa14d; margin: auto; margin-top: 30px; margin-bottom: 40px;} .view.atracciones-childs .banner .titulo h3{font-size: 20px; margin-bottom: 5px; font-family: 'MainFont';} .view.atracciones-childs .banner .titulo .coleccion{font-style: italic; font-family: 'TextFontLight'; font-size: 16px;} .view.atracciones-childs .banner .titulo .descripcion{font-family: 'TextFontLight'; font-size: 18px; line-height: 26px; letter-spacing: 1px; margin-top: 10px; margin-bottom: 0;} .view.atracciones-childs .contenedor1{margin-top: -50px; width: 970px;} .view.atracciones-childs .contenedor1 .item-group .imagen{height: 360px; width: 100%; background-size: cover; background-position: center;} .view.atracciones-childs .contenedor1 .item-group .imagen1{background-image: url('../images/web/atracciones/arte-contemporaneo/img1.png');} .view.atracciones-childs .contenedor1 .item-group .imagen2{background-image: url('../images/web/atracciones/arte-contemporaneo/img2.png');} .view.atracciones-childs .contenedor1 .item-group .imagen3{background-image: url('../images/web/atracciones/arte-contemporaneo/img3.png');} .view.atracciones-childs .contenedor1 .item-group .carousel ol{margin-bottom: 0; z-index: 1;} .view.atracciones-childs .contenedor1 .item-group .carousel ol li{background-color: #fff; width: 10px; height: 10px; border-radius: 50%; transition: all .5s ease;} .view.atracciones-childs .contenedor1 .item-group .carousel ol li.active{background-color: #7aa14d;} .view.atracciones-childs .contenedor1 .item-group .item{margin-bottom: 40px;} .view.atracciones-childs .contenedor1 .item-group .item h4{font-family: 'MainFont'; font-size: 16px; margin-top: 10px; margin-bottom: 4px; text-transform: uppercase;} .view.atracciones-childs .contenedor1 .item-group .item p{font-family: 'TextFont'; font-size: 12px;} .view.atracciones-childs .contenedor1 .item-group .item a{color: #000; text-decoration: underline; letter-spacing: 1px;} .view.atracciones-childs .contenedor1 .item-group .item a:hover{cursor: pointer;} .view.atracciones-childs .contenedor1 .item-group .item .full-desc{position: absolute; z-index: 2; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); bottom: 0; right: 0; color: #fff; padding: 20px; display: flex; align-items: center; display: none;} .view.atracciones-childs .contenedor1 .item-group .item .full-desc .close{position: absolute; top: 10; right: 15; font-size: 14px; font-family: monospace; color: #fff; opacity: .5;} .view.atracciones-childs .contenedor1 .item-group .item .full-desc .close:hover{cursor: pointer;} .view.atracciones-childs .contenedor1 .item-group .item .full-desc .autor{font-family: 'MainFont'; font-size: 14px; margin: 0;} .view.atracciones-childs .contenedor1 .item-group .item .full-desc .titulo{font-family: 'TextFontLight'; font-size: 14px; margin: 0;} .view.atracciones-childs .contenedor1 .item-group .item .full-desc .subtitulo{min-height: 40px; font-family: 'TextFontBold'; font-size: 14px; color: #7aa14d; font-style: italic; margin: 10px 0;} .view.atracciones-childs .contenedor1 .item-group .item .full-desc .descripcion{font-family: 'TextFontLight'; font-size: 12px; margin: 0; overflow: auto; max-height: 290px;} .view.arte-contemporaneo .banner{min-height: 500px; height: 100vh; background-image: url('../images/web/atracciones/arte-contemporaneo/banner.png'); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center;} .view.arte-contemporaneo .contenedor1 .item-group .item .full-desc .descripcion{max-height: 200px;} .view.coleccion-botanica .banner{min-height: 700px; height: 100vh; background-image: url('../images/web/atracciones/coleccion-botanica/banner.png'); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; flex-direction: column;} /* .view.coleccion-botanica .banner .titulo h3{font-family: 'TextFontLight'; color: #7aa14d;} */ .view.coleccion-botanica .banner .titulo h3{font-family: 'TextFontLight'; color: #FFFF;} .view.coleccion-botanica .banner .titulo .line{background-color: #fff;} .view.coleccion-botanica .banner .titulo .descripcion{margin-bottom: 20px;} .view.coleccion-botanica .contenedor1 .small.desc .descripcion{margin-bottom: 20px;} .view.coleccion-botanica .more-info{display: none;} .view.coleccion-botanica .more-info.active{display: block; margin-top: 20px;} .view.coleccion-botanica .see-more{font-size: 18px; font-family: 'TextFont'; text-decoration: underline; letter-spacing: 2px; margin-top: 20px;} .view.coleccion-botanica .see-more:hover{cursor: pointer;} .view.arquitecturas .section1{min-height: 700px; height: 100vh; background-image: url('../images/web/atracciones/arquitecturas/banner.png'); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center;} .view.arquitecturas .small{display: none;} .view.arquitecturas .section1 .contenedor1 .titulo h1{margin-bottom: 10px} .view.arquitecturas .section1 .contenedor1 .titulo h3{font-family: 'TextFontLight'; color: #fff;} .view.arquitecturas .section1 .contenedor1 .titulo .line{background-color: #fff;} .view.arquitecturas .section1 .contenedor1 .titulo .descripcion{margin-bottom: 20px;} .view.arquitecturas .contenedor1 .small.desc .descripcion{margin-bottom: 20px;} .view.arquitecturas .section1 .more-info{display: none;} .view.arquitecturas .section1 .more-info.active{display: block; margin-top: 20px;} .view.arquitecturas .section1 .see-more{font-size: 18px; font-family: 'TextFont'; text-decoration: underline; letter-spacing: 2px; margin-top: 20px;} .view.arquitecturas .section1 .see-more:hover{cursor: pointer;} .view.arquitecturas .section2 .contenedor0{display: none;} .view.arquitecturas .section2 .contenedor1 .titulo h3{font-family: 'TextFontLight'; color: #7aa14d;} .view.arquitecturas .section2 .contenedor1 .titulo .line{background-color: #000;} .view.arquitecturas .section2 .contenedor1 .titulo .descripcion{margin-bottom: 20px;} .view.arquitecturas .section2 .more-info{display: none;} .view.arquitecturas .section2 .more-info.active{display: block; margin-top: 20px;} .view.arquitecturas .section2 .see-more{font-size: 18px; font-family: 'TextFont'; text-decoration: underline; letter-spacing: 2px; margin-top: 20px;} .view.arquitecturas .section2 .see-more:hover{cursor: pointer;} .view.unete{background-image: url('../images/web/unete/bg.png'); background-size: cover; background-position: top;} .view.unete .section1{background-image: url('../images/web/unete/bg2.png'); min-height: 100vh; background-repeat: no-repeat; background-size: contain; background-position-y: 150%; padding-bottom: 240px;} .view.unete .titulo{max-width: 500px; margin: auto; text-align: center; padding-top: 120px; padding-bottom: 80px;} .view.unete .titulo h3{font-family: 'TextFont'; font-size: 30px;} .view.unete .titulo h1{font-family: 'MainFont'; font-size: 42px;} .view.unete .contenedor1 .columna .cont{background-color: rgba(255, 255, 255, 1); padding: 40px 30px; text-align: center; position: relative; width: 300px; max-width: 100%;} .view.unete .contenedor1 .columna1 .cont{float: right;} .view.unete .contenedor1 .columna .cont img{background-color: #7aa14d; width: 60px; border-radius: 50%; position: absolute; top: -30px; left: calc(50% - 30px);} .view.unete .contenedor1 .columna1 .cont img{background-color: #7aa14d;} .view.unete .contenedor1 .columna2 .cont img{background-color: #172317;} .view.unete .contenedor1 .columna .cont h4{font-size: 20px; font-family: 'MainFont'; margin-top: 20px;} .view.unete .contenedor1 .columna2 .cont h4{padding: 12px 0;} .view.unete .contenedor1 .columna .cont .basic-btn{border: none; font-size: 16px;} .view.unete .contenedor1 .columna .cont .buttons .basic-btn{border: none; font-size: 16px; margin: 5px; width: 100px;} .view.unete .contenedor1 .columna .cont .buttons .basic-btn.disabled{opacity: .5;} .view.unete .contenedor1 .columna .cont h1{font-family: 'MainFont'; font-size: 52px; margin: 20px 0;} .view.unete .contenedor1 .columna .cont p{font-size: 14px; margin-bottom: 40px;} .view.unete .contenedor1 .columna .cont .proximamente{color: #fff; background-color: #7aa14d;} .view.sociedad-botanica .section1{background-image: url('../images/web/sociedad-botanica/bg.png'); background-size: cover;} .view.sociedad-botanica .section1 .titulo{padding-top: 200px; text-align: center; max-width: 600px; margin: auto;} .view.sociedad-botanica .section1 .titulo h1{font-size: 42px; font-family: 'MainFont'; margin-bottom: 20px;} .view.sociedad-botanica .section1 .titulo p{font-size: 20px; font-family: 'TextFont'; margin-bottom: 0;} .view.sociedad-botanica .section1 .cont{max-width: 500px; margin: auto;} .view.sociedad-botanica .section1 .cont .descripcion{text-align: center; margin-top: 30px;} .view.sociedad-botanica .section1 .cont .accion{display: flex; align-items: center; justify-content: space-between; padding: 20px 0;} .view.sociedad-botanica .section1 .cont .accion h4{font-family: 'TextFontBold'; font-size: 18px; margin-bottom: 0; width: 170px; text-align: right;} .view.sociedad-botanica .section1 .cont .accion p{width: 300px; margin-bottom: 0;} .view.sociedad-botanica .section1 .imagen{height: 600px; background-image: url('../images/web/sociedad-botanica/banner.png'); background-size: cover;background-position: top;} .view.sociedad-botanica .section2{background-color: #64a70b; color: #fff; padding: 60px 0;} .view.sociedad-botanica .section2 .titulo{margin: auto; text-align: center;} .view.sociedad-botanica .section2 .titulo h1{font-family: 'MainFont'; font-size: 42px;} .view.sociedad-botanica .section2 .fila1{padding-top: 40px; padding-bottom: 20px;} .view.sociedad-botanica .section2 .cont{max-width: 150px; margin: auto;} .view.sociedad-botanica .section2 .cont .nombre{font-family: 'TextFontBold'; font-size: 16px; margin-bottom: 0;} .view.sociedad-botanica .section2 .cont .cargo{font-family: 'TextFontLight'; font-size: 16px; margin-bottom: 10px;} .view.sociedad-botanica .mision-y-vision{background-color: #fff;} .view.sociedad-botanica .mision-y-vision .contenedor3 .small{display: none;} .view.sociedad-botanica .mision-y-vision .contenedor3 .cont{max-width: 600px; margin: auto; padding: 90px 0;} .view.sociedad-botanica .mision-y-vision .contenedor3 .cont h2{text-transform: uppercase; color: #7aa14d; font-family: 'MainFont'; font-size: 34px; margin-bottom: 0; margin: 0 40px;} .view.sociedad-botanica .mision-y-vision .contenedor3 .cont p{color: #000; font-family: 'TextFont'; font-size: 18px; margin-bottom: 0;} .view.sociedad-botanica .mision-y-vision .contenedor3 .cont .mision, .view.sociedad-botanica .mision-y-vision .contenedor3 .cont .vision{display: flex; justify-content: center; align-items: center; padding: 30px 0;} .visit-planner .container{margin-bottom: 30px;} .visit-planner .container .categoria{height: 100px; text-align: center;} .visit-planner .container .categoria img{max-height: calc(100% - 31px);} .visit-planner .container .categoria h4{font-size: 18px; font-family: 'TextFont'; margin-top: 10px; margin-bottom: 0;} .visit-planner .actividades .small{display: none;} .visit-planner .actividades{height: 575px; position: relative;} .visit-planner .actividades .flecha{position: absolute; font-size: 40px; color: #000; top: 59%; z-index: 1; } .visit-planner .actividades .flecha.izquierda{left: 20px;} .visit-planner .actividades .flecha.derecha{right: 20px;} .visit-planner .owl-carousel{position: absolute; bottom: -10%;} .visit-planner .owl-carousel .owl-stage{display: flex; align-items: center; width: 100%;} .visit-planner .owl-carousel .item{padding: 100px 60px; display: flex; align-items: center; transition: all .5s ease;} .visit-planner .owl-carousel .blanco{background-color: #aec592;} .visit-planner .owl-carousel .verde{background-color: #cbcdd2;} .visit-planner .owl-carousel .gris{background-color: #aec592;} .visit-planner .owl-carousel .item{height: 500px !important;} .visit-planner .owl-carousel .item .text{max-width: 250px; margin: auto; text-align: center;} .visit-planner .owl-carousel .item .text h2{font-family: 'TextFontBold'; font-size: 18px;} .visit-planner .owl-carousel .item .text p{font-size: 18px;} .visit-planner .owl-carousel .center .item{margin-top: 0; height: 550px !important;} .visit-planner .owl-carousel a{color: #000;} .visit-planner .owl-carousel a:hover{text-decoration: none;} .visit-planner .actividad{padding: 40px; text-align: center;} .visit-planner .actividad h2{font-family: 'TextFontBold'; font-size: 18px;} .visit-planner .actividad p{margin-bottom: 0; font-size: 18px;} .visit-planner .blanco{background-color: #aec592;} .visit-planner .verde{background-color: #cbcdd2;} .visit-planner .gris{background-color: #f5f5f5;} .visit-planner .big.actividadPersonal{display: none;} .visit-planner .big.actividadPersonal1{display: block;} .visit-planner .actividades .small a:hover{text-decoration: none;} .view.formulario{background-image: url('../images/web/contribuye/bg.png'); background-position: top center; background-size: cover;} .view.formulario .small{display: none;} .view.formulario .section1{min-height: 100vh; padding-top: 140px;} .view.formulario .section1 .titulo{max-width: 550px; margin: auto; color: #172317; font-family: 'MainFont'; text-align: center;} .view.formulario .section1 .titulo h1{font-size: 46px;} .view.formulario .section1 form{padding: 60px 0; text-align: center;} .view.formulario .section1 form .subtitulo{float: left; font-size: 16px; font-family: 'TextFontBlack'; margin: 20px 0; width: 100%;} .view.formulario .section1 form #Respuesta{color: #000;} .view.formulario .section1 form .columna{float: left; padding: 10px 0; text-align: left;} .view.formulario .section1 form .columna .half{width: calc(50% - 5px); float: left;} .view.formulario .section1 form .columna .half1{margin-right: 10px;} .view.formulario .section1 form .columna.half-left{padding-right: 10px;} .view.formulario .section1 form .columna.half-left.fourth{padding-left: 10px;} .view.formulario .section1 form .columna.half-right{padding-left: 10px;} .view.formulario .section1 form .columna.half-right.fourth{padding-right: 10px;} .view.formulario .section1 form label{display: block; margin-bottom: 0; padding: 0 10px; font-size: 15px; min-height: 22px;} .view.formulario .section1 form select, .view.formulario .section1 form input{width: 100%; background: #dee7f4; border: 0; padding: 10px 20px; border-radius: 20px;} .view.formulario .section1 form select, .view.formulario .section1 form input:focus{outline: none;} .view.formulario .section1 form span{padding: 0 10px; font-size: 12px;} .view.formulario .section1 form .buttons{float: left; text-align: center; margin: auto; width: 100%;} .view.formulario .section1 form .buttons .btn{background: none; border: none; width: 160px;} .view.formulario .section1 form .buttons .btn:focus{outline: none;} .view.formulario .section1 form .buttons .border-btn{font-family: 'TextFontBlack'; border: 4px solid #e2e000; color: #000; padding: 4px 12px 0px 12px; border-radius: 20px; font-size: 20px; margin-right: 10px; margin-top: 40px;} .view.formulario .section1 form .buttons .basic-btn{background-color: #e2e000; margin-left: 10px; margin-top: 40px;} .view.formulario .section1 img{width: 100%;} .view.formulario .switch { position: relative; display: inline-block; width: 60px; height: 34px;} .view.formulario .switch input { opacity: 0; width: 0; height: 0;} .view.formulario .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;} .view.formulario .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;} .view.formulario input:checked + .slider { background-color: #85a5db;} .view.formulario input:focus + .slider { box-shadow: 0 0 1px #85a5db;} .view.formulario input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);} .view.formulario .slider.round { border-radius: 34px;} .view.formulario .slider.round:before { border-radius: 50%;} .view.formulario-respuesta{min-height: 100vh; background-position: bottom center; background-size: cover;} .view.formulario-respuesta .section1{background-image: url('../images/web/eventos/formulario/agradecimiento/bg.png'); min-height: 70vh; background-position: bottom center; background-size: cover; display: flex; align-items: center;} .view.formulario-respuesta .titulo{max-width: 550px; margin: auto; color: #172317; font-family: 'MainFont'; text-align: center;} .view.formulario-respuesta .titulo h1{font-size: 46px;} .view.formulario-respuesta .titulo .descripcion{font-size: 16px; font-family: 'TextFont'; max-width: 250px; margin: auto; margin-bottom: 20px;} .view.visitantes { background-image: url('../images/web/visitantes/formulario/bg.png'); background-size: cover; padding: 150px 0 100px 0; min-height: calc(100vh - 291px); } .view.visitantes a { cursor: pointer !important; } .view.visitantes-login .buttons { margin-top: 15px; } .view.visitantes-login .contenedor { background-color: white; padding: 20px; border-radius: 10px; } .view.visitantes-login #Respuesta { margin-top: 15px; } .view.visitantes-login #RespuestaRegistro { margin-top: 15px; } .view.visitantes-login #RespuestaRecuperar { margin-top: 15px; } .view.visitantes-login #RespuestaRecibo { margin-top: 15px; } .view.visitantes-login #RespuestaCard { margin-top: 15px; } .view.visitantes-login .columna.half-right .contenedor { background-color: transparent; } .view.visitantes .titulo h1 { font-weight: bold; text-align: center; font-family: 'MainFont'; } .view.visitantes .botones button { width: 100%; background-color: white; color: black; padding: 20px 20px; border: 4px solid transparent; font-size: 16px; font-weight: 700; outline: none; cursor: pointer; border-radius: 10px; } .view.visitantes .botones button:hover { border: 4px solid #7aa14d; } .view.visitantes .botones button.active { border: 4px solid #7aa14d; background-color: #7aa14d; color: white; } .view.visitantes table thead th { font-family: 'MainFont'; border-top: 0; } .view.visitantes table a { cursor: pointer !important; color: #7aa14d; } .view.visitantes table a:hover { text-decoration: underline; } .view.visitantes .info .contenedor { background-color: white; border-radius: 10px; padding: 20px; } .view.visitantes-compra-detalle .info img { max-width: 100%; border-radius: 10px; } .view.visitantes-compra-detalle .info #qrcode img { border-radius: 0px; margin: auto; } .view.visitantes-compra-detalle .info h2 { font-family: 'MainFont'; margin-bottom: 15px; } .view.visitantes-compra-detalle .info h5 { font-family: 'MainFont'; } .view.visitantes-compra-detalle .info .atributo { margin-bottom: 15px; } .view.reserva .contenedor .fila1 img { max-width: 100%; border-radius: 10px; } .view.reserva .contenedor .fila1 table td, .view.reserva .contenedor .fila1 table th { padding: 7px 10px 5px 10px; } .view.reserva .contenedor .fila1 table th { font-size: 12px; } .view.reserva .contenedor1 .fila1 .boletos .boleto { overflow: hidden; width: 100%; padding-top: 15px; } .view.reserva .contenedor1 .fila1 .boletos .boleto .textos { float: left; width: calc(100% - 145px); padding-top: 5px; } .view.reserva .contenedor1 .fila1 .boletos .boleto .cantidades { float: right; width: 130px; } .view.reserva .contenedor1 .fila1 .boletos .boleto .cantidades input { width: 40px; text-align: center; padding-top: 2px; } .view.reserva .fila1 .metodoPago img { margin-bottom: 15px; } /*.view.venta-recibo{background-image: url('../images/web/visitantes/formulario/bg.png');} .view.venta-recibo form{padding-bottom: 0 !important; width: 100%;} .view.venta-recibo .formPerfilVisitante{padding-top: 0 !important;} .view.venta-recibo form h2.subtitulo{font-size: 22px !important;} .view.venta-recibo form .subtitulo{text-align: left; margin: 20px 0 !important;} .view.venta-recibo form .btn-monto{transition: all .5s ease;} .view.venta-recibo form .btn-monto.active{background-color: #9bc0ff; color: #fff;} .view.venta-recibo form #RespuestaRecibo{text-align: center; width: 100%;}*/ .hide { display: none !important;} .modal a:hover{cursor: pointer;} .modal img{max-width: 100%;} .modal button{position: absolute; right: 0; width: 20px; z-index: 3;} footer{background-color: #f28b00; padding: 60px 0;} footer .cont.small{display: none;} footer .cont{display: flex; align-items: center; justify-content: flex-end; color: #fff; font-family: 'TextFont';} footer .cont .link{text-transform: uppercase; text-decoration: underline; color: #fff; font-family: 'TextFont';} footer .cont .link:hover{color: #fff;} footer .cont .info{display: flex;} footer .cont .info div{margin: 0 40px;} footer .cont .info .link{font-size: 10px;} footer .cont .info .derechos{text-transform: uppercase; font-size: 10px; color: #FFF;} footer .cont .info .reglamentos{text-transform: uppercase; font-size: 10px;} footer .cont .info .direccion{font-size: 10px; color: #FFF;} footer .cont .menu-footer ul{list-style: none; margin: 0;} footer .cont .menu-footer ul li{text-align: right; line-height: 18px;} footer .cont .menu-footer ul li a{font-size: 12px;} footer .cont a{color: #fff;} .view.encounter .section1{background-color: #000; background-image: url('../images/encounter/enconter-hero.jpg'); background-size: cover; background-position: center; filter: brightness(0.8);} .view.encounter .section1 .contenedor1 {display: flex; align-items: center; justify-content: center; min-height: 100vh; position: relative;} .view.encounter .section1 .down{position: absolute; bottom: 0; font-size: 70px; color: #fff;} .view.encounter .section1 .contenedor1 .titulo{color: #fff; text-align: center; width: 650px;} .view.encounter .section1 .contenedor1 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 40px;} .view.encounter .section1 .contenedor1 .titulo h2{font-family: 'TextFont'; margin: 0; margin-top: 5px; font-size: 19px; font-weight: medium;} .view.encounter .section2 .contenedor2 .rd-container{box-shadow: none;} .view.encounter .section2 .contenedor2 .rd-day-selected {background-color: #000;} .view.encounter .section2 .contenedor2 .rd-day-selected:hover {background-color: #7AA14D;} .view.encounter .section2 .contenedor2 th.rd-day-head {text-align: center;} .view.encounter .section2 .contenedor2 .rd-month-label {font-family: 'TextFont'; font-size: 16px; line-height: 24px;} .view.encounter .section2 .contenedor2 .reserva-box1{width: 100%; height: 30%; max-height: 220px; margin-bottom: 50px; border-radius: 16px; background: rgb(255,239,96); background: linear-gradient(156deg, rgba(255,239,96,1) 0%, rgba(246,100,45,1) 100%);} .view.encounter .section2 .contenedor2 .contenido-reserva-box1{width: 85%; height: 75%; background-color: #FFF; border-radius: 16px; padding: 20px;} .view.encounter .section2 .contenedor2 .contenido-reserva-box1{background-image: url('../images/encounter/bg-morning.png'); background-repeat: no-repeat; background-position: 90% 20px; background-size: 190px;} .view.encounter .section2 .contenedor2 .contenido-reserva-box1 p{font-family: 'TextFont'; font-size: 22px; margin: 0; line-height: 29px;} .view.encounter .section2 .contenedor2 .contenido-reserva-box1 button{background-color: #000; color: #FFF; border: none; border-radius: 5px; padding: 10px 25px; font-family: 'TextFont'; font-size: 16px; font-weight: 500; line-height: 16px; position: relative; z-index: 100;} .view.encounter .section2 .contenedor2 .reserva-box2{width: 100%; height: 30%; max-height: 220px; border-radius: 16px; background: rgb(129,82,190); background: linear-gradient(156deg, rgba(129,82,190,1) 0%, rgba(246,100,45,1) 100%);} .view.encounter .section2 .contenedor2 .contenido-reserva-box2{width: 85%; height: 75%; background-color: #FFF; border-radius: 16px; padding: 20px;} .view.encounter .section2 .contenedor2 .contenido-reserva-box2{background-image: url('../images/encounter/bg-afternoon.png'); background-repeat: no-repeat; background-position: 90% 20px; background-size: 190px; } .view.encounter .section2 .contenedor2 .contenido-reserva-box2 p{font-family: 'TextFont'; font-size: 22px; margin: 0; line-height: 29px; } .view.encounter .section2 .contenedor2 .contenido-reserva-box2 button{background-color: #000; color: #FFF; border: none; border-radius: 5px; padding: 10px 25px; font-family: 'TextFont'; font-size: 16px; font-weight: 500; line-height: 16px; position: relative; z-index: 100;} .section3 .contenedor3 .titulo-conocenos h3 {font-family: 'MainFont'; font-size: 26px; font-weight: bold; color: #000;} .section3 .contenedor3 #nav-tab{border: none;} .section3 .contenedor3 #nav-tab{border: none;} .section3 .contenedor3 #nav-tab .nav-link{font-family: 'MainFont'; border: none; color: #000;} .section3 .contenedor3 #nav-tab .active{border: none; border-bottom: 6px #7AA14D solid; font-family: 'MainFont'; font-size: 16px; font-weight: medium; color: #7AA14D;} .section3 .contenedor3 .conocenos-text h3{font-family: 'MainFont'; font-size: 22px; font-weight: bold; color: #7AA14D;} .section3 .contenedor3 .conocenos-text h4{font-family: 'MainFont'; font-size: 16px; font-weight: bold;} .section3 .contenedor3 .conocenos-text h5{font-family: 'MainFont'; font-size: 16px; font-weight: bold;} .section3 .contenedor3 .conocenos-text p{font-family: 'TextFont'; font-size: 14px; font-weight: normal; margin: 0; color: #000;} .section3 .contenedor3 .conocenos-box{border: solid 1px #7AA14D; border-radius: 15px;} .section4 .contenedor4 .titulo-faq h3{font-family: 'MainFont'; margin: 0; font-size: 26px; font-weight: bold;} .section4 .contenedor4 .accordion-flush .accordion-item{border:1px solid rgba(0,0,0,.125) !important;} .section4 .contenedor4 .accordion-button::after{background-image: url('../images/encounter/icons/icon-plus.svg') !important;} .section4 .contenedor4 .accordion-button:not(.collapsed)::after{background-image: url('../images/encounter/icons/icon-less.svg') !important;} .section4 .contenedor4 .accordion-flush .accordion-body{font-family: 'TextFont'; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 10px !important;} .section4 .contenedor4 .accordion-flush .accordion-body a{font-family: 'TextFont'; font-size: 14px; font-weight: bold; color: #000;} .section4 .contenedor4 .accordion-flush .accordion-body a:hover{color: #7AA14D;} .section4 .contenedor4 .accordion-flush .accordion-body .faq-phone{font-family: 'TextFont'; font-size: 15px; font-weight: bolder; color: #000;} .section4 .contenedor4 .accordion-flush .accordion-body .faq-phone:hover{color: #7AA14D;} .section4-5{background-color: #F3F3F3;} .section4-5 .contenedor4-5 .titulo h1{font-family: 'MainFont'; margin: 0; font-size: 26px; font-weight: bold;} .section4-5 .contenedor4-5 ul{list-style: none; font-family: 'TextFont'; font-size: 14px;} .section4-5 .contenedor4-5 ul li::before{content: "\2022"; color: #7AA14D; font-weight: bold; font-size: 20px; display: inline-block; width: 1em; margin-left: -1em;} .section5{background-color: #F3F3F3;} .section5 .contenedor5 .titulo-reglas h3{font-family: 'MainFont'; margin: 0; font-size: 26px; font-weight: bold;} .section5 .contenedor5 ul{list-style: none; font-family: 'TextFont'; font-size: 14px;} .section5 .contenedor5 ul li::before{content: "\2022"; color: #7AA14D; font-weight: bold; font-size: 20px; display: inline-block; width: 1em; margin-left: -1em;} /* Large desktops and laptops */ @media (min-width: 1600px) { } /* Large desktops and laptops */ @media (min-width: 1200px) and (max-width: 1599px) { } /* Portrait tablets and medium desktops */ @media (min-width: 992px) and (max-width: 1199px) { .view.nuestra-historia .ranking{padding-bottom: 400px;} .view.atracciones .section2 .contenedor1{width: 90%;} } @media (max-width: 991px){ .container{max-width: 960px;} .view.inicio .section1 .contenedor1{justify-content: center;} .view.inicio .section1 .contenedor1 .titulo{width: auto;} .view.inicio .section1 .contenedor1 .titulo h1{font-size: 60px;} .view.inicio .section1 .contenedor1 .titulo h2{font-size: 26px;} .view.inicio .section2 .contenedor2 .descripcion p.big{display: none;} .view.inicio .section2 .contenedor2 .descripcion p.small{font-size: 18px; display: block;} .view.inicio .section3 .descubre .fila .dato h2{font-size: 26px;} .view.inicio .section6{margin-top: 0;} .view.inicio .section6 .contenedor6{justify-content: center;} .view.inicio .section6 .contenedor6 .titulo h2{font-size: 40px;} .view.inicio .section6 .contenedor6 .titulo h1{font-size: 50px;} .view.inicio .section7{padding: 0;} .visit-planner .actividades{height: auto;} .visit-planner .actividades .big{display: none;} .visit-planner .actividades .small{display: block;} .visit-planner .actividades .small a{color: #000;} .visit-planner .small.actividadPersonal{display: none;} .visit-planner .small.actividadPersonal1{display: block;} .view.nuestra-historia .ranking{padding-bottom: 400px;} .view.nuestra-historia .contenedor1 .titulo h1{font-size: 40px;} .view.nuestra-historia .contenedor1 .titulo h3{font-size: 20px;} .view.atracciones .section2 .contenedor1{width: 90%;} .view.atracciones .section2 .contenedor1 .fila1 .columnas .imagen{height: 300px;} .view.atracciones .section2 .contenedor1 .fila1 .columnas .info h3{font-size: 20px;} .view.atracciones .section2 .contenedor1 .fila1 .columnas .info p{font-size: 16px; margin-bottom: 30px;} .view.encounter .section2 .contenedor2 .reserva-box1{margin-top: 50px;} .view.planea-tu-visita .section3 .contenedor5{width: 90%;} .view.transparencia{background-position: center left;} .view.atracciones-childs .contenedor1{width: auto;} .view.atracciones-childs .contenedor1 .item-group .columna{flex: 0 0 50%; max-width: 50%; padding-left: 8px; padding-right: 8px;} .view.atracciones-childs .contenedor1 .item-group .item{max-width: 300px; margin: auto; margin-bottom: 40px;} footer .container{display: flex; justify-content: center;} footer .cont .info div{margin: 0 30px;} footer .cont .info div:first-child{margin-left: 0;} } /* Landscape phones and portrait tablets */ @media screen and (max-width: 767px) { header{padding: 20px 5%;} header .logo img.desk{display: none;} header .logo img.movil{display: block;} header .menu-btn span i{font-size: 32px;} header .menu-btn span.section-name{display: none;} .view.inicio .section1{background-image: url('../images/web/inicio/movil/banner.png');} .view.inicio .section1 .contenedor1{height: 60vh; min-height: 300px;} .view.inicio .section1 .contenedor1 .titulo h1{font-size: 40px;} .view.inicio .section1 .contenedor1 .titulo h2{font-size: 20px;} .view.inicio .section1 .contenedor1{justify-content: center;} .view.inicio .section2{padding: 60px 0;} .view.inicio .section3 .descubre .titulo{padding-top: 80px; padding-bottom: 40px;} .view.inicio .section3 .descubre .titulo h1{font-size: 30px; margin-bottom: 8px;} .view.inicio .section3 .descubre .fila1{padding-bottom: 20px;} .view.inicio .section3 .descubre .fila2{padding-bottom: 20px;} .view.inicio .section3 .descubre .fila3{padding: 0px 40px; padding-bottom: 20px;} .view.inicio .section3 .descubre.half2{padding-top: 60px; padding-bottom: 120px;} .view.inicio .section3 .descubre .dato{display: none;} .view.inicio .section3 .descubre .dato.long{} .view.inicio .section3 .descubre .dato.big{display: block;} .view.inicio .section4{margin-top: 0;} .view.inicio .section4 .actividades{background-image: url('../images/web/inicio/movil/bg.png'); background-size: cover; background-position: bottom;} .view.inicio .section4 .actividades .columnas{flex: 0 0 100%; max-width: 100% !important;} .view.inicio .section4 .actividades .imagen{flex: 0 0 100%;} .view.inicio .section4 .actividades .contenedor4{padding: 50px; padding-bottom: 0;} .view.inicio .section4 .actividades .actividad-del-mes{margin: 0px 20px; margin-top: -140px;} .view.inicio .section4 .actividades .actividad-del-mes .info{text-align: center;} .view.inicio .section4 .actividades .actividad-del-mes .info img{padding-top: 0;} .view.inicio .section4 .actividades .actividad-del-mes .info h2{text-align: center; position: relative; margin: auto; width: auto;} .view.inicio .section4 .actividades .actividad-del-mes .info h2 br{display: none;} .view.inicio .section4 .actividades .actividad-del-mes .info p{display: none;} .view.inicio .section4 .actividades .actividad-del-mes .info p.movil{display: block;} .view.inicio .section4 .actividades .actividad-del-mes .info .basic-btn{position: relative;} .view.inicio .section4 .actividades .actividad .info p{display: none;} .view.inicio .section4 .actividades .info{margin: auto; margin: 80px 0px; text-align: center; max-width: none; width: 100%; justify-content: space-between; position: relative;} .view.inicio .section4 .actividades .info h2{text-align: left; position: absolute; left: 0; width: 50%; font-size: 18px;} .view.inicio .section4 .actividades .info .basic-btn{position: absolute; right: 0;} .view.inicio .section4 .actividades .columnas{justify-content: center; padding: 0 40px;} .view.inicio .section4 .actividades .actividad-del-mes .columna2{z-index: 3;} .view.inicio .section4 .actividades .actividad2 .columna1{margin-top: -40px;} .view.inicio .section4 .actividades .actividad2 .columna1 .info{z-index: 2; margin-bottom: 40px; display: flex; align-items: center;} .view.inicio .section4 .actividades .actividad3 .columna2 .info{z-index: 3; margin: 40px 0; padding: 20px 0; display: flex; align-items: center;} .view.inicio .section4-5 .titulo{padding-top: 80px; padding-bottom: 40px;} .view.inicio .section3-5 .titulo h1{font-size: 30px; margin-bottom: 8px;} .view.inicio .section5 .titulo{padding: 60px 0;} .view.inicio .section5 .contenedor5-1 .titulo{padding: 60px 0;} .view.inicio .section5 .contenedor5-1 .titulo h1{font-size: 28px;} .view.inicio .section6{background-image: url(../images/web/inicio/movil/banner2.png); height: 70vh; margin-top: 0;} .view.inicio .section6 .contenedor6{height: 70vh; justify-content: end;} .view.inicio .section6 .contenedor6 .titulo h2{font-size: 34px;} .view.inicio .section6 .contenedor6 .titulo h1{font-size: 44px;} .visit-planner .container .categoria img{max-width: 100%; height: 60px;} .view.nuestra-historia .ranking{padding-bottom: 300px;} .view.nuestra-historia .contenedor1 .tiempo{padding: 60px 0;} .view.atracciones .section1 .info{width: 90%;} .view.atracciones .section1 .info h5{font-size: 20px;} .view.atracciones .section2 .contenedor1{width: 100%; padding: 0;} .view.atracciones .section2 .contenedor1 .fila1{margin: 0;} .view.atracciones .section2 .contenedor1 .fila1 .columnas{padding: 0; margin-top: 0;} .view.atracciones .section2 .contenedor1 .fila1 .columnas .imagen{height: 70vh;background-position: center;} .view.atracciones .section2 .contenedor1 .fila1 .columnas .info{padding: 40px 40px; text-align: center; padding-bottom: 50px; max-width: 400px; margin: auto;} .view.atracciones .section2 .contenedor1 .fila1 .columnas .info h3{justify-content: center; margin-top: 0;} .view.atracciones .section2 .contenedor1 .fila1 .columnas .info h3 br{display: none;} .view.atracciones .section2 .contenedor1 .fila1 .columnas .info p{margin-bottom: 14px;} .view.atracciones .section3{position: relative;} .view.atracciones .section3 .titulo{position: absolute; z-index: 4; max-width: none; max-width: 300px; left: calc(50% - 150px);} .view.atracciones .section3 .titulo h1{font-size: 24px; margin-bottom: 12px; color: #FFFF} .view.atracciones .section3 .titulo h5{color: #FFFF} .view.atracciones .section3 .atracciones .atraccion{margin: 0;} .view.atracciones .section3 .atracciones .atraccion .imagen{width: 100%; height: 100vh; background-position: top;} .view.atracciones .section3 .atracciones .atraccion .info{width: 100%; padding: 80px 40px;} .view.atracciones .section3 .atracciones .atraccion .info h4{font-size: 14px;} .view.atracciones .section3 .atracciones .atraccion .info .cont{width: 100%; max-width: none;} .view.atracciones .section3 .atracciones .atraccion .info .cont .cont-int{display: flex; align-items: center; justify-content: space-between;} .view.atracciones .section3 .atracciones .atraccion1 .imagen{background-image: url('../images/web/atracciones/movil/img4.png'); height: 100vh;} .view.atracciones .section3 .atracciones .atraccion2 .imagen.small{display: block;} .view.atracciones .section3 .atracciones .atraccion2 .imagen.big{display: none;} .view.atracciones .section3 .atracciones .atraccion2 .imagen{height: 50vh; min-height: 400px;} .view.eventos .section1 .contenedor1{min-height: 400px; height: 50vh; position: relative;} .view.eventos .section1 .contenedor1 .info{max-width: 300px;} .view.eventos .section1 .contenedor1 .info img{width: 40px;} .view.eventos .section1 .contenedor1 .info h1{margin-top: 10px;} .view.eventos .section1 .contenedor1 .info p.big{display: none;} .view.eventos .section1 .contenedor1 .info p.small{display: block;} .view.eventos .section1 .contenedor1 .info .basic-btn{position: absolute; bottom: 40px; left: calc(50% - 75px);} .view.eventos .section2 .contenedor2 .cont{width: auto;} .view.eventos .section3 .eventos .columnas{flex: 0 0 100%; max-width: none !important;} .view.eventos .section3 .eventos .columnas.imagen{min-height: 300px; height: 50vh; margin-top: 0 !important;} .view.eventos .section3 .eventos .columnas.imagen.big{display: none;} .view.eventos .section3 .eventos .columnas.imagen.small{display: block;} .view.eventos .section3 .eventos .evento1 .imagen{margin-bottom: 0;} .view.eventos .section3 .eventos .evento2 .info{margin: 30px; width: 100%;} .view.eventos .section3 .eventos .evento3 .info{margin: 30px;} .view.eventos .section3 .eventos .info{margin: 30px; max-width: none; position: relative;} .view.eventos .section3 .eventos .info .main-info{margin-bottom: 0;} .view.eventos .section3 .eventos .info .main-info p{padding: 0;} .view.eventos .section3 .eventos .info .basic-btn{margin-top: -60px; float: right;} .view.eventos .section3 .eventos .evento-destacado img{position: absolute; right: 0; top: 0; width: 35px;} .view.evento-formulario .section1 form .columna.half-left, .view.evento-formulario .section1 form .columna.half-right{padding: 20px 0; padding-right: 0; padding-left: 0;} .view.planea-tu-visita .section1 .contenedor1{min-height: 300px; height: 50vh;} .view.planea-tu-visita .section2 .titulo{padding: 80px 0;} .view.planea-tu-visita .section3 .titulo{padding-bottom: 0; padding: 80px 20px;} .view.planea-tu-visita .section3 .contenedor5{width: 100%; padding: 0;} .view.planea-tu-visita .section3 .contenedor5 .row{margin: 0;} .view.planea-tu-visita .section3 .contenedor5 .escolaridad{padding: 0;} .view.planea-tu-visita .section3 .contenedor5 .escolaridad .imagen{max-width: none; height: 40vh; margin-bottom: 40px; min-height: 300px;} .view.planea-tu-visita .section3 .contenedor5 .escolaridad .titulo{float: left; margin-left: 40px;} .view.planea-tu-visita .section3 .contenedor5 .escolaridad .basic-btn{float: right; margin-right: 40px; margin-bottom: 40px;} .view.planea-tu-visita .section3 .contenedor5 .fila2{margin-top: 0; margin-bottom: 0;} .view.planea-tu-visita .section3 .contenedor5 .fila3{padding: 0;} .view.planea-tu-visita-detalle .section3 .elige-actividad .owl-nav .owl-next{right: 20px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .owl-nav .owl-prev{left: 20px;} .view.planea-tu-visita-detalle .section3 .eventos .columnas{flex: 0 0 100% !important; max-width: none !important;} .view.planea-tu-visita-detalle .section3 .eventos .columnas.imagen{height: 50vh; margin-top: 0 !important;} .view.planea-tu-visita-detalle .section3 .eventos .columnas.imagen.big{display: none;} .view.planea-tu-visita-detalle .section3 .eventos .columnas.imagen.small{display: block;} .view.planea-tu-visita-detalle .section3 .eventos .evento1 .imagen{margin-bottom: 0;} .view.planea-tu-visita-detalle .section3 .eventos .evento2 .info{margin: 30px;} .view.planea-tu-visita-detalle .section3 .eventos .evento3 .info{margin: 30px;} .view.planea-tu-visita-detalle .section3 .eventos .info{margin: 30px; max-width: none; position: relative;} .view.planea-tu-visita-detalle .section3 .eventos .info .main-info{margin-bottom: 0;} .view.planea-tu-visita-detalle .section3 .eventos .info .main-info p{padding: 0;} .view.planea-tu-visita-detalle .section3 .eventos .info .basic-btn{margin-top: 0px; float: right;} .view.planea-tu-visita-detalle .section3 .eventos .evento-destacado img{position: absolute; right: 0; top: 0; width: 35px;} .view.espacios .section1 .contenedor1{min-height: 300px; height: 50vh; position: relative;} .view.espacios .section1 .border-button.small{display: block; position: absolute; bottom: 0; color: #fff; font-size: 16px; border: 2px solid #fff; padding: 4px 10px; letter-spacing: 1px; bottom: 30px;} .view.espacios .section2{margin-top: 0px;} .view.espacios .section2 .espacios .columnas{flex: 0 0 100%; max-width: none !important;} .view.espacios .section2 .espacios .columnas.imagen{height: 80vh; margin: 0 !important;} .view.espacios .section2 .espacios .columnas.imagen.big{display: none;} .view.espacios .section2 .espacios .columnas.imagen.small{display: block;} .view.espacios .section2 .espacios .espacio .imagen{padding: 0;} .view.espacios .section2 .espacios .espacio1 .imagen{margin-bottom: 0;} .view.espacios .section2 .espacios .espacio2 .info{margin: 30px;} .view.espacios .section2 .espacios .espacio3 .info{margin: 30px;} .view.espacios .section2 .espacios .info{margin: 30px; max-width: none; position: relative; width: 100%;} .view.espacios .section2 .espacios .info p{width: calc(100% - 200px);} .view.espacios .section2 .espacios .info .basic-btn{margin-top: -60px; float: right;} .view.espacios .section2 .espacios .evento-destacado img{position: absolute; right: 0; top: 0; width: 35px;} .view.parqueecologico .section1 .contenedor1 .titulo h1{font-size: 50px;} .view.parqueecologico .section1 .contenedor1 .titulo h2{font-size: 20px;} .view.parqueecologico .section1 .contenedor1{min-height: 300px; height: 50vh; position: relative;} .view.parqueecologico .section1 .border-button.small{display: block; position: absolute; bottom: 0; color: #fff; font-size: 16px; border: 2px solid #fff; padding: 4px 10px; letter-spacing: 1px; bottom: 30px;} .view.parqueecologico .section2{margin-top: 0px;} .view.parqueecologico .section2 .parqueecologico .columnas{flex: 0 0 100%; max-width: none !important;} .view.parqueecologico .section2 .parqueecologico .columnas.imagen{height: 80vh; margin: 0 !important;} .view.parqueecologico .section2 .parqueecologico .columnas.imagen.big{display: none;} .view.parqueecologico .section2 .parqueecologico .columnas.imagen.small{display: block;} .view.parqueecologico .section2 .parqueecologico .espacio .imagen{padding: 0;} .view.parqueecologico .section2 .parqueecologico .espacio1 .imagen{margin-bottom: 0;} .view.parqueecologico .section2 .parqueecologico .espacio2 .info{margin: 30px;} .view.parqueecologico .section2 .parqueecologico .espacio3 .info{margin: 30px;} .view.parqueecologico .section2 .parqueecologico .info{margin: 30px; max-width: none; position: relative; width: 100%;} .view.parqueecologico .section2 .parqueecologico .info p{width: calc(100% - 200px);} .view.parqueecologico .section2 .parqueecologico .info .basic-btn{margin-top: -60px; float: right;} .view.parqueecologico .section2 .parqueecologico .evento-destacado img{position: absolute; right: 0; top: 0; width: 35px;} .view.arquitecturas .section1 .contenedor1{min-height: 300px; height: 50vh; position: relative;} .view.arquitecturas .section1 .border-button.small{display: block; position: absolute; bottom: 0; color: #fff; font-size: 16px; border: 2px solid #fff; padding: 4px 10px; letter-spacing: 1px; bottom: 30px;} .view.arquitecturas .section1 .contenedor1 .titulo .line {display: none;} .view.arquitecturas .section1 .contenedor1 .titulo .descripcion {display: none;} .view.arquitecturas .section1 .contenedor1 .titulo .see-more {display: none;} .view.arquitecturas .section1 .contenedor1 .titulo h3 {display: none;} .view.arquitecturas .section2 .contenedor0 {display: block;} .view.arquitecturas .section2 .contenedor0 {padding: 40px 20px; text-align: center;} .view.arquitecturas .section2 .contenedor0 h3{font-size: 18px; margin-bottom: 0px; font-family: 'TextFontLight'; text-align: center; color: #7aa14d;} .view.arquitecturas .section2 .contenedor0 .coleccion{font-style: italic; font-family: 'TextFontLight'; font-size: 14px;} .view.arquitecturas .section2 .contenedor0 .descripcion{font-family: 'TextFontLight'; font-size: 16px; line-height: 24px; margin-top: 10px; margin-bottom: 0;} .view.arquitecturas .section3{margin-top: 0px;} .view.arquitecturas .section3 .arquitecturas .columnas{flex: 0 0 100%; max-width: none !important;} .view.arquitecturas .section3 .arquitecturas .columnas.imagen{height: 80vh; margin: 0 !important;} .view.arquitecturas .section3 .arquitecturas .columnas.imagen.big{display: none;} .view.arquitecturas .section3 .arquitecturas .columnas.imagen.small{display: block;} .view.arquitecturas .section3 .arquitecturas .arquitectura .imagen{padding: 0;} .view.arquitecturas .section3 .arquitecturas .arquitectura1 .imagen{margin-bottom: 0;} .view.arquitecturas .section3 .arquitecturas .arquitectura2 .info{margin: 30px;} .view.arquitecturas .section3 .arquitecturas .arquitectura3 .info{margin: 30px;} .view.arquitecturas .section3 .arquitecturas .info{margin: 30px; max-width: none; position: relative; width: 100%;} .view.arquitecturas .section3 .arquitecturas .info p{width: calc(100% - 200px);} .view.arquitecturas .section3 .arquitecturas .info .basic-btn{margin-top: -60px; float: right;} .view.arquitecturas .section3 .arquitecturas .evento-destacado img{position: absolute; right: 0; top: 0; width: 35px;} .view.contribuye .section1{padding-top: 100px;} .view.contribuye .section1 .contenedor1 .titulo h1{font-size: 36px;} .view.contribuye .section1 .contenedor1 .titulo h4{font-size: 18px;} .view.contribuye .section2 .cont{padding: 0 20px; padding-bottom: 150px;} .view.transparencia .contenedor1 .titulo h1{font-size: 40px; margin-bottom: 6px;} .view.transparencia .contenedor1 .titulo h2{font-size: 24px;} .view.atracciones-childs .banner .titulo{max-width: 550px;} .view.atracciones-childs .banner .imagen {margin-right: 20px; margin-bottom: 20px;} .view.atracciones-childs .banner .imagen img{width: 100px;} .view.unete .section1{background-position-y: 100%;} .view.unete .contenedor1 .columna1{margin-bottom: 100px;} .view.unete .contenedor1 .columna .cont{float: none; margin: auto;} .view.visitantes-login .section1 form .columna.half-left, .view.visitantes-login .section1 form .columna.half-right{padding: 20px 0; padding-right: 0; padding-left: 0;} .view.formulario .section1 form .columna.half-right{padding-left: 0;} .view.formulario .section1 form .columna.half-left{padding-right: 0;} .regresar{top: 30px; left: calc(5% + 60px);} footer .container{width: 90%;} } @media (max-width: 600px){ .container{width: 100%; padding: 0 20px;} .section-sm{display: block;} header .menu-list{width: 100%; height: 100vh; right: 0; top: 0; position: fixed;} .view.inicio .section1 .contenedor1 .titulo{max-width: 320px;} .view.inicio .section1 .contenedor1 .titulo h1{font-size: 30px;} .view.inicio .section3 .descubre .fila1 .columnas{width: 33.33%;} .view.inicio .section3 .descubre .fila img{width: 60px;} .view.inicio .section3 .descubre .fila .pitayo img{width: 46px;} .view.inicio .section3 .descubre .fila .dato h2{font-size: 16px;} .view.inicio .section3 .descubre .fila .dato h5{font-size: 12px;} .view.inicio .section4 .actividades .columnas{padding: 0 20px;} .view.inicio .section4 .actividades .contenedor4{padding: 30px;} .view.inicio .section4 .actividades .info{margin: 50px 0;} .view.inicio .section4 .actividades .info .basic-btn{font-size: 16px;} .view.inicio .section4 .actividades .actividad2 .columna1 .info{margin-top: 80px;} .view.inicio .section6 .contenedor6 .titulo{max-width: 70%;} .view.inicio .section6 .contenedor6 .titulo h2{font-size: 18px;} .view.inicio .section6 .contenedor6 .titulo h1{font-size: 24px;} .visit-planner .categorias .columnas{width: 50%; padding-top: 20px;} .visit-planner .container .categoria h4{font-size: 14px;} .visit-planner .mainActivities .carousel-indicators{bottom: 100px;} .view.nuestra-historia .ranking{padding-bottom: 400px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .info h4{font-size: 18px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .info p .name{font-size: 16px;} .view.nuestra-historia .ranking .contenedor2 .info h4{font-size: 20px; } .view.atracciones .section1{min-height: 300px; height: 50vh; position: relative;} .view.atracciones .section1 .info{max-width: 300px;} .view.atracciones .section1 .info h1{font-size: 24px;} .view.atracciones .section1 .info h5{font-size: 14px; margin-top: 10px;} .view.atracciones .section1 .info .line{display: none;} .view.atracciones .section1 .info p.subtitulo{display: block; margin-bottom: 0;} .view.atracciones .section1 .info p{display: none;} .view.atracciones .section1 .info .border-btn{display: block; color: #fff; font-size: 16px; padding: 6px 16px; border-radius: 30px; border: solid 2px #fff; letter-spacing: 2px; position: absolute; bottom: 40px; left: calc(50% - 80px);} .view.atracciones .section-sm{min-height: 50vh; display: flex; align-items: center; justify-content: center;} .view.atracciones .section-sm p{padding: 60px 40px; text-align: center; margin-bottom: 0;} .view.atracciones .section3 .atracciones .atraccion .cont-int{margin-top: 40px;} .view.atracciones .section3 .atracciones .atraccion .info h4{font-size: 10px; margin: 0; letter-spacing: 1.5px;} .view.atracciones .section3 .atracciones .atraccion .basic-btn{font-size: 14px; min-width: 130px; text-align: center;} .view.atracciones .section3 .atracciones .atraccion2 .imagen{height: 50vh; min-height: 300px;} .view.eventos .section1 .contenedor1{min-height: 320px;} .view.eventos .section1 .contenedor1 .info h1{font-size: 22px;} .view.eventos .section1 .contenedor1 .info h4{font-size: 16px;} .view.eventos .section1 .contenedor1 .info p{margin: 4px 0 14px 0;} .view.eventos .section2{padding: 80px 0;} .view.eventos .section2 .contenedor2 .cont .month-selector .owl-nav .owl-prev{left: -10px;} .view.eventos .section2 .contenedor2 .cont .month-selector .owl-nav .owl-next{right: -10px;} .view.eventos .section2 .contenedor2 .cont .month-selector .basic-btn{width: 100%;} .view.eventos .section2 .contenedor2 .cont .month-selector .basic-btn{width: 100px; font-size: 14px; padding: 6px 10px 2px 10px;} .view.eventos .section1 .contenedor1 .info .basic-btn{font-size: 16px; bottom: 30px; left: calc(50% - 60px);} .view.eventos .section3 .eventos .info{margin: 30px 20px !important;} .view.eventos .section3 .eventos .info p{font-size: 14px;} .view.eventos .section3 .eventos .info .main-info p{font-size: 12px;} .view.eventos .section3 .eventos .info .basic-btn{margin-top: -50px; font-size: 16px;} .view.evento-detalle .banner{min-height: 300px; height: 50vh;} .view.evento-detalle .contenedor1 .titulo h1, .view.evento-detalle .especificaciones .titulo h1{font-size: 30px;} .view.evento-detalle .contenedor1 .titulo h4, .view.evento-detalle .especificaciones .titulo h4, .view.evento-detalle .especificaciones p{font-size: 16px;} .view.evento-detalle .contenedor1 .descripcion p{font-size: 16px;} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector .owl-nav .owl-prev{left: -10px;} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector .owl-nav .owl-next{right: -10px;} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector .basic-btn{width: 100%;} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector .basic-btn{width: 100px; font-size: 14px; padding: 6px 10px 2px 10px;} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector .owl-nav .owl-prev{left: -10px;} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector .owl-nav .owl-next{right: -10px;} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector .basic-btn{width: 100%;} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector .basic-btn{width: 100px; font-size: 14px; padding: 6px 10px 2px 10px;} .view.evento-detalle .contenedor1 .cont .descripcion p .basic-btn{width: 100%;} .view.evento-detalle .contenedor1 .cont .descripcion p .basic-btn{width: 100px; font-size: 14px; padding: 6px 10px 2px 10px;} .view.planea-tu-visita .section1 .contenedor1 .titulo h1{font-size: 22px;} .view.planea-tu-visita .section1 .contenedor1 .titulo h4{font-size: 14px;} .view.planea-tu-visita .section2 .titulo h1{font-size: 26px; margin-bottom: 16px;} .view.planea-tu-visita .section2 .titulo h5{font-size: 14px;} .view.planea-tu-visita .section3 .titulo h1{font-size: 26px;} .view.planea-tu-visita .section3 .titulo h5{font-size: 14px;} /* .view.planea-tu-visita-detalle .section3 .elige-actividad .owl-nav button{} */ /* .view.planea-tu-visita-detalle .section3 .elige-actividad .basic-btn{max-width: 150px; height: 60px; display: flex; align-items: center; justify-content: center;} */ .view.planea-tu-visita-detalle .section1 .contenedor1{min-height: 300px; height: 50vh;} .view.planea-tu-visita-detalle .section2 .info h2{font-size: 20px;} .view.planea-tu-visita-detalle .section2 .info p{font-size: 14px;} .view.planea-tu-visita-detalle .section2 .info p br{display: none;} .view.planea-tu-visita-detalle .section2 .info .halves{display: block;} .view.planea-tu-visita-detalle .section2 .info .half1{margin: 0; margin-bottom: 10px;} .view.planea-tu-visita-detalle .section2 .info .half2{margin: 0;} .view.planea-tu-visita-detalle .section2 .info .halves p{text-align: center;} .view.planea-tu-visita-detalle .section2 .info .halves p br{display: block;} .view.planea-tu-visita-detalle .section2 .info .halves p strong br{display: none;} .view.planea-tu-visita-detalle .section3 .elige-actividad .buttons button{font-size: 14px; width: 125px; margin: 10px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .descripcion{font-size: 16px; padding: 0 20px;} .view.planea-tu-visita-detalle .section3 .elige-actividad .big{display: none;} .view.planea-tu-visita-detalle .section3 .elige-actividad .small{display: block; font-size: 100%;} .view.planea-tu-visita-detalle .section3 .elige-actividad .small strong{font-family: 'TextFontBold'; letter-spacing: 2px; font-size: 14px;} .view.planea-tu-visita-detalle .section3 .eventos .info{margin: 30px 20px !important;} .view.planea-tu-visita-detalle .section3 .eventos .info p{font-size: 14px;} .view.planea-tu-visita-detalle .section3 .eventos .info .main-info p{font-size: 12px;} .view.planea-tu-visita-detalle .section3 .eventos .info .basic-btn{margin-top: 0px; font-size: 16px;} .view.espacios .section1 .contenedor1 .titulo h1{font-size: 22px;} .view.espacios .section1 .contenedor1 .titulo h4{font-size: 14px;} .view.espacios .section2 .espacios .info{margin: 20px; text-align: right;} .view.espacios .section2 .espacios .info h2{font-size: 16px; text-align: left;} .view.espacios .section2 .espacios .info p{width: 100%; font-size: 14px; text-align: left;} .view.espacios .section2 .espacios .info .basic-btn{font-size: 14px; padding: 6px 10px 2px 10px; float: none;} .view.parqueecologico .section1 .contenedor1 .titulo h1{font-size: 40px;} .view.parqueecologico .section1 .contenedor1 .titulo h4{font-size: 15px;} .view.parqueecologico .section2 .parqueecologico .info{margin: 20px;} .view.parqueecologico .section2 .parqueecologico .info h2{font-size: 16px; text-align: left;} .view.parqueecologico .section2 .parqueecologico .info p{width: 100%;} .view.parqueecologico .section2 .parqueecologico .info .basic-btn{font-size: 14px; padding: 6px 10px 2px 10px; float: none;} .view.parqueecologico .section1 .contenedor1 .titulo{text-shadow: 1px 1px #000;} .view.arquitecturas .section1 .contenedor1 .titulo h1{font-size: 22px;} .view.arquitecturas .section1 .contenedor1 .titulo h4{font-size: 14px;} .view.arquitecturas .section2 .arquitecturas .info{margin: 20px; text-align: right;} .view.arquitecturas .section2 .arquitecturas .info h2{font-size: 16px; text-align: left;} .view.arquitecturas .section2 .arquitecturas .info p{width: 100%; font-size: 14px; text-align: left;} .view.arquitecturas .section2 .arquitecturas .info .basic-btn{font-size: 14px; padding: 6px 10px 2px 10px; float: none;} .view.contribuye .section1 .contenedor1 .titulo h1{font-size: 28px;} .view.contribuye .section1 .contenedor1 .titulo h4{font-size: 16px;} .view.contribuye .section1 .contenedor1 .titulo .basic-btn{font-size: 16px;} .view.contribuye .section2 .cont{margin-top: 100px;} .view.contribuye .section2 .cont .element.element3 p{margin-left: 20px; margin-top: 40px;} .view.contribuye .section2 .cont .element.element4{left: 50px;} .view.contribuye .section2 .cont .element.element6{right: 40px; bottom: -40px;} .view.contribuye .section2 .cont .element.element7{left: calc(50% - 80px); bottom: -40px;} .view.contribuye .section2 .basic-btn{font-size: 16px;} .view.transparencia .contenedor1 .titulo h1{font-size: 28px;} .view.transparencia .contenedor1 .titulo h2{font-size: 18px;} .view.transparencia .contenedor1 .titulo .basic-btn{font-size: 16px;} .view.atracciones-childs .big{display: none;} .view.atracciones-childs .small{display: block;} .view.atracciones-childs .banner{min-height: 300px; height: 50vh; position: relative;} .view.atracciones-childs .banner .titulo{max-width: 300px;} .view.atracciones-childs .banner .titulo h1{font-size: 30px;} .view.atracciones-childs .banner .border-button{position: absolute; left: calc(50% - 68px); border-radius: 20px; color: #fff; font-size: 16px; border: 2px solid #fff; padding: 4px 20px; letter-spacing: 1px; bottom: 30px;} .view.atracciones-childs .banner .border-button:hover{text-decoration: none;} .view.atracciones-childs .contenedor1{margin-top: 0;} .view.atracciones-childs .contenedor1 .small.desc{padding: 40px 20px; text-align: center;} .view.atracciones-childs .contenedor1 .small.desc h3{font-size: 18px; margin-bottom: 0px; font-family: 'TextFontLight'; text-align: center; color: #7aa14d;} .view.atracciones-childs .contenedor1 .small.desc .coleccion{font-style: italic; font-family: 'TextFontLight'; font-size: 14px;} .view.atracciones-childs .contenedor1 .small.desc .descripcion{font-family: 'TextFont'; font-size: 16px; line-height: 24px; margin-top: 10px; margin-bottom: 0;} .view.atracciones-childs .contenedor1 .item-group{margin-right: -20px; margin-left: -20px} .view.atracciones-childs .contenedor1 .item-group .columna{flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0;} .view.atracciones-childs .contenedor1 .item-group .item{max-width: none;} .view.atracciones-childs .contenedor1 .item-group .item h4{padding: 0 20px;} .view.atracciones-childs .contenedor1 .item-group .item p{padding: 0 20px;} .view.coleccion-botanica .banner .border-button{padding: 2px 10px; left: calc(50% - 84px);} .view.arquitecturas .banner .border-button{padding: 2px 10px; left: calc(50% - 84px);} .view.arquitecturas .seccion2 .contenedor0{margin-top: 0;} .view.arquitecturas .seccion2 .contenedor0{padding: 40px 20px; text-align: center;} .view.arquitecturas .seccion2 .contenedor0 h3{font-size: 18px; margin-bottom: 0px; font-family: 'TextFontLight'; text-align: center; color: #7aa14d;} .view.arquitecturas .seccion2 .contenedor0 .coleccion{font-style: italic; font-family: 'TextFontLight'; font-size: 14px;} .view.arquitecturas .seccion2 .contenedor0 .descripcion{font-family: 'TextFontLight'; font-size: 16px; line-height: 24px; margin-top: 10px; margin-bottom: 0;} .view.unete .section1{padding-bottom: 120px;} .view.unete .titulo h3{font-size: 26px;} .view.unete .titulo h1{font-size: 36px;} .view.unete .contenedor1 .columna .cont .buttons .basic-btn{width: 98%px} .view.sociedad-botanica .section1 .titulo{padding-top: 120px;} .view.sociedad-botanica .section1 .titulo h1{font-size: 30px; margin-bottom: 10px;} .view.sociedad-botanica .section1 .titulo p{font-size: 18px;} .view.sociedad-botanica .section1 .cont .accion{display: block;} .view.sociedad-botanica .section1 .cont .accion h4{width: 100%; text-align: center; font-size: 14px; text-transform: uppercase; letter-spacing: 2px;} .view.sociedad-botanica .section1 .cont .accion p{width: 100%; text-align: center;} .view.sociedad-botanica .section1 .imagen{height: 300px;} .view.sociedad-botanica .section2 .titulo h1{font-size: 36px;} .view.sociedad-botanica .section2 .titulo p{font-size: 14px; text-align: center;} .view.sociedad-botanica .section2 .titulo p br{display: none;} .view.sociedad-botanica .section2 .fila1{padding-top: 20px; padding-bottom: 0;} .view.sociedad-botanica .section2 .fila1 .columna{width: 50% !important;} .view.sociedad-botanica .mision-y-vision .contenedor3 .big{display: none;} .view.sociedad-botanica .mision-y-vision .contenedor3 .small{display: block; padding: 10px 0;} .view.sociedad-botanica .mision-y-vision .contenedor3 .small .cont-sm{height: 260px; display: flex; align-items: center; justify-content: center; padding: 0;} .view.sociedad-botanica .mision-y-vision .contenedor3 .small .carousel-indicators li{background-color: #7aa14d; width: 10px; height: 10px; border-radius: 50%;} .view.sociedad-botanica .mision-y-vision .contenedor3 .mision, .view.sociedad-botanica .mision-y-vision .contenedor3 .vision{padding: 40px; max-width: 310px; margin: auto; display: block;} .view.sociedad-botanica .mision-y-vision .contenedor3 h2{text-align: center; text-transform: uppercase; color: #7aa14d; font-family: 'MainFont'; font-size: 20px; margin-bottom: 10px;} .view.sociedad-botanica .mision-y-vision .contenedor3 p{color: #000; font-family: 'TextFont'; font-size: 14px; margin-bottom: 0; text-align: center; letter-spacing: 1px;} .view.formulario .big{display: none;} .view.formulario .small{display: block;} .view.formulario .section1{padding-top: 100px;} .view.formulario .section1 .titulo h1{font-size: 36px;} .view.formulario .section1 form{padding: 30px 20px;} .view.formulario .section1 form .columna.half-left, .view.formulario .section1 form .columna.half-right{padding:10px 0;} .view.formulario .section1 form .buttons .basic-btn, .view.formulario .section1 form .buttons .border-btn{margin: auto; margin-top: 20px;} .view.formulario .section1 form .columna.half-right.fourth{padding-right: 0;} .view.formulario .section1 form .columna.half-left.fourth{padding-left: 0;} .formulario-respuesta .titulo h1{font-size: 36px;} footer{padding: 40px 0; padding-bottom: 20px;} footer .cont.big{display: none;} footer .cont.small{display: block;} footer .cont .f-cont{display: flex; position: relative;} footer .cont .f-cont .derechos{font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #FFF;} footer .cont .f-cont .reglamentos{font-size: 10px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 100px; color: #FFF;} footer .cont .direccion{font-size: 8px; margin-top: 16px; margin-bottom: 0; position: absolute; bottom: 0; padding-bottom: 30px; color: #FFF;} } @media (max-width: 480px) { .view.inicio .section1 .down{font-size: 40px;} .view.contribuye .section2 .cont .element img{max-width: 80px;} .view.contribuye .section2 .cont .element p{font-size: 12px;} .view.contribuye .section2 .cont .element.element1{top: -40px; left: 40px;} .view.contribuye .section2 .cont .element.element1 p{margin-left: 10px;} .view.contribuye .section2 .cont .element.element2{top: -40px; right: 40px;} .view.contribuye .section2 .cont .element.element3{left: 40px; top: -50px;} .view.contribuye .section2 .cont .element.element3 p{margin-left: 50px; margin-top: 95px;} .view.contribuye .section2 .cont .element.element4{bottom: -200px; left: 0; left: calc(50% - 145px);} .view.contribuye .section2 .cont .element.element4 p{margin-right: 10px;} .view.inicio .section7 .titulo input{margin-bottom: 20px;} footer .cont .f-cont .reglamentos{font-size: 10px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 100px;} footer .cont .direccion{font-size: 8px; margin-top: 16px; margin-bottom: 0; position: absolute; bottom: 0; padding-bottom: 30px;} } @media (max-width: 414px) { .view.encounter .section2 .contenedor2 .contenido-reserva-box1{padding: 20px 5px;} .view.encounter .section2 .contenedor2 .contenido-reserva-box1 p {font-size: 20px; line-height: 26px;} .view.encounter .section2 .contenedor2 .contenido-reserva-box1 button {padding: 10px 15px;} .view.encounter .section2 .contenedor2 .contenido-reserva-box2{padding: 20px 5px;} .view.encounter .section2 .contenedor2 .contenido-reserva-box2 p {font-size: 20px; line-height: 26px;} .view.encounter .section2 .contenedor2 .contenido-reserva-box2 button {padding: 10px 15px;} .view.encounter .section2 .contenedor2 .contenido-reserva-box2 {background-size: 105px;} } @media (max-width: 400px) { .view.contribuye .section2 .cont .element.element3 p{margin-left: 10px; margin-top: 85px;} footer .cont .f-cont .reglamentos{font-size: 10px; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 80px;} footer .cont .direccion{font-size: 8px; margin-top: 16px; margin-bottom: 0; position: absolute; bottom: 0; padding-bottom: 10px;} } @media (max-width: 350px) { header .menu-list ul{padding: 40px 60px;} header .menu-list ul .social{margin-bottom: 15px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .detail img{width: 100px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .detail .number{width: 100px; height: 100px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .detail .number{font-size: 34px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .info{padding-left: 14px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .info h4{font-size: 16px; margin-bottom: 10px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .info p{font-size: 14px;} .view.nuestra-historia .contenedor1 .tiempo .info-group .info p .name{font-size: 14px;} .view.eventos .section2 .contenedor2 .cont .month-selector .basic-btn{width: 90px;} .view.evento-detalle .contenedor1 .cont .descripcion .month-selector .basic-btn{width: 90px;} .view.evento-detalle .contenedor1 .cont .descripcion .day-selector .basic-btn{width: 90px;} .view.evento-detalle .contenedor1 .cont .descripcion p .basic-btn{width: 90px;} .view.planea-tu-visita .section3 .contenedor5 .escolaridad .titulo{margin-left: 20px;} .view.planea-tu-visita .section3 .contenedor5 .escolaridad .basic-btn{margin-right: 20px;} .view.contribuye .section2 .cont .element.element3{left: 20px;} .view.contribuye .section2 .cont .element.element3 p{margin-left: 10px; margin-top: 80px;} } .owl-nav { display: none; }