@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Playfair+Display:wght@900&display=swap');

*{margin:0; padding:0;}
body{font:16px 'Open Sans', sans-serif; color:#fff;}
h1, h2, h3, h4, h5, h6{font-family:'Playfair Display', serif; color:#111; /*color:#073220;*/}

.nav-item .nav-link{color:#111 !important; /*color:#7a998c !important;*/ text-align:center; text-transform:uppercase;}
.nav-item .nav-link:hover{color:#07a763 !important;}
.navbar-toggler{background:#7a998c;}

.titulo{font-size:48px; text-transform:uppercase;}
.titulo::after{content:""; display:block; width:10%; height:1px; background:#7a998c; margin:10px auto 0;}

.carousel-item{width:100%; height:calc(100vh - 96px);}
.carousel-caption{width:100%; top:0; bottom:0; left:0;}
.carousel-caption h2{color:#fff; font-size:64px; text-transform:uppercase;}
.carousel-caption p{font-size:32px;}
.carousel-caption .slider-item-1{animation-delay:1s;}
.slider-1{background:url(../imgs/slide1.jpg) no-repeat center; background-size:cover;}
.slider-2{background:url(../imgs/slide2.jpg) no-repeat center; background-size:cover;}
.slider-3{background:url(../imgs/slide3.jpg) no-repeat center; background-size:cover;}
.slider-4{background:url(../imgs/slide4.jpg) no-repeat center; background-size:cover;}
.slider-5{background:url(../imgs/slide5.jpg) no-repeat center; background-size:cover;}
.slider-6{background:url(../imgs/slide6.jpg) no-repeat center; background-size:cover;}

.quienes-somos{color:#111; /*color:#7a998c;*/}

.producto{text-align:center; position:relative; overflow:hidden; text-decoration:none; max-height:350px;}
.producto .banner-info{position:absolute; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:all 200ms;}
.producto .banner-info .banner-border{position:absolute; top:10px; left:10px; width:calc(100% - 20px); height:calc(100% - 20px); border:5px dashed transparent; transition:all 200ms;}
.producto .banner-info h3{color:#fff; margin-bottom:20px;}
.producto .banner-info span{background:#073220; color:#fff; padding:10px; width:50%; margin:0 auto;}
.producto .banner-info:hover{background:rgba(7,50,32,0.7);}
.producto .banner-info:hover .banner-border{border-color:rgba(255,255,255,0.7);}
.producto .banner-info:hover img{opacity:1;}

.servicios .green-bg{background:#073220; text-align:center; padding-bottom:150px;}
.servicios .green-bg h2{color:#fff;}
.servicios span{background:#073220; color:#fff; text-align:center; padding:10px; display:block; border-right:1px solid rgba(255,255,255,0.3); font-size:24px;}

.contacto{background:url(../imgs/contacto-bg.jpg) no-repeat center; background-size:cover; padding-bottom:90px;}
.contacto h2{color:#fff;}
.contacto p{text-align:center; margin-bottom:50px;}
.contacto form{background:#fff; padding:40px;}
.contacto .form-control{border:0; border-bottom:1px solid #e4ebe8; border-radius:0; padding-left:0; padding-right:0; font:16px 'Open Sans', sans-serif; color:#7a998c;}
.contacto textarea.form-control{resize:none;}
.contacto .form-control:focus{border-color:#7a998c; box-shadow:none;}
.contacto .btn{background:#07a763; color:#fff; border-radius:40px; padding:10px 80px; margin:0 auto; display:block; position:relative; top:64px; text-transform:uppercase;}
.contacto .btn:hover{background:#7a998c;}
.datos-contacto{margin-top:150px;}
.datos-contacto .fas, .datos-contacto .fab{display:block; margin-bottom:5px;}
.datos-contacto p{margin-bottom:30px;}

footer{background:#073220;}
footer .mapa{width:100%; height:400px; border:0;}

.datos-contacto a, footer .fab{color:#fff;}

.go-top{background:#073220; color:#fff; border:1px solid #7a998c; border-radius:8px; box-shadow:0 2px 3px rgba(0,0,0,0.5); display:none; padding:6px 10px; cursor:pointer; position:fixed; bottom:100px; right:30px; z-index:3;}

@media(min-width:1200px){
  .producto{max-height:530px;}
}