body {
   font: 400 15px Lato, sans-serif;
   line-height: 1.8;
   color: #818181;
 }

 .selected:hover {
   background-color: #f6f6f6;
 }

 h2 {
   font-size: 24px;
   text-transform: uppercase;
   color: #303030;
   font-weight: 600;
   margin-bottom: 30px;
 }

 h4 {
   font-size: 19px;
   line-height: 1.375em;
   color: #303030;
   font-weight: 400;
   margin-bottom: 30px;
 }

 .jumbotron {
   background-color: black;
   color: #fff;
   padding: 100px 25px;
   font-family: Montserrat, sans-serif;
 }

 .container-fluid {
   padding: 60px 50px;
 }

 .bg-grey {
   background-color: #f6f6f6;
 }

 .logo-small {
   color: black;
   font-size: 50px;
 }

 .logo {
   color: black;
   font-size: 200px;
 }

 .thumbnail {
   padding: 0 0 15px 0;
   border: none;
   border-radius: 0;
 }

 .thumbnail img {
   width: 100%;
   height: 100%;
   margin-bottom: 10px;
 }

 .thu {
   padding: 0 0 15px 0;
   border: none;
   border-radius: 0;
 }

 .thu img {
   width: 40%;
   height: 40%;
   margin-bottom: 10px;
 }

 .carousel-control.right,
 .carousel-control.left {
   background-image: none;
   color: black;
 }

 .carousel-indicators li {
   border-color: black;
 }

 .carousel-indicators li.active {
   background-color: black;
 }

 .item h4 {
   font-size: 19px;
   line-height: 1.375em;
   font-weight: 400;
   font-style: italic;
   margin: 70px 0;
 }

 .item span {
   font-style: normal;
 }

 .panel {
   border: 1px solid black;
   border-radius: 0 !important;
   transition: box-shadow 0.5s;
 }

 .panel:hover {
   box-shadow: 5px 0px 40px rgba(0, 0, 0, .2);
 }

 .panel-footer .btn:hover {
   border: 1px solid black;
   background-color: #fff !important;
   color: black;
 }

 .panel-heading {
   color: #fff !important;
   background-color: black !important;
   padding: 25px;
   border-bottom: 1px solid transparent;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
 }

 .panel-footer {
   background-color: white !important;
 }

 .panel-footer h3 {
   font-size: 32px;
 }

 .panel-footer h4 {
   color: #aaa;
   font-size: 14px;
 }

 .panel-footer .btn {
   margin: 15px 0;
   background-color: black;
   color: #fff;
 }

 .navbar {
   margin-bottom: 0;
   background-color: black;
   z-index: 9999;
   border: 0;
   font-size: 12px !important;
   line-height: 1.42857143 !important;
   letter-spacing: 4px;
   border-radius: 0;
   font-family: Montserrat, sans-serif;
 }

 .navbar li a,
 .navbar .navbar-brand {
   color: #fff !important;
 }

 .navbar-nav li a:hover,
 .navbar-nav li.active a {
   color: black !important;
   background-color: #fff !important;
 }

 .navbar-default .navbar-toggle {
   border-color: transparent;
   color: #fff !important;
 }

 footer .glyphicon {
   font-size: 20px;
   margin-bottom: 20px;
   color: black;
 }

 .slideanim {
   visibility: hidden;
 }

 .slide {
   animation-name: slide;
   -webkit-animation-name: slide;
   animation-duration: 1s;
   -webkit-animation-duration: 1s;
   visibility: visible;
 }

 @keyframes slide {
   0% {
     opacity: 0;
     transform: translateY(70%);
   }

   100% {
     opacity: 1;
     transform: translateY(0%);
   }
 }

 @-webkit-keyframes slide {
   0% {
     opacity: 0;
     -webkit-transform: translateY(70%);
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0%);
   }
 }

 @media screen and (max-width: 768px) {
   .col-sm-4 {
     text-align: center;
     margin: 25px 0;
   }

   .btn-lg {
     width: 100%;
     margin-bottom: 35px;
   }
 }

 @media screen and (max-width: 480px) {
   .logo {
     font-size: 150px;
   }
 }

 .flex-row {
   display: flex;
   flex-direction: row;
   justify-content: space-evenly;
   align-items: center;
 }

 #contact {
   color: white;
   background-image: url(images/atiko-1-1-black.png);
   margin: 0;
   height: 30vh;
   /* Para que ocupe toda la altura de la ventana */
   background-repeat: no-repeat;
   /* Evita que se repita la imagen */
   background-size: cover;
   /* Ajusta la imagen para cubrir todo el fondo */
   background-position: center;
   /* Centra la imagen */
 }

 .whatsapp-icon {
   position: sticky;
   bottom: 20px;
   left: 90%;
   background-color: #25D366;
   color: white;
   border-radius: 35%;
   padding: 15px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   text-align: center;
   font-size: 72px;
   transition: background-color 0.3s;
 }

 .whatsapp-icon:hover {
   background-color: #128C7E;
   /* Color más oscuro al pasar el mouse */
 }