@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
*{

    font-family: 'Poppins', sans-serif;
}


  body{
    background: rgb(220,242,255);
    background: radial-gradient(circle, rgba(220,242,255,1) 0%, rgba(255,221,221,1) 38%, rgba(255,234,234,1) 54%, rgba(255,249,238,1) 64%, rgba(255,255,255,1) 100%);
    }


        /************** estilo de cuadro togle*/
    .lista-contenedor {
          display: none;
      }
             
      /****** fin de cuadro togle ********/
      .list-unstyled li a{
        color: rgb(51 51 51);
      }

      .active-filter {
          font-weight: bold;
          
      }

        .mostrar {
            max-height: 500px; /* Ajusta esto según el contenido máximo esperado */
            opacity: 1;
        }

        .boton {
            cursor: pointer;
            background-color: var(--color-principal);
            color: white;
            border: none;
            padding: 8px 12px;
            border-radius: 5px;
            display: inline-block;
            transition: background 0.3s ease;
        }

        .boton:hover {
            background-color: #b30202;
        }

        /* modelo buscador programas */
        .search-container {
        display: flex;
        align-items: center;
        background: #fff;
        border-radius: 50px;
        padding: 7px 15px;
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    }

    .search-container input {
        border: none;
        outline: none;
        background: transparent;
        flex: 1;
        font-size: 16px;
        padding: 8px;
    }

    .search-container .icon {
        font-size: 20px;
        color: #7a7a7a;
        margin-right: 10px;
    }

  
        /* find emodelo buscador programas */




    .filter-scroll {
      max-height: 550px;
      overflow-y: auto;
    }
    .filter-active {
      color: #0d6efd;
    }

    .accordion-button:not(.collapsed) {
      color: #1c1c1c;
      background: #fff;
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);

    }

    .accordion-body{
      background: #f0f0f0;
    }

    .accordion-body ul li a{
      color: #1c1c1c;

    }

    .accordion-button:focus{
          box-shadow: 0 0 0 .25rem rgb(0 0 0 / 25%);
          border: none;
    }


    .cuadros{
       background: #fff;
        box-shadow: rgb(98 29 38 / 50%) 5px 5px 13px -3px;
        border-radius: 5px;
        padding: 15px;
    }

    .cuadros:hover{
        background: #fbfbfb;
    }

.codigo-y-area{
  font-size: 13px;
}

.btnWeb{
    display: inline-block;
  }

  .btnCel{
    display: none;
  }

  .social-share a{
    color: #000 !important;
    font-size: 18px;
  }


 @media (max-width: 576px){
      .btnCel{
        display: inline-block;
      }
      .btnWeb{
        display: none;
      }
      .row,.codigo-y-area{
        font-size: 13px;
      }
      h5{
        font-size: 14px;
      }
       h6,.accordion-button{
        font-size: 14px;
      }
      .lista-contenedor ol li{
        font-size: 13px;
      }
      
      }