/* diseño,montaje html y front-end UX/UI por Rafael Olea contacto@rafelolea.cl www.rafaelolea.cl */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Outfit:wght@100..900&display=swap');

body {background: url(../images/header-flor.png) right top no-repeat; font-family: "Outfit", sans-serif;}
a:hover {text-decoration: none;}
.btn {font-size: 17px; font-weight: 500; padding: 10px 30px; border-radius: 0px;}
.btn-outline-danger {color: #6e1f38; border-color:#6e1f38}
.btn-outline-danger:hover {background-color: #e1b3c2; }
.btn-light {color: #6e1f38;}
.btn-light:hover {background: #2e7d60; color: #ffffff; border-color: #2e7d60; }
.btn-success {background-color: #2e7d60; color: #ffffff; border-color: #2e7d60;}
.btn-success:hover {background: #000000; color: #ffffff; border-color: #000000; }
.form-check {margin: .5em 0;}
p {font-size: 1.3em; color:#575957; font-weight: 300;}
p span {color:#6e1f38;}
p strong {font-weight: 600;}
h1, h2, h3 {color: #575957; font-size: 2.7em; font-weight: 400;}
h2 {font-size: 2em; text-transform: uppercase; font-weight: 100;}
h1 {font-size: 1.3em;}
hr {background-color: #eeeeee;}

.menu-navigation {-webkit-box-shadow: 0px 9px 32px 0px rgba(222, 222, 222, 1); -moz-box-shadow: 0px 9px 32px 0px rgba(222, 222, 222, 1); box-shadow: 0px 9px 32px 0px rgba(222, 222, 222, 1);}
.header-contenido {margin-bottom:100px;}
.header-onecatering {text-align: right; margin-top:150px;}
.header-onecatering img {margin-bottom: 20px;}
.boton-header {margin-top: 50px;}
.boton-header .btn {margin-right: 20px;}

.titulos {background: url(../images/linea-gris.png) center no-repeat; padding-bottom:50px; margin-top:80px;}
.titulo-contacto {background: url(../images/linea-blanca.png) center no-repeat; padding-bottom:50px;}

.nosotros {padding:25px; transition: box-shadow .3s; min-height:230px; margin-bottom: 30px;}
.nosotros:hover {background:#fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(196,196,196,1); -moz-box-shadow: 0px 5px 20px 0px rgba(196,196,196,1); box-shadow: 0px 2px 5px 2px #f4e0e6;}
.nosotros p {font-size: 1.2em; font-weight: 200;}
.nosotros-titulos {display:flex;}
.nosotros-titulos h3 {color:#6e1f38; font-size:20px;}
.nosotros-titulos p {font-size: 1.1em; font-weight: 200;}
.nosotros-titulos img {margin-right: 5px;}

.servicios {padding:25px; background:#fdf8f2; min-height:280px; margin-bottom: 30px;}
.servicios:hover {background:#f8f0e7;}
.servicios h3 {font-size: 20px; text-transform: uppercase;}
.servicios p {font-size: 1.2em; line-height: 24px;}

.cta-contacto {background: #6e1f38; min-width:720px; max-width: 900px; padding:30px; color:#ffffff; margin-top: 100px; margin-left: auto; margin-right: auto;}
.cta-contacto h3, .cta-contacto p {color:#ffffff;}
.cta-contacto h3 {font-size:1.5em;}

.comentarios {max-width: 900px; margin-left: auto; margin-right: auto;}
.caja-comentarios {padding: 30px; background:#f3f1ef; min-height: 300px; position:relative; margin:30px; margin-left:40px; margin-right:40x; align-content: center;}
.caja-comentarios-icon {position:absolute; left:45%; right:45%; top:-20px; }
.caja-comentarios p {color:#6e1f38; font-size: 1.1em;}

.galeria-contendor a {position: relative; margin:15px auto;}
.foto-galeria {position: absolute; bottom: 0; left:0; right:0; background: url(../images/fondo-galeria-textos.png) repeat-x top; padding-bottom:0px; height:80px; }
.foto-galeria p {font-size: 1.2em; padding: 20px 30px 0px 30px; color: #ffffff; line-height:20px;}
.footer-contenedor {background: #ffffff; border:1px solid #dddddd; padding: 40px; margin-top:200px;}
.footer-contenedor p {font-size: 1.1em; font-weight:400; line-height: 22px; }
.footer-contenedor img {margin-bottom: 10px;}

.footer-derecho {text-align: right;}

.logo img {max-width: 170px; height:auto;}
.h-contactos {text-align: right; margin-right: 15px; padding-top: 5px;}
.h-contactos a {color:#fff; margin-left: 10px; font-weight: 600;}
.h-contactos a:hover {color: #e69824;}
.texto-grande {font-size: 1.5em;}
.titulo-1 {background: url(../images/linea-verde.jpg) left bottom no-repeat; padding-bottom: 10px; margin-bottom: 20px;}
.titulo-2 {background: url(../images/linea-blanca.jpg) center bottom no-repeat; padding-bottom: 10px; margin-bottom: 20px;}
.titulo-3 {background: url(../images/linea-verde.jpg) right bottom no-repeat; padding-bottom: 10px; margin-bottom: 20px;}
/* >> MENU << */
.menu-sitio {max-width: 88%; margin: 0 auto;}
.menu-principal { margin:0; }
.menu-principal-mensaje {margin: 1.5em 0;}
.menu-principal-mensaje img {width: 300px; height: auto; padding: 15px; margin: 0 auto; display: block; text-align: center;}

/* >> BODY << */

.productos-items {padding: 1em 0;}
.productos-items h2 {color: #2757b7; font-weight: 300; font-size: 1.3em;  margin-top: 15px;}
.productos-items h2 span {font-weight: 600;}
.productos-items img {max-width: 120px;}
.galeria-contenedor {}
.galeria-contenedor h2, .galeria-contenedor p {}
.galeria-contenedor p {}
.galeria-fotos div {padding: 0;}
.imagen-las-perdices {position: relative;}
.imagen-arandano img {position: absolute; bottom: -60px; right: -20px;}
.modal-title {color:#549759;}
.form-consulta {padding: 0;}
/* >> VARIOS << */

/* swiper carrusel */
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.contacto-contenido {background: #ffffff; padding: 0;}
.contacto-enlace img {margin-top: 2em;}
.contacto-enlace p {font-size: 1.8em;}
.contacto-enlace a {color:#fff;}
.contacto-enlace a:hover {color:#e69824;}
.rafael a {text-align: right; font-size: .9em; float: right; color: #17581b; text-decoration:none;}
.rafael a:hover {color: #fff;}
/* >> FOOTER << */
footer {background: url(../images/footer-fondo.png) bottom left no-repeat; padding: 0px 0 50px 0; margin-top: 30px; }
.formularios-internos {max-width: 1350px; margin: 0 auto; background:#9FAAD7 url(../images/fondo-formulario.jpg) center top no-repeat; padding: 1em; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.formularios-internos h2 {color: #fff;}
.formularios-internos p {max-width: 80%; margin: 2em auto; color:#fff;}
.contacto-caja {width: 93%; margin:0 auto;}
.contacto-caja label {color: #6e1f38;}
.fondo-confirma {background: #6e1f38; }
.logo-confirma {text-align: center; margin: 7em 0;}
.logo-confirma img {max-width: 200px;}
.mensaje-correo {max-width: 80%; margin:5em auto;}
.mensaje-correo h2 strong {color:#559759;}

/* >>> >>> MEDIA QUERIES <<< <<< */
@media (max-width: 1380px) {
    .productos-items h2 {font-size:1.2em;}
    .menu-sitio {max-width: 100%; margin: 0 auto;}

    .servicios {min-height: 250px;}

}
@media (max-width: 992px) {
    .productos-items h2 {font-size: 1em;}
    .productos-items img {max-width: 80px; margin: .5em auto;}
    .equipo-integrante h2 {font-size: 1em; height: 40px;}
    .logo {display: block; text-align: center; margin: 0;}
    .nav-menu > ul {justify-content: center !important;}
    video {width:70%; height: auto; margin:0 auto; display: block;}
    .formularios-internos {max-width: 100%; }
    textarea.form-control{ height: 150px;}

    .cta-contacto {min-width:auto;}
    .footer-derecho {text-align: center;}
    .footer-contenedor img {margin-bottom: 10px;}
    .textos-centrados {text-align: center;}
}
@media (max-width: 768px) {
    .rafael a {text-align: center; float: none; margin: 2em auto 0 auto; display: block;}
    .productos-items h2 {font-size: 1em;}
    .equipo-integrante h2, .equipo-integrante p {font-size: 1em;}
    .equipo-integrante img {max-width: 150px;}
    .h-contactos {text-align: center;}
    header {padding-bottom: 0;}
    .h-contactos a {margin-bottom: 10px; display: inline-block;}
    .formularios-internos {max-width: 100%; background:#9FAAD7 url(../images/fondo-formulario.jpg) center bottom no-repeat; }
    .equipo-integrante img {border: 5px solid #fff;}
    .imagen-arandano img {width: 250px;}

    .foto-galeria p {padding-top: 5px;}
    .cta-contacto {margin-top: 0;}
    .header-onecatering {text-align: center; padding: 0px 40px 0 40px;}
    body {background: url(../images/header-flor-mini.png) right top no-repeat; }
    .boton-header .btn {margin-right: 0;}
    .boton-header span {display: inline-block; margin-top:20px;}

 }
@media (max-width: 576px) {
    .productos-items {text-align: center; padding: 0 0 10px 0; }
    .productos-items h2 {font-size: 1.2em; max-width: 100%; text-align: center; margin: 0 auto;}
    .productos-items img {min-width: 60px;}
    .productos-retail h3 {font-size: 1em; text-align: center; width: 100px;}
    .equipo {margin: 2em 0;}
    .productos-box {padding: 1.5em 0;}
    .nosotros-contenedor {padding: 1.5em 0 !important;}
    .f-menu {margin-bottom: 1em !important;}
    .contacto-enlace img {max-width: 60px;}
    .equipo-integrante img {border:1px solid #fff;}
    .logo {display: block; text-align: center; margin: 0;}
    .logo img {max-width: 100px; margin: 10px auto;}
    .nav-menu a {display: inline-block !important;}
    .nav-menu {margin: 0 auto !important;}
    .h-contactos {display: none !important;}
    .formularios-internos {max-width: 100%; }
    .header-contacto {text-align: center; }
    .equipo-contacto p a {font-size: .8em;}
    .equipo-integrante h2 {height: auto;}
    .productos-contenedor {margin: 1em 0;}
    .productos-retail {margin: 2em auto 1em auto;}
    .productos-retail h3 {top:-15px}
    .imagen-arandano img {width: 170px;}
    .contacto-contenido {padding: 0 0 4em 0;}
    .galeria-contenedor p {max-width: 100%;}
    .formularios-internos p {max-width: 90%;}
    .nosotros {min-height: auto; margin-bottom: 10px;}
    .foto-galeria p {padding: 20px 30px 0px 30px}
    .titulo-2 {margin-bottom: 0;}


}

/* Efectos animación imágenes Hover */
/* Grow */
.hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.04); transform: scale(1.04); }
/* Shrink */
.hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.95); transform: scale(0.95); }