.botonesFiltradoCasosExito {
    border-bottom: 1px solid #FFF;
    text-align: right;
}

.botonesFiltradoCasosExito ul.botones {
    padding-left: 0px;
    text-align: right;
    display: inline-block;
}

.botonesFiltradoCasosExito ul.botones li {
    list-style: none;
    display: inline-block;
    margin-left: 20px;
}

.botonesFiltradoCasosExito ul.botones li a {
    font-family: "Circular", Arial, sans-serif;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 25px;
    padding: 8px 25px;
    font-size: 16px;
    transition: all 0.3s linear;
}

.botonesFiltradoCasosExito ul.botones li a:hover {
    color: #000;
    background: #ffffffc6;
    transition: all 0.3s linear;
}

.botonesFiltradoCasosExito ul.botones li a.active {
    color: #000;
    background: #FFF;
    transition: all 0.3s linear;
}

.botonesFiltradoCasosExito .desplegable {
    display: inline-block;
    margin-left: 50px;
    font-family: "Circular", Arial, sans-serif;
    color: #FFF;
    padding-right: 40px;
    position: relative;
    cursor: pointer;
}

.botonesFiltradoCasosExito .desplegable:after {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    right: 10px;
    top: 50%;
    transform: translateY(-63%) rotate(-45deg);
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transition: all 0.3s linear;
}

.botonesFiltradoCasosExito .desplegable.active:after {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    right: 10px;
    top: 50%;
    transform: translateY(-20%) rotate(135deg);
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transition: all 0.3s linear;
}



/*************************/

ul li.sf-field-taxonomy-empresa-cidetec {
    display: none !important;
}

li.sf-field-taxonomy-sector ul {
    padding-left: 0px;
}

li.sf-field-taxonomy-sector ul li {
    display: inline-block;
    margin-left: 20px;
}

li.sf-field-taxonomy-sector ul li label {
    font-family: "Circular", Arial, sans-serif;
    color: #FFF;
    border: 1px solid #FFF;
    border-radius: 25px;
    padding: 2px 20px !important;
    font-size: 16px;
    transition: all 0.3s linear;
    cursor: pointer;
}

li.sf-field-taxonomy-sector ul li:hover label {
    color: #000;
    background: #ffffffc6;
    transition: all 0.3s linear;
}

li.sf-field-taxonomy-sector ul li.sf-option-active label {
    background: #FFF;
    color: #000;
    transition: all 0.3s linear;
}

li.sf-field-taxonomy-sector ul li input {
    display: none;
}


/*****************************************/

.buscadorPaginaCasosExito {
    margin-top: -100px;
}

.BuscadorCasosExito h3.titulo a {
    color: #0a6cda;
    font-family: "Circular", Arial, sans-serif;
    font-size: 25px;
    font-weight: 600 !important;
}

.BuscadorCasosExito .entradilla {
    color: #1c2228;
    font-size: 16px;
    font-family: "Circular", Arial, sans-serif;
}

/************NOTICIAS - BUSCADOR POR AÑO************/

.noticias .botonesFiltradoCasosExito {
    padding-right: 210px;
}

.noticias li.sf-field-post-meta-anyo {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px !important;
}

.noticias li.sf-field-post-meta-anyo select {
    display: inline-block;
    font-family: "Circular", Arial, sans-serif;
    color: #FFF;
    position: relative;
    cursor: pointer;
    background: transparent;
    border: none;
    margin: 0px;
    padding: 6px;
    padding-right: 0px;
    padding-left: 0px;
    width: auto;
}

.noticias li.sf-field-post-meta-anyo select option {
    background: #016cde;
}

/*BLOG - BUSCADOR DOBLE*/

.buscadorDoble .botonesFiltradoCasosExito {
    text-align: left;
}

.buscadorDoble input {
    background-color: transparent;
    border: 1px solid #fff;
    color: #FFF !important;
    padding: 10px 20px;
    width: 100%;
}

.buscadorDoble input::placeholder {
    color: #FFF;
}

.buscadorDoble .searchandfilter ul {
    padding-left: 0px;
}

.buscadorDoble .searchandfilter label {
    width: 100%;
}

.buscadorDoble ul.botones {
    margin-bottom: 23px;
}

.buscadorDoble .searchandfilter label:after {
    content: "";
    display: block;
    top: 50%;
    right: 20px;
    background: url(/wp-content/uploads/2024/01/LupaBuscadorCidetec.png);
    width: 14px;
    height: 14px;
    position: absolute;
    transform: translateY(-50%);
}

/**** BUSCADOR ENERGY PROYECTOS ****/

.bloque-buscador-proyectos-energy{
    top: -150px;
    position: relative;
}

div.EnergyBuscadorProyectos{
    /*** No quiero que el bloque sea visible pero sí su contenido que está desplazado. Le doy 1 px de altura **/
    height: 1px !important;
}

.flechainferior{
    /*** No quiero que se vea la flecha inferior **/
    display: none !important;
}

    /*** Para la caja de búsqueda **/

    .EnergyBuscadorProyectos  .botonesFiltradoCasosExito ul.botones li{
        list-style: list;
    }
   
    
    /**** Buscador de proyectos ***/
    #buscadorProyectosEnergy {
        position: relative;
        left: -370% !important;
    }
    
    #botonLupa {
        position: relative;
        left: -473% !important;
    }

   #buscadorProyectosEnergy::before{
    content: "";
    display: block;
    top: 50%;
    left: 20px;
    background: url(https://energystoragetom.cidetec.es/wp-content/uploads/2024/01/LupaBuscadorCidetec.png);
    width: 14px;
    height: 14px;
    position: absolute;
    transform: translateY(-50%);
 }

 #botonLupa {
  cursor: pointer !important;
}

/* Elimina cualquier efecto visual en hover/focus */
#botonLupa:hover,
#botonLupa:focus,
#botonLupa:active {
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
  background-color: transparent !important;
  filter: none !important;
  /* Si tiene animaciones, desactívalas */
  transition: none !important;
}

 #botonLupa {
background-image: url('https://cidetec.es/wp-content/uploads/2024/01/LupaBuscadorCidetec.png');
/*background-size: contain;*/
background-repeat: no-repeat;
background-position: center;
width: 36px;          /* Ajusta según tamaño deseado */
height: 36px;
border: none;
background-color: transparent;
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin-left: 8px;     /* Espacio entre input y botón */
}
    /** fin de la caja de búsqueda **/

/*** PARA EL LISTADO DE PROYECTOS ***/

/*** Listado de proyectos PARA ENERGY ***/
.site-energystoragetom .titulo a, .site-energystorage .titulo a{
    color: #00c18a;
}
.site-energystoragetom .buscadorPaginaCasosExito, .site-energystorage .buscadorPaginaCasosExito{
    margin-top:0;
}
.site-energystoragetom .buscadorPaginaCasosExito .cl-template--image-top, .site-energystorage .buscadorPaginaCasosExito .cl-template--image-top{
    border-width: 0;
}

/*** PAra los botones que den algo de espacio ***/

ul.botones{
    margin-bottom: 20px;
}

@media only screen and (max-width: 1070px) {
.botonesFiltradoCasosExito {
    margin-bottom: 40px;
}

.searchandfilter ul {
    margin-bottom: 40px;
}

.botonesFiltradoCasosExito ul.botones {
    display: inline-block;
    width: 100%;
}

.botonesFiltradoCasosExito ul.botones li {
    margin-left: 3%;
    width: 46%;
    margin-bottom: 20px;
}

.botonesFiltradoCasosExito ul.botones li a {
    width: 100% !important;
    display: block;
    text-align: center;
}
}


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

    .botonesFiltradoCasosExito ul.botones li {
        list-style: none;
        display: inline-block;
        margin-left: 20px;
        width: 48%;
        margin: 0px 0px 10px 0px;
    }
    .botonesFiltradoCasosExito ul.botones li a {
        padding: 5px 5px;
        font-size: 16px;
        width: 100% !important;
        max-width: 100%;
        display: block;
        text-align: center;
    }

    .buscadorPaginaCasosExito {
        margin-top: 0px;
    }

/*--- ESTILOS BUSCADOR MÓVIL---*/

    .botonesFiltradoCasosExito {
        background-color: #1E4A52 !important;
        margin-top: 100px;
    }

    .botonesFiltradoCasosExito ul.botones {
        width: 100%;
        margin-top: 30px;
    }

    .EnergyBuscadorProyectos .botonesFiltradoCasosExito ul.botones li {
        width: 85%;
        margin-right: 25px;
    }

    #buscadorProyectosEnergy {
        width: 100%; 
        left: 0 !important;
    }

    #botonLupa {
        left: -350px !important;
        top: -38px;
    }
    .botonesFiltradoCasosExito .desplegable {
        position: absolute;
        right: 20px;
        top: 30px;
    }

    .site-energystoragetom .buscadorPaginaCasosExito, 
    .site-energystorage .buscadorPaginaCasosExito {
        margin: 120px 20px 30px 20px;
    }
    .searchandfilter ul {
        margin-top: -50px;
    }
    .bloque-buscador-proyectos-energy form {
        background-color: #1E4A52;
    }
}