@charset "UTF-8";
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

/*@import url(https://db.onlinewebfonts.com/c/76e8830038ab225cdb852f902d207c72?family=DINNeuzeitGroteskLTW01-Lt);
@import url(https://db.onlinewebfonts.com/c/bb2e1211dfd31103079dbce7c49e1d4e?family=DINNeuzeitGroteskLTW01-BdCn);
@import url(https://db.onlinewebfonts.com/c/f6a8b2423790ec81bbbd18662bbc7f03?family=BelindaW00-Regular);*/

@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Condensed&family=Ubuntu+Mono&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root{
    --bs-cool:#0267b2;
    --bs-cool-hover:#025A9C;
    --bs-cool-active:#024D85;
    --bs-cool-shadow:#01406F;
    --bs-vida:#CD197C;
    --bs-vida-hover:#B3166D;
    --bs-vida-active:#9A135D;
    --bs-vida-shadow:#80104E;
    --bs-cool-rgb:2, 103, 178;
    --bs-cool-light-rgb:129, 179, 216;
    --bs-vida-light-rgb:230, 140, 190;
    --bs-gris-rgb:47, 46, 46;
    --bs-gris-light-rgb:112, 109, 109;
    --bs-font-ubuntu: 'Ubuntu', Roboto, sans-serif;
    --bs-ubuntu-font-family: var(--bs-font-ubuntu);
    --bs-font-ubuntuC: 'Ubuntu Condensed', Roboto, sans-serif;
    --bs-ubuntuC-font-family: var(--bs-font-ubuntuC);
    --bs-font-ubuntuM: 'Ubuntu Mono', monospace;
    --bs-ubuntuM-font-family: var(--bs-font-ubuntuM);
}

body {
  padding-top: 5.563rem;
  color: #5a5a5a;
}

#body{
    transition: 0.4s;
}

.bg-cool {
    background: #0267b2 linear-gradient(225deg,#0095d5,#0267b2) repeat-x!important;
}

.bg-gris {
    background: rgb(var(--bs-gris-rgb));
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.msg-vh-100{
    min-height: calc(100vh - calc(4rem + 1px) - calc(4rem + 1px));
}

/* NAVBAR
-------------------------------------------------- */

.navbar-cool .navbar-brand {
  color: rgba(var(--bs-gris-light-rgb));
}
.navbar-cool .navbar-brand:hover, .navbar-cool .navbar-brand:focus {
  color: rgba(var(--bs-gris-light-rgb));
}
.navbar-cool .navbar-nav .nav-link, .modal .navbar-nav .nav-link {
  color: rgba(var(--bs-gris-rgb));
}
.navbar-cool .navbar-nav .nav-link:hover, .navbar-cool .navbar-nav .nav-link:focus, .modal .navbar-nav .nav-link:hover, .modal .navbar-nav .nav-link:focus {
  color: rgba(var(--bs-cool-rgb));
}
.navbar-cool .navbar-nav .nav-link.disabled, .modal .navbar-nav .nav-link.disabled {
  color: rgba(var(--bs-gris-rgb), 0.3);
}
.navbar-cool .navbar-nav .show > .nav-link,
.navbar-cool .navbar-nav .nav-link.active {
  color: rgba(var(--bs-gris-light-rgb));
}
.navbar-cool .navbar-toggler {
  color: rgba(var(--bs-gris-rgb));
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-cool .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2847, 46, 46%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-cool .navbar-text {
  color: rgba(var(--bs-gris-rgb));
}
.navbar-cool .navbar-text a,
.navbar-cool .navbar-text a:hover,
.navbar-cool .navbar-text a:focus {
  color: rgba(var(--bs-gris-light-rgb));
}

.navbar-collapse {
    display: none;
}

.navbar{
    top: 31px;
    transition: 0.4s;
}

.dropdown-item.active, .dropdown-item:active {
  background-color:  rgba(var(--bs-cool-rgb));
}

.modal button{
  position: fixed;
  z-index: 1;
  right: 35px;
}

.modal img {
  position: relative;
}

.top-desc{
    z-index: 1031;
    transition: 0.4s;
}

/* BTN
-------------------------------------------------- */

.btn-cool {
  color: #fff;
  background-color: var(--bs-cool);
  border-color: var(--bs-cool);
}
.btn-cool:hover {
  color: #fff;
  background-color: var(--bs-cool-hover);
  border-color: var(--bs-cool-active);
}
.btn-check:focus + .btn-cool, .btn-cool:focus {
  color: #fff;
  background-color: var(--bs-cool-hover);
  border-color: var(--bs-cool-active);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-cool-light-rgb), 0.5);
}
.btn-check:checked + .btn-cool, .btn-check:active + .btn-cool, .btn-cool:active, .btn-cool.active, .show > .btn-cool.dropdown-toggle {
  color: #fff;
  background-color: var(--bs-cool-active);
  border-color: var(--bs-cool-shadow);
}
.btn-check:checked + .btn-cool:focus, .btn-check:active + .btn-cool:focus, .btn-cool:active:focus, .btn-cool.active:focus, .show > .btn-cool.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-cool-light-rgb), 0.5);
}
.btn-cool:disabled, .btn-cool.disabled {
  color: #fff;
  background-color: var(--bs-cool);
  border-color: var(--bs-cool);
}

.btn-vida {
  color: #fff;
  background-color: var(--bs-vida);
  border-color: var(--bs-vida);
}
.btn-vida:hover {
  color: #fff;
  background-color: var(--bs-vida-hover);
  border-color: var(--bs-vida-active);
}
.btn-check:focus + .btn-vida, .btn-vida:focus {
  color: #fff;
  background-color: var(--bs-vida-hover);
  border-color: var(--bs-vida-active);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-vida-light-rgb), 0.5);
}
.btn-check:checked + .btn-vida, .btn-check:active + .btn-vida, .btn-vida:active, .btn-vida.active, .show > .btn-vida.dropdown-toggle {
  color: #fff;
  background-color: var(--bs-vida-active);
  border-color: var(--bs-vida-shadow);
}
.btn-check:checked + .btn-vida:focus, .btn-check:active + .btn-vida:focus, .btn-vida:active:focus, .btn-vida.active:focus, .show > .btn-vida.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-vida-light-rgb), 0.5);
}
.btn-vida:disabled, .btn-vida.disabled {
  color: #fff;
  background-color: var(--bs-vida);
  border-color: var(--bs-vida);
}

.border-cool {
  border-color: var(--bs-cool) !important;
}

.bg-opacity-90 {
  --bs-bg-opacity: 0.9;
}

.form-control{
  color: rgb(var(--bs-gris-rgb));
}

/* TIPOGRAFIAS
-------------------------------------------------- */

/* DIN Neuzeit Grotesk LT W01 Lt */
.font6{
    font-family: var(--bs-ubuntuC-font-family);
    font-size: 18px;
    line-height: 1.4em;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
  font-family: var(--bs-ubuntu-font-family);    
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

.carousel-item .banner {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

.white-with-blue-shadow {
   text-shadow: 1px 1px 2px rgb(var(--bs-gris-rgb)), 0 0 1em rgb(var(--bs-cool-rgb)), 0 0 0.2em rgb(var(--bs-cool-rgb));
    
}

.t-shadow{
    text-shadow: 2px 2px 4px rgb(47, 46, 46);
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .cat {
  margin-bottom: 1.5rem;
  text-align: center;
}

.marketing .cat h2, .marketing .cat h4{
  font-family: var(--bs-ubuntuC-font-family);
  line-height: 1.5em;
}

.marketing .cat p {
  font-family: var(--bs-ubuntu-font-family);
  font-size: 14px;
  line-height: 1.6em; 
  letter-spacing:0.01em;
}

/* rtl:begin:ignore */
.marketing .cat p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */

.btn.btn-flat {
    border-radius: 0;
    border-width: 1px;
    box-shadow: none;
}

/* Featurettes
------------------------- */

.menu-productos{
  font-family: var(--bs-ubuntu-font-family);
}

.menu-productos div.card{
  height: 275px;
}

.menu-productos div.card h2{
  font-family: var(--bs-ubuntuC-font-family);
  margin-bottom: 0;
}

/* Featurettes
------------------------- */

.featurette, footer, #top-desc{
  font-family: var(--bs-ubuntu-font-family);
}

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}

.featurette h2 .text-muted{
  color: #0dcaf0!important;
}

.featurette h2.featurette-heading{
  text-shadow: 2px 2px 4px rgb(0 0 0 / 30%);
}

/* Politiva de Privacidad
------------------------- */
.avisoPrivasidad{
    font-family: var(--bs-ubuntu-font-family);
}

.avisoPrivasidad .font-monospace{
    font-family: var(--bs-ubuntuM-font-family)!important;
}

.avisoPrivasidad .card{
    color: rgba(47, 46, 46);
    font-weight: 300;
}

.avisoPrivasidad .card-header h4{
    font-family: var(--bs-ubuntuC-font-family);
}

.avisoPrivasidad .card a.d-block{
    color: rgb(var(--bs-gris-rgb));
}

.avisoPrivasidad .card a:hover.d-block, .avisoPrivasidad .card a:focus.d-block{
    color: rgb(var(--bs-gris-light-rgb));
}

.avisoPrivasidad .card .card-body{
    padding: 1.25rem;
}

/* Featurettes
------------------------- */

.redes small{
    font-size: 12px;
}

.call-us{
    display: block;
    position: fixed;
    width: 85px;
    right: 20px;
    bottom: 50px;
    z-index: 999;
    text-align: center;
    font-size: 15px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.call-us a{
    padding: 15px;

}

.logoCool{
    background-image: url(../../img/logo_500x500.png);
    background-position: center;
    -webkit-background-size: 95% auto;
    background-size: 95% auto;
    background-repeat: no-repeat;
    width: 300px;
    height: 300px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}