  <style>
        /* Fuente Bodoni Moda */
    body, .navbar-brand, .nav-link, h1, h2, h3, h4, h5, h6, p, a, button {
    font-family: "Bodoni Moda", serif !important;
    }
        /* Si quieres forzar las versales pequeñas */
    .smallcaps, .navbar-brand, .nav-link, h1, h2, h3, h4, h5, h6, p, a, button, .col-md-6 {
    font-variant: small-caps;
    letter-spacing: 1px;
    }

    .navbar {
      background-color: #403301 !important;
    }
    .navbar-brand, .nav-link {
      color: #C2B067 !important;
      font-weight: 600;
    }
    .nav-link:hover {
      color: #fff !important;
    }
    h2, h5 {
      color: #EFBF04;
      font-weight: 700;
    }
    /* Botones translúcidos */
    .btn-translucid {
      background-color: rgba(239, 191, 4, 0.2);
      border: 2px solid #EFBF04;
      color: #000;
      font-weight: 600;
      transition: all 0.3s ease-in-out;
    }
    .btn-translucid:hover {
      background-color: #EFBF04;
      color: #000;
    }
    /* Fondo con imagen */
    .section-bg {
    position: relative;
    background: url("img/servicios.jpg") no-repeat center center/cover;
    color: white;
    }

    /* Capa translúcida encima de la imagen */
    .section-bg .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); /* negro al 50%, puedes usar #EFBF04 con opacidad si prefieres */
    z-index: 1;
    }

    /* Aseguramos que el contenido quede arriba del overlay */
    .section-bg .container {
    position: relative;
    z-index: 2;
    }

    /* Estilo para las cards dentro de #servicios */
    #servicios .card {
    background-color: rgba(255, 255, 255, 0.7); /* blanco translúcido */
    border: none; /* opcional: quita borde gris de bootstrap */
    backdrop-filter: blur(5px); /* efecto de vidrio esmerilado */
    }

    #servicios h2 {
    color: #EFBF04;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    }

    #servicios .card-body p {
    color: #000; /* texto en negro */
    }


    /* Ajustes de texto */
    .section-bg h2, 
    .section-bg p {
    color: #fff;
    }

    /* Footer */
    footer {
      background-color: #EFBF04;
      color: #000;
      font-weight: 600;
    }
    /* Carousel captions sombra */
    .carousel-caption h2, 
    .carousel-caption p {
      text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
    }
  </style>