.colores{
    background-color:
    #2f464c
    #3a655c

    #ebcc93
    #e2b768
    #cd9e4d;
}
/* NAVBAR*/

.navbar-bg-gr{
    background-color: #3a655c;
}

#fdt-navbar img {
    /* margin:  10px 0px 10px 0px; */
    padding: 0px 20px 0px 0px;
}

#fdt-navbar .logo-fdt,
#fdt-navbar .logo-fdt-muni {
    padding: 10px;
}


#fdt-navbar .logo-fdt img {
    max-height: 60px;
    border-right: 2px solid #4e877b;
}


#fdt-navbar .logo-fdt-muni  img {
    max-height: 40px;
}

#fdt-navbar .container-fluid{
    padding-right: 24px;
    padding-left: 14px;
}

@media screen and (max-width: 768px) {
    #fdt-navbar .logo-fdt img {
        max-height: 50px;
    }

    #fdt-navbar .logo-fdt-muni  img {
        max-height: 30px;
    }

    #fdt-navbar .logo-fdt{
        margin-right: 0px;
    }

    #fdt-navbar .container-fluid{
        padding-right: 0px;
        padding-left: 0px;
    }
}


/* BACKGROUNDS */
body {
    background: url("/storage/fdt/bg.jpeg") center / cover no-repeat fixed !important;
    background-color: transparent !important;
}

/* .wrapper{
     position: relative;
    z-index: 1;
} */

#fdt-licitaciones{
    background-color: rgba(255, 255, 255, 0.8);
}

#fdt-line-up{
    background-color: #0000007a;
}

.telefonos-utiles{
    background-color: #ffffff;
}


/*  BANNER - PORTADA  */
#fdt .portada-foto{
/*   background-image: url("/storage/fdt/banner.jpg")  ;*/
   background-image: url("/storage/fdt/banner57.jpeg");

   height: 420px;
   background-size: cover;
   background-position: center;

}

@media screen and (min-width: 1400px) {
    #fdt .portada-foto{
        height: 540px;
    }
}


@media screen and (max-width: 768px) {
    #fdt .portada-foto{
        height: 420px;
    }
}

#fiesta-del-trigo .tickets{
    background-image: url("/storage/fdt/fondos/bg-tickets2.jpg");
    background-size: cover;
    color: #FFF;
    background-position: center top;
}

#fiesta-del-trigo .tickets .content{
    color: #424242;
}

#fiesta-del-trigo .tickets .title img{
    max-width: 200px;
}


@media screen and (min-width: 991px) {
    #fiesta-del-trigo .tickets .title img{
        max-width: 300px;
    }
}


#fiesta-del-trigo .impact{
    background-image: url("/storage/fdt/fondos/bg-gr-1.jpg");
    background-color: #3a655c;
    background-size: cover;
    color: #FFF;
    background-position: center top;
}

/* TITULOS */
#fiesta-del-trigo .bg-brushstroke-yl{
    display: inline-block;
    background-image: url("/storage/fdt/fondos/yl1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 40px 60px;
}

#fiesta-del-trigo .bg-brushstroke-gr{
    display: inline-block;
    background-image: url("/storage/fdt/fondos/b2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 40px 60px;
}

#fiesta-del-trigo .bg-brushstroke p{
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    font-family:  Anton Regular, sans-serif;
    margin-bottom: 0px;
    color: #fff;
}

#fdt-licitaciones .bg-cinta, #fdt-convocatorias .bg-cinta{
  margin-bottom: 40px;
}


@media screen and (max-width: 768px) {

    #fiesta-del-trigo .bg-brushstroke p{
        font-size: 24px;
    }

    #fiesta-del-trigo .impact .bg-brushstroke{
        margin-top: 20px;

    }
}


/*  modifico estilo CTA */
#fiesta-del-trigo .cta {
    background: linear-gradient(rgba(186, 186, 186, 0.328), rgba(45, 45, 45, 0.131)),  url("/storage/fdt/fondos/amarillo.png") fixed center center;
   /* background: linear-gradient(rgba(2, 2, 2, 0.5), rgba(0, 0, 0, 0.5)), url("../img/sections/geom-2.jpg") fixed center center; */
    /* background:url("../img/generals/blue.png") fixed center center; */
 /* background-color: #004f9f; */
   background-size: cover;
   padding: 60px 0;
}

#fiesta-del-trigo .cta p {
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.619);
    /* text-shadow: none; */
}

/* ACCORDION BG TRANSPARENTE */

#fiesta-del-trigo .accordion {
     padding: 0px 80px;
}

@media screen and (max-width: 768px) {
    #fiesta-del-trigo .accordion {
        padding: 0px 20px;
   }
}


#fiesta-del-trigo .accordion-item {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.5); /* Bordes blancos semitransparentes */
}

/* Estilo del encabezado del acordeón */
#fiesta-del-trigo .accordion-button {
    background-color: transparent !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.5); /* Bordes visibles */
    font-weight: bold;
}

/* Cambiar el icono de despliegue cuando está abierto */
#fiesta-del-trigo .accordion-button:not(.collapsed) {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    box-shadow: none;
}

/* Quitar borde y sombra cuando se hace clic */
#fiesta-del-trigo .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.5);
}

/* Cuerpo del acordeón */
#fiesta-del-trigo .accordion-body {
    background-color: transparent !important;
    color: white;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

/* Ajustar el icono del botón desplegable */
#fiesta-del-trigo .accordion-button::after {
    filter: invert(1); /* Hace el icono blanco */
}

/* ESTILOS BTNS */

#fiesta-del-trigo .yl-btn,
#fdt-navbar .yl-btn{
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 4px;
    transition: 0.5s;
    margin: 10px;
    background: #cd9e4d;
    border:  2px solid #cd9e4d;
    color: #fff;
}

#fiesta-del-trigo .yl-btn:hover {
    border: 2px solid #ebcc93;
    background: #ebcc93;
}

#fiesta-del-trigo .yl-tr-btn,
#fdt-navbar .yl-tr-btn{
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 4px;
    transition: 0.5s;
    margin: 10px;

    border:  2px solid #cd9e4d;
    color: #cd9e4d;
}


#fiesta-del-trigo .gr-btn {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 4px;
    transition: 0.5s;
    margin-top: 10px;
    border: 2px solid #3a655c;
    background: #3a655c;
    color: #fff;
}

#fiesta-del-trigo .gr-btn:hover {
    border: 2px solid #52867b;
    background: #52867b;
}

#fiesta-del-trigo .vl-btn {
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 4px;
    transition: 0.5s;
    margin-top: 10px;
    border: 2px solid #721b74;
    background: #721b74;
    color: #fff;
}

#fiesta-del-trigo .vl-btn:hover {
    border: 2px solid #872789;
    background: #872789;
}

#fdt-line-up #portfolio-flters li{
    color: #ffffff;
}

#fdt-line-up #portfolio-flters li:hover,
#fdt-line-up #portfolio-flters li.filter-active {
  color: #FFF;
  background: #cd9e4d;
}

/* ICONOS */

#fiesta-del-trigo .impact .content ul i {
    color: #cd9e4d;
}

#fiesta-del-trigo .btn-wsp,
#fiesta-del-trigo .btn-email{
    margin: 4px;

}

#fiesta-del-trigo .btn-wsp .detail,
#fiesta-del-trigo .btn-email .detail{
    color:#f2f2f2;
    text-decoration: underline #f2f2f2;
    font-size: 14px;
}


#fiesta-del-trigo .btn-wsp i{
    background-color: #cd9e4d;
    border-radius: 50%;
    padding: 6px;
}

#fiesta-del-trigo .btn-email i{
    background-color: #cd9e4d;
    border-radius: 4px;
    padding: 2px 6px;
}

#fiesta-del-trigo .btn-wsp:hover i,
#fiesta-del-trigo .btn-email:hover i{
   background-color:  #ebcc93;
}

#fiesta-del-trigo .btn-wsp:hover .detail,
#fiesta-del-trigo .btn-email:hover .detail {
    color:#ffffff;
    text-decoration: underline #ffffff;
}
/* PRUEBA NUEVO CONVOCATORIAS */





/* ESTILO 2026 */
.experiencia-section {
  position: relative;
  width: 100%;
  padding: 80px 0;
  /* background-color: #cfa64c; color trigo del flyer */
  overflow: hidden;
}

/* Capa de ruido */
.experiencia-noise {
  position: absolute;
  inset: 0;
  background-image: url('/storage/fdt/fondos/noiseda.jpg');
  background-repeat: repeat;
  pointer-events: none;
  z-index: 1;
}

/* Contenido */
.experiencia-content {
  position: relative;
  z-index: 2;
  text-align: center;
}

/* Video responsive */
.experiencia-video {
  position: relative;
  max-width: 95%;
  margin: 0 auto;
  padding-top: 46.25%; /* 16:9 */
  box-shadow: 0 20px 50px rgba(0,0,0,0.25);
  border-radius: 12px;
  overflow: hidden;
}

.experiencia-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}


.experiencia-video iframe {
  transform-style: preserve-3d;
}