@media (max-width: 800px) {
    /*HEADER*/
    h4 {
        font-size: 18px;
    }
    .breadcrumb {
        padding: 8px;
    }
    header#navbar {
        position: sticky;
        top: 0px;
        z-index: 3;
    }
    /********** 5 pasos ***********/
    #block-5pasos .pasos {
      flex-direction: column;
      align-items: center;
    }

    #block-5pasos .paso {
      margin-bottom: 20px;
    }

      #block-5pasos .conector {
      margin: 20px 0;
    }

    #block-5pasos .conector img {
      transform: rotate(90deg);
    }
    /********** Social Botones  ***********/
    .field.field--name-dynamic-block-fieldcommerce-product-better-social-buttons.field--type-ds.field--label-hidden.field--item,
    .cabezeragroup {
        flex-basis: 100%;
    }
    .social-sharing-buttons {
        justify-content: flex-start;
        margin: 0 0 15px 0;
    }
    /********** Mantenimiento *****/
    .maintenance-page section.col-sm-12 {
        width: 95%;
        margin: 0 auto;
    }
    .maintenance-page h1 {
        font-size: 30px;
    }
    /********** Carrito **********/
    .my-cart-wrap {
        display: none;
    }
    .checkout-login form#commerce-checkout-flow-multistep-default {
        flex-basis: 80%;
    }
    .checkout-login section#block-bienvenido {
        margin-top: 30px;
        flex-basis: 85%;
    }
    #block-contactobanner {
        width: 100%;
    }
    .cardtable-in {
        overflow-x: auto;
    }
    .middle-header-wrapper .region-right-middle-header .cart-block-wrapper .cart-contents {
        width: 100px;
    }
    .views-view-commerce_cart_form-default div#edit-actions {
        text-align: center;
        padding-top: 50px;
        margin-bottom: 50px;
    }
    .cart--cart-block.block.cart-block-wrapper.has-dropdown.clearfix {
        width: 100%;
    }
    section#block-verloscursos a {
        border: 0;
        padding: 0 0 0 10px;
        font-size: 11px;
    }
    section#block-headercursoysesion {
        flex-direction: row;
        gap: 0;
        padding-bottom: 15px;
    }
    section#block-verloscursos {
        line-height: normal;
    }
    .path-cart .field.field--name-product-id.field--type-entity-reference.field--label-hidden.field--item {
        white-space: pre-wrap;
    }
    /********** Menu **********/
    .sf-accordion-toggle.sf-style-black {
        width: 100%;
    }
    header#navbar a {
        max-width: 100%;
        width: 100%;
    }
    header#navbar a img {
        max-width: 100%;
    }
    .sf-accordion-toggle.sf-style-black .sf-expanded {
        padding: 17px;
    }
    a#superfish-main-toggle {
        transition: cubic-bezier(0, 0, 0.2, 1);
        background-color: white !important;
        border: none;
    }
    section#block-mainnavigation-2 {
        flex-direction: column;
    }
    /*div.sf-accordion-toggle.sf-style-black > a::after {
        display: none !important;
        visibility: hidden !important;
    }*/

    /*otra cosa*/
    .region.region-right-middle-header {
        margin: 0;
        flex-direction: row-reverse;
    }
    section#block-cart-2 {
        flex: 1;
    }
    .cart--cart-block.block.cart-block-wrapper.has-dropdown.clearfix {
        flex-direction: row-reverse;
    }

    header.navbar .navbar-header {
        height: 60px;
    }
    /*Otras cosas*/
    section#block-barrade3elementos {
        flex-direction: column;
        align-items: center;
    }
    .hidden-xs {
        display: block !important;
    }
    .region.region-content #block-quicktabscategorias,
    .region.region-content #block-views-block-categorias-bloquesito-block-1,
    .region.region-content #block-lomasbuscado
    {
        max-width: 90%;
        margin: 0 auto;
    }
    .middle-header-wrapper.clearfix .container-fluid .col-md-3 {
      display: block;
    }
    .middle-header-wrapper.clearfix .container-fluid .col-md-6,
    .middle-header-wrapper.clearfix .container-fluid .col-md-3,
    .middle-header-wrapper.clearfix .container-fluid {
        height: auto;
        width: 100%;
    }
    nav#block-useraccountmenu .navbar-right {
        display: flex;
        margin: 0;
    }
    .region.region-middle-header,
    .middle-header-wrapper.clearfix .container-fluid {
        flex-direction: column;
    }
    .container-fluid .col-md-6 {
        width: 100%;
    }
    #block-textoheader div p {
        border: 0;
    }
    .region.region-content {
        padding: 0 2px;
    }
    /*Slider*/
    .on-the-gray ul.quicktabs-tabs {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .container-fluid {
        margin: 0;
        padding: 0;
    }
    .slick-list {
        width: 100%;
    }
    .slick--view--slider-portada .slide__constrained {
        padding: 0 15px !important;
    }
    .slick--view--slider-portada .slide__caption {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    .slick--view--slider-portada .slide__description {
        padding: 15px 10px;
        width: 100%;
        text-align: left;
        gap: 15px;
    }
    .container-fluid section.col-sm-12 {
        padding: 0;
    }
    #block-views-block-slider-portada-block-1 .slide__media {
        height: 380px;
    }
    .slide__content {
        max-height: 100%;
    }
    .page-node-type-docente .slide__content,
    .productos .slide__content {
        height: auto;
    }
    .slick--view--slider-portada .views-field-field-segundo-boton a, .slick--view--slider-portada .views-field-field-boton a {
        padding: 5px 10px;
        font-size: 14px;
    }
    .slick__slide {
        width: 100%;
    }
    .slick--view--slider-portada .slide__description h2 {
        font-size: 35px;
        line-height: 1.25;
    }
    .slick--view--slider-portada .views-field-field-cuerpo p,
    .slick--view--slider-portada .slide__description p {
        font-size: 13px !important;
        line-height: 1.4;
    }
    .slick--view--slider-portada .slide__description hr {
        width: 20% !important;
        height: 5px !important;
    }
    #block-views-block-slider-portada-block-1 .views-field.views-field-fieldset span.field-content fieldset {
        gap: 0;
    }
    .slick-dots {
        bottom: 15px;
    }
    /* Ocultar flechas en mobile — se navega con swipe + dots */
    .slick--view--slider-portada .slick__arrow {
        display: none !important;
    }
    /**/
    #block-portada2 {
        border: 0;
    }
    /*nav var*/
    ul.menu.menu--account.nav.navbar-nav.navbar-right {
        max-width: 100%;
    }
    .middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
        margin-left: -24%;
    }
    /************************** Elegí tu curso en línea ********************/
    section#block-quicktabscategorias,
    section#block-barrade3elementoscontenido2,
    section#block-views-block-categoria-block-10 {
        background: white;
    }
    section#block-quicktabscategorias li.grid,
    section#block-views-block-categoria-block-10 li.grid {
        box-shadow: 0 3px 6px 0 rgb(0 0 0 / 50%);
    }
    section#block-quicktabscategorias .grid .views-field.views-field-fieldset,
    section#block-views-block-categoria-block-10 .grid .views-field.views-field-fieldset {
        padding: 0;
    }
    #block-quicktabscategorias .grid__content.form-group, section#block-views-block-categoria-block-10 .grid__content.form-group {
        min-height: 400px;
        max-height: 100%;
    }
    section#block-views-block-categoria-block-10 li.grid {
        width:100%;
    }
    /**************************** Productos *********************/
    iframe.media-oembed-content {
        height: 45vh;
    }
    /****************************Categorias destacadas **************/
    .view-categorias-bloquesito .view-content .views-row {
        width: 43%;
    }
    .view-categorias-bloquesito .view-content span {
        min-height: 70px;
        padding: 5px 10px;
    }
    /******************** Opiniones y experiencias ***********/
    section#block-views-block-slider-comentarios-block-1 h2 {
        margin: 20px 0 10px 0;
    }
    /************************************* LOS MAS BUSCADOS *******************************/
    section#block-views-block-los-mas-buscados-block-1 .view-content span {
        white-space: nowrap;
        margin-right: 0;
        align-items: center;
    }
    /*Redes sociales*/
    #block-barraderedessociales .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
        flex-direction: column;
        gap: 30px;
    }
    section#block-unidadesacademicas .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item p {
        flex-wrap: wrap;
    }
    /******* CURSOS ******/
    .commerce-product--type-curso {
        width: 95%;
        margin: 0 auto;
    }
    .div-sec-product {
        flex-direction: column-reverse;
    }
    .centro-producto {
        position: initial;
        width: 100%;
    }
    .productos .button--primary {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 7;
        border: none;
        border-radius: 0;
    }
    /*modalidad*/
    .modalidad {
        border-bottom: 1px solid grey;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    /*areas*/
    .field--name-field-area .field--label {
        margin-bottom: 15px;
    }
    .field--name-field-area .field--items {
        display: flex;
        flex-wrap: wrap;
    }
    .div-sec-product .field.field--name-field-area.field--type-entity-reference.field--label-above .field--item {
        margin: 0;
    }
    .field.field--name-field-area.field--type-entity-reference.field--label-above {
        border-bottom: 1px solid grey;
        margin-bottom: 15px;
        display: none;
    }
    .field.field--name-field-docentes.field--type-entity-reference.field--label-above .layout__region.layout__region--content {
        flex-direction: column;
        margin-bottom: 60px;
        gap: 20px;
        margin-top: 30px;
    }
    /************************************* DOCENTES ***********************************/
    .field.field--name-field-docentes.field--type-entity-reference.field--label-above .layout__region.layout__region--content img {
        margin: 0 auto;
    }
    .cuerpo.docentes {
        text-align: center;
    }
    .field.field--name-field-docentes .field--label {
        padding-left: 10px;
        margin: 0 auto;
    }
    /************************************* Opiniones y experiencias *******************/
    .views-field.views-field-body, .views-field.views-field-field-nombre-comentario .field-content {
        font-size: 1.2em;
    }
    /************************************ Conocé más sobre nuestras Facultades **************/
    section#block-unidadesacademicas .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item p {
        gap: 0;
    }
    section#block-unidadesacademicas .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item p a {
        width: 50%;
    }
    section#block-unidadesacademicas .block-content h2, section#block-unidadesacademicas .block-content p:first-child {
        margin: 0;
    }
    /******************************************** INSTITUCIONAL *******************************/
    /****** Formas de pago *******/
    .institucional .formas-de-pago {
        padding: 50px 0 0 0;
    }
    .formas-de-pago:nth-child(2n) {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-around;
        gap: 50px;
        position: relative;
        z-index: 4;
        margin-bottom: -1px;
    }
    div.formas-de-pago_body {
        border-bottom: 5px solid #00000014;
        border-top: 5px solid #00000014;
        width: 100%;
        padding: 50px 0;
    }
    /********** Quienes somos **************/
    .quienes-somos-div {
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .quienes-somos-div .mision, .quienes-somos-div .vision, .quienes-somos-div .valores,
    .quienes-somos-div .valores .valores__contenido {
        width: 95%;
        flex-direction: column;
        margin-bottom: 30px;
        margin: 0 auto 50px auto;
        text-align: center;
        gap: 0;
    }
    .quienes-somod-div__mision-vision {
        flex-direction: column;
        gap: 0;
    }
    /*********** Contacto ******************/
    #block-formcontacto {
        flex-direction: column;
        gap: 50px;
    }
    .on-the-gray {
        padding: 0 10px;
    }
    #block-formcontacto .field--item div#edit-actions {
        text-align: center;
    }
    .contacto_text {
        padding-left: 13px;
    }
    /************ Preguntas Frecuentes *****************/
    .view-preguntas-frecuentes {
        width: 95%;
        margin: 0 auto;
    }
    .path-preguntas-frecuentes .ui-state-default {
        max-width: 98%;
    }
    div#contacto_banner {
        max-width: 95%;
        margin: 0 auto;
        flex-direction: column;
        padding: 20px 0;
        text-align: center;
    }

    /********* Footer **********/
    section#block-localidadfooter {
        border: none;
    }
    section#block-logohead-2 {
        width: 95%;
    }
    .productos .footer-bottom.clearfix {
        margin-bottom: 45px;
    }
    /*******************USUARIO ************/
    .user .region.region-content {
        width: 95%;
        margin: 0 auto;
    }
    ul.tabs--primary.nav.nav-tabs {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        height: auto;
        width: 95vw;
        border-radius: 10px;
        justify-content: center;
    }
    form#user-form {
        width: 100%;
        margin-bottom: 50px;
    }
    .user nav.tabs {
        position: relative;
    }
    /************ Registro **********************/
    .registro section#block-imgregistro {
        display: none;
    }
    .registro form#user-register-form {
        height: auto;
        width: auto;
        overflow-y: unset;
    }
    /************ Comprobante *******************/
    table.table.table-hover.table-striped {
        overflow-x: auto;
        width: 100vw;
    }
    /*********** Editar Perfil Usuario *************/
    #edit-account,
    .campos_basicos,
    .multiple_opciones {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .form-type-password.js-form-type-password.form-item-current-pass,
    .form-type-email.js-form-type-email.form-item-mail.js-form-item-mail.form-group,
    .form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-name.js-form-item-name.form-group,
    #edit-pass, #edit-user-picture-wrapper,
    #edit-field-firstname-wrapper,
    #edit-field-lastname-wrapper,
    #edit-field-dni-wrapper,
    #edit-field-prueba-wrapper,
    #edit-field-city-wrapper,
    #edit-field-country-wrapper,
    #edit-field-ocupacion-wrapper,
    #edit-field-areas-de-interes-wrapper,
    #edit-field-nivel-educativo-maximo-wrapper,
    #edit-field-dispositivo-en-el-que-real-wrapper {
        margin: 0 auto;
    }
    /*.form-item-pass-pass1 .shwpd {
        left: 235px;
    }*/
    /*********** USUARIO MIS CURSOS ***************/
    .drupal-moodle-integration-user-course-list .layout.layout--onecol {
        width: 95%;
        max-width: 100%;
        margin: 0 auto;
    }
    /********** Contacto Inicio **********/
    section#block-contacto-front .contacto_text {
      width: 50%;
    }
}
@media (max-width: 768px) {
    .wave {
        background-size: 100% 50px;
    }
}
@media (max-width: 300px) {
    .middle-header-wrapper .region-right-middle-header .cart-block-wrapper .cart-contents {
        display: none;
    }
    section#block-verloscursos {
        padding-left: 10px;
    }
    section#block-verloscursos a {
        padding: 0 0 0 0px;
    }
    .slick--view--slider-portada .slide__description h2 {
        font-size: 21pt;
    }
    .views-field.views-field-field-cuerpo p {
        font-size: 12pt;
    }
    .slick--view--slider-portada .views-field-field-segundo-boton a,
    .slick--view--slider-portada .views-field-field-boton a {
        padding: 5px 10px;
        font-size: 15px;
    }
    .slick--view--slider-portada .slide__description {
        padding: 0;
        top: 0;
        width: 80% !important;
    }
    .slide__content {
        height: 420px;
        max-height: 100%;
    }
}
/************** Cards sliders ***************/
@media (max-width: 768px) {
  #blazy-views-categoria-block-block-10-1, #blazy-views-categoria-block-block-11-1, #blazy-views-categoria-block-block-9-2, #blazy-views-categoria-block-block-8-3 {
    gap: 0px;
  }
  section#block-quicktabscategorias li.grid, section#block-views-block-categoria-block-10 li.grid, section#block-views-block-categoria-block-11 li.grid, section#block-views-block-categoria-block-8 li.grid {
    margin-inline: 0;
  }
  section#block-views-block-categoria-block-10 li.grid, section#block-views-block-categoria-block-11 li.grid, section#block-views-block-categoria-block-8 li.grid, .views-view-categoria-block_9 li.grid {
    width: 47%;
  }
}

/* Cards mobile chico — 2 columnas compactas */
@media (max-width: 480px) {
  /* Grid: 2 columnas con gap */
  section#block-quicktabscategorias li.grid,
  section#block-views-block-categoria-block-10 li.grid,
  section#block-views-block-categoria-block-11 li.grid,
  section#block-views-block-categoria-block-8 li.grid,
  .views-view-categoria-block_9 li.grid {
    width: 47% !important;
    margin-left: 1.5% !important;
    margin-right: 1.5% !important;
    margin-bottom: 15px !important;
  }

  /* Container principal — sin altura fija */
  #block-quicktabscategorias .grid__content.form-group,
  section#block-views-block-categoria-block-10 .grid__content.form-group,
  section#block-views-block-categoria-block-11 .grid__content.form-group,
  section#block-views-block-categoria-block-8 .grid__content.form-group {
    min-height: auto !important;
    padding: 0 !important;
    height: auto !important;
  }

  /* Imagen */
  #block-quicktabscategorias .img-responsive,
  section#block-views-block-categoria-block-10 .img-responsive,
  section#block-views-block-categoria-block-11 .img-responsive,
  section#block-views-block-categoria-block-8 .img-responsive {
    width: 100%;
    height: 100px;
    object-fit: cover;
  }

  /* Badge de facultad — muy compacto */
  #block-quicktabscategorias .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field--item h2,
  section#block-views-block-categoria-block-10 .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field--item h2,
  section#block-views-block-categoria-block-11 .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field--item h2,
  section#block-views-block-categoria-block-8 .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field--item h2 {
    font-size: 9px !important;
    padding: 2px 6px;
    line-height: 1.2;
  }
  #block-quicktabscategorias .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field--item,
  section#block-views-block-categoria-block-10 .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field--item,
  section#block-views-block-categoria-block-11 .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field--item,
  section#block-views-block-categoria-block-8 .field.field--name-taxonomy-term-title.field--type-ds.field--label-hidden.field--item {
    padding: 2px 6px !important;
  }

  /* Sección ranking (modalidad + título) */
  .views-field-fieldset-2 {
    padding: 6px 8px 0 8px;
  }
  fieldset.ranking-modalidad {
    padding-bottom: 3px;
  }
  fieldset.ranking-modalidad .views-field-field-modalidad .field-content {
    font-size: 9px;
    text-transform: uppercase;
    color: #666;
    letter-spacing: 0.3px;
  }

  /* Título del curso h4 */
  .views-field-title h4 {
    font-size: 12px !important;
    line-height: 1.25;
    margin: 3px 0 !important;
  }
  .views-field-title h4 a {
    font-size: 12px !important;
  }

  /* Sección bottom */
  fieldset.bot {
    padding: 4px 8px 8px 8px;
  }
  fieldset.bot-conjunto {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    align-items: center;
    margin-bottom: 3px;
  }
  fieldset.bot-conjunto .field-content {
    font-size: 10px;
    color: #666;
  }

  /* Ver curso link */
  .views-field-view-commerce-product {
    text-align: center;
  }
  .views-field-view-commerce-product a {
    font-size: 11px;
    font-weight: 600;
  }

  /* Padding lateral de sección */
  section#block-views-block-categoria-block-10,
  section#block-views-block-categoria-block-11 {
    padding: 0 10px !important;
  }

  /* Header de sección */
  .views-view-categoria-block_9 .view-header,
  .views-view-categoria-block_8 .view-header {
    margin-bottom: 20px !important;
  }
  .views-view-categoria-block_9 .view-header p,
  .views-view-categoria-block_8 .view-header p {
    font-size: 13px !important;
  }

  /* Heading H2 de sección — más pequeño */
  #block-quicktabscategorias h2,
  #block-views-block-categoria-block-8 h2 {
    margin: 20px auto 8px auto !important;
    font-size: 18px !important;
  }

  /* Footer "DESCUBRÍ CURSOS" — sin superposición */
  section#block-quicktabscategorias .view-footer,
  section#block-views-block-categoria-block-8 .view-footer {
    margin: 20px auto 0 auto !important;
  }
  .views-view-categoria-block_9 .view-footer a,
  .views-view-categoria-block_8 .view-footer a,
  section#block-quicktabscategorias .view-footer a,
  section#block-views-block-categoria-block-8 .view-footer a {
    font-size: 12px !important;
    padding: 10px 18px !important;
    display: inline-block;
  }

  /* Top fieldset — reducir gap */
  #block-quicktabscategorias .top,
  section#block-views-block-categoria-block-10 .top,
  section#block-views-block-categoria-block-11 .top,
  section#block-views-block-categoria-block-8 .top {
    gap: 5px;
  }
}
/************ Mi Campus ***********/
/* Ajustes para pantallas medianas */
@media (max-width: 992px) {
  .campus-links img {
    width: 180px;
    min-width: 150px;
  }
}

/* Ajustes para mobile */
@media (max-width: 600px) {
  .campus-links {
    gap: 1rem;
  }
  .campus-links img {
    width: 140px;
    min-width: 120px;
  }
}