@tailwind base;
@tailwind components;
@tailwind utilities;

.embla {
    overflow: hidden;
    height: 100vh;
  }
  .embla__container {
    display: flex;
  }
  .embla__slide {
    flex: 0 0 100%;
    min-width: 0;
  }

@font-face {
    font-family: 'Gotham Black';
    src: url('./images/fonts/Gotham-Black-Regular.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
   }

 .comillas {  font-family: 'Gotham Black', serif;
  color:#FE999B;
}
  
.bg-crimson-100 {
  background-color: #f52432; 
}

#overlay {
  background-color: rgba(220, 20, 60, 0.6); 
}

.border-dimgray {
  border-color: dimgray;
}

.shadow-custom {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.bg-crimson-200 {
  background-color: rgba(255, 79, 90, 0.2);
}

.text-darkslateblue {
  color: #483D8B;
}

.border-darkslateblue {
  border-color: #483D8B;
}

.shadow-service-card {
  box-shadow:
    -6.47px 17.86px 22px rgba(151, 71, 255, 0.17),
    -4.19px 11.58px 12.88px rgba(151, 71, 255, 0.13),
    -2.49px 6.88px 7.01px rgba(151, 71, 255, 0.1),
    -1.29px 3.57px 3.58px rgba(151, 71, 255, 0.09),
    -0.53px 1.46px 1.79px rgba(151, 71, 255, 0.07),
    -0.12px 0.33px 0.87px rgba(151, 71, 255, 0.04);
}

.menu-toggle {
  background: none;
  border: none;
  font-size: 1.5rem;
  padding: 1rem;
  cursor: pointer;
}

/* Dropdown para mobile */
.mobile-menu {
  display: none;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  position: absolute;
  top: 60px; /* ajusta según el alto del navbar */
  width: 100%;
  z-index: 1000;
}

.mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobile-menu ul li {
  border-bottom: 1px solid #ddd;
}

.mobile-menu ul li a {
  display: block;
  padding: 1rem;
  color: #333;
  text-decoration: none;
}

.mobile-menu ul li a:hover {
  background-color: #f2f2f2;
}