/**
 * Modare Mobile — CSS mobile completo
 * Sustituye todos los bloques responsive del modare-core.css
 *
 * v4.0 — 2026-04-12 — Consolidación total + breakpoints pequeños migrados
 */

@media (max-width: 767px) {

  /* ── Layout base ── */
  .TextAbsP {position: relative; width: 100%; top: auto; left: auto; margin: 1.5em 0 0; height: auto !important; display: block;}
  .TitularAbsolut .TitRel .t1 {display: block; margin: 0 30% 0 0 !important; text-align: right; width: 70% !important;}
  .v_mobile {display: block !important;}
  .text-inline-images.v_mobile {display: inline-block !important;}
  .v_desktop {display: none !important;}

  /* Blog Home */
  .header-home-magazine, .QueHacemos {overflow-x: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap !important;}
  .header-home-magazine > *,
  .QueHacemos > * {flex-shrink: 0;}
  .wrap_magazine {width: 240% !important;}
  .wrap_find {width: 46%;}
  .wrap_find p span.image {max-width: 3.8vw;}
  .wrap_find p a:after {height: 1px !important;}

  /* Slider */
  .carousel-cell .item-slider .imagen_slider {width: 100% !important; margin: 0 auto !important;}
  .item-slider .titular {position: relative !important; z-index: 999; left: auto; top: auto; margin: 2em auto 2.5em !important;}
  .flickity-page-dots .dot {width: 2.8vw !important; height: 2.8vw !important;}
  .dashicons, .dashicons-before:before {width: auto !important; height: auto !important;}
  .item-slider .titular a {line-height: 1.6em; padding: 0.85em 1.2em 0.95em; border-radius: 4vw !important;}
  .item-slider .titular a .dashicons {display: inline-flex; align-items: center; height: 1em; line-height: 1 !important;}
  .item-slider .titular a .dashicons:before {line-height: 1 !important;}
  .home .swiper-wrapper {padding-bottom: 30px !important;}
  .slider .swiper-pagination {bottom: 10px;}

  /* Inline / Animando */
  .animando h2 {line-height: 1.1em; margin: 0;}
  .animando .TextInline h2 {display: block !important; margin: 0 auto 0.5em 1.5em !important; padding: 0 !important; width: 100% !important; text-align: left !important; line-height: 1em !important;}
  .animando h2 img {max-height: 8.2vw;}
  .TextInline {display: block !important; flex-direction: column;}
  .Home01, .TextP, .Home02 .TextInline .TextP {width: 94% !important;}
  .TextInline span p {line-height: 1.3em !important; margin: auto auto 0 0 !important;}
  .Home02 .TextInline p.s80 {margin: auto 4.5em 0.5em auto !important;}
  .Colabora .Home02 .TextInline p.s80 {display: block; margin: auto auto 0 5% !important; width: 100% !important; text-align: left;}
  .Colabora .Home02 .TextInline span {width: 100%; text-align: right; margin: 0 10% 0.5em auto !important;}
  .Colabora .Home02 .TextInline span.TextP {width: 100%; text-align: left; margin: 0 10% 0.5em 5% !important;}
  .wrap_item2 {width: 100%;}

  /* Que hacemos */
  .que-hacemos-item, .flex-item-30 {width: 85%; margin: 0 7.5% 0 0;}
  .que-hacemos-item .imagen img {margin-bottom: 5vw;}
  .Buscar_wrap {width: 92% !important; margin: auto; justify-content: space-between; flex-direction: column;}
  .background-container {width: 100%; padding-top: 100%; margin-bottom: 2em;}
  .background-container .wrap_texto {padding: 8.4vw 8.5%;}

  /* Gris */
  .wrap_full {width: 100% !important;}
  .wrap_full.Gris {padding: 4.1vw 0 !important; margin-top: 0 !important;}
  .Colabora_home .flex-item-30, .ItemGris .wrap_item_card {padding: 6vw 14vw !important; border-radius: 8vw;}
  .wrap_full.Gris .flex-item-30, .mobile100 .wrap_item_card {width: 100% !important; margin: 0 auto 7vw !important;}

  /* Slider2 */
  .wrap_item2 .background-container .wrap_texto {padding: 10vw 14% 8vw 10%;}

  /* Newsletter */
  .wrap_news {width: 90% !important; padding: 0 !important; margin: 0 auto !important;}
  .wrap_newsletter {padding: 10vw 7.5% !important;}


  /* ── Tipografía Mobile — Escala simplificada — 6 escalones ─── */
  /* 12px = 3.16vw | 15px = 3.95vw | 18px = 4.74vw              */
  /* 20px = 5.26vw | 25px = 6.58vw | 32px = 8.42vw              */

  /* ① 12px — s12, s14 */
  .s12 {font-size: 3.16vw !important;}
  .s14, .post-home .LeerMas, .post-home .LeerMas .dashicons, .post-home .LeerMas .s14 {font-size: 3.16vw !important;}

  /* ② 15px — s16, s18, s20 */
  .s16, .post-home p, .item-slider .titular a .dashicons {font-size: 3.95vw !important;}
  .s18, p.s18, .Flex-Txt p, .col-footer li a {font-size: 3.95vw !important;}
  .s20, .TextInline span p.s20, .wrap_find p .s16, .post-home p, .item-slider .titular a .dashicons, .wrap_Titular p {font-size: 3.95vw !important;}
  .s20.ItemIcon .destacado {font-size: 4.74vw !important;}

  /* ③ 18px — s22, s24 */
  .s22, .ps22 p, .ss22 span, .s22 .dashicons {font-size: 4.74vw !important;}
  .s24, .ps24 p, .ss24 span, .s24 .dashicons {font-size: 4.74vw !important;}

  /* ④ 20px — s30, s32, s40 */
  .s30, .h3s30 h3, #mega-menu-wrap-main-nav #mega-menu-main-nav a.mega-menu-link .mega-description-group .mega-menu-title,
  #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, .enlace.s30 .dashicons, .s30 a {font-size: 5.26vw !important;}
  .s32, h2.s32 {font-size: 5.26vw !important;}
  .s40, .ps40 p, .ss40 span, .s40 p, .moda-item--wide .dobleS40, .doble .s24, .moda-item--wide .s24 {font-size: 5.26vw !important;}

  /* ⑤ 25px — s48, s50, s52, s64 */
  .s48, .s48 h2, .s48 h3, .s48 h4, .s48 p, .Flex-Txt p.s48 {font-size: 6.58vw !important;}
  .s50, .s50 h1, .s50 h2, .s50 h3, .s50 h4, .s50 p {font-size: 6.58vw !important;}
  .s52, .s52 h1, .s52 h2, .s52 h3, .s52 h4, .s52 p, .item-slider .titular .hero-titular {font-size: 6.58vw !important;}
  .s64, .s64 p, .s64 h2, .s64 h3 {font-size: 6.58vw !important;}

  /* ⑥ 32px — s80, s100 */
  .s80, .s80 h1, .s80 p, .s80 h2, .s80 h3, .s80 h4 {font-size: 8.42vw !important;}
  .animando h2, .s100 {font-size: 8.42vw !important;}

  /* Radius */
  .animando.animar .text-inline-images img {border-radius: 2.2vw !important;}
  .Gris, .que-hacemos-item .imagen img, .Radius40,
  .materiales_thumb img, .ItemGris .wrap_item_card {border-radius: 9vw !important;}
  .Radius20 {border-radius: 4.5vw !important;}

  /* Espacio */
  .MarginTopBottom {padding: 6vw 0 !important;}
  .MarginTop {padding: 6vw 0 0 0 !important;}
  .MarginBottom {padding: 0 0 6vw 0 !important;}
  .MarginTop.TitObjetivos .wrap {width: 100% !important; margin: 0 auto; padding: 0 !important;}

  /* Flexible Mobile */
  .TitularInline .TextInline .LeftG {display: block !important; width: 100%; margin: 0 auto 0.5em !important; text-align: center !important;}
  .wrap_flex2 {display: flex; margin: 0 auto; flex-direction: column;}
  .Flex-Img {width: 100%; margin: 0 auto 3em;}
  .TitularInline .TiTcenter img {width: 1em; height: auto; margin: auto 0.25em auto 0 !important;}
  .wrap_four .wrap_item_card {width: 48.5% !important; margin-bottom: 1em; padding: 5vw; min-height: 35vw !important;}
  .wrap_Titular {width: 80%;}
  .mobileScroll .wrap_flex > * {flex-shrink: 0;}
  .mobileScroll .wrap_flex {overflow-x: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap !important;}
  .mobileScroll .wrap_item_card {width: 85% !important; margin: 0 7.5% 0 0;}
  .animando .TextInline.center {display: block; flex-direction: column; text-align: left !important;}
  .TextInline .TextP p {margin: 0 auto 0 0 !important; text-align: left !important; line-height: 1.35em !important; width: 100% !important; font-size: 16px !important;}
  .Buscar_wrap {position: relative; z-index: 0;}
  .sticky_mob {position: sticky; top: 50%; z-index: -1;}
  .WrapColBg {width: 92% !important; margin: 0 auto !important;}
  .Home02 .TextInline p.s80, .TitularInline .TextInline .LeftG, .TextInline .TextP {display: block;}
  .Colabora .Home02 .TextInline span.v_mobile {width: 90% !important;}
  .animando.ColaboraP p {font-size: 5.3vw !important;}
  .animando.ColaboraP p .text-inline-images img {max-height: 7.2vw !important;}
  .TitDonacion h2 br {display: none;}
  .WrapColBg .wrap {margin: auto; justify-content: space-between; width: 100% !important; flex-direction: column;}
  .mobileScroll .Content {padding-bottom: 1em;}
  .wrap_Titular h2, .wrap_Titular h3 {width: 90%;}
  .first-section .Textinline {display: block; overflow: hidden !important;}
  .slider .flickity-page-dots {bottom: 0 !important;}
  .wrap_play {width: 13vw; max-width: 150px;}

  /* Footer */
  #inner-footer {flex-direction: column !important;}
  .menu-legal, .copy-footer {width: 100%; text-align: left !important;}
  .menu-legal ul {display: flex !important; flex-direction: column !important;}
  .menu-legal ul li {margin: 0 0 0.4em 0 !important;}

  .ColumnasValores .wrap_item_card {width: 48% !important; margin: 0 1%;}
  .wrap_full100 .wrap_flex {flex-direction: column;}
  .wrapColabora {width: 90% !important; margin: 0 5% 3em 0 !important;}
  .wrapProyecto {width: 90% !important; margin: 0 5% 0 0 !important;}
  .wrapProyecto img {width: 50% !important; margin: 0 5% 0 0 !important;}

  /* Tiendas slider */
  .carousel.Slider-Tiendas .carousel-cell {width: calc(var(--w, 1000) * 0.075vw) !important; height: auto !important;}

  /* Blog */
  .inner-header-blog .wrap_flex,
  .wrap_flex.header_single {flex-direction: column;}
  .header-blog-single #logoMagazine,
  .header-blog-single .tags {width: 100%;}
  .tags.wrap_flex {flex-direction: row; margin: 2em 0 0 !important;}
  .tags .categorias {margin: auto auto auto 0;}
  .header_single .titular {width: 100%; margin: 1.5em auto 0 0; padding: 0; border-right: 0;}
  .extrato.s22 p {font-size: 3vw !important; margin: 0 auto 1.5em !important;}
  .header_single .titular .single-title {padding-bottom: 0.7em !important;}
  .header_single .volver {width: 100%;}
  .header_single .autor {width: 100%; margin: 0 auto 1em; text-align: left; flex-direction: row;}
  .autor-meta {display: flex; margin: 0 auto 0 0;}
  .autor-meta img, .autor-meta .post-meta {margin: auto 0.6em auto 0 !important;}
  .autor .cat-meta {display: none !important;}
  .content_single .share {width: 10%;}
  .content_single .post__content {width: 90%; margin: 0 auto 0 0;}
  .single .s12 {font-size: 2vw !important;}
  .content_single .post__content p {font-size: 15px;}
  .content_single h2, .content_single h1, .content_single h3 {font-size: 24px;}
  .related-posts-grid {overflow-x: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap !important;}
  .related-posts-grid .related-post {width: 35% !important; margin: 0 5% 0 0; min-width: 35% !important;}
  .grid .item-blog, .grid .item-blog.doble {width: 47% !important; margin: 0 1.25% 1.75vw !important;}
  .archive .current-cat a {border-bottom: 3px solid #000;}
  .header-blog .clear3vw {height: 3vw;}

  /* Transparencia */
  .Transparencia.BloqueTxt .wrap p {text-align: center; width: 80%; margin: 0 auto; max-width: 80vw; font-size: 4.75vw;}
  .Transparencia.BloqueTxt p.big {font-size: 14vw; margin: 0.5em auto !important;}
  .infoGrafico {width: 100%;}
  .infoGrafico .wrap_flex2 {flex-direction: row;}
  .infoGrafico .Flex-Img,
  .infoGrafico.ImageRight .wrap_flex2 .Flex-Img {width: 49.5% !important; padding: 0 7.5%; display: flex; margin: auto;}
  .infoGrafico .Flex-Txt {width: 49.5%; padding: 0; margin: 0 auto;}
  .Flex-Separator {width: 1% !important; margin: 0 auto;}
  .animando .Home01.NewH2 .TextP {position: relative; bottom: auto; width: 90%; left: auto;}
  .animando .Home01 .TextP p {margin: 1.8em 0 0.2em; line-height: 1.2em;}
  .Flex-Txt p.s46 {font-size: 5.8vw !important;}
  h2.s70 {font-size: 8.42vw !important;}
  ol.s50 li {font-size: 6.58vw !important;}

  /* Página Hola */
  .page-id-22320 a.s20,
  .page-id-22320 p.s16, .wrap_absolute p.s16 {font-size: 3.6vw !important;}
  .hola {flex-direction: column;}
  .hola .w-40 {display: none;}
  .hola .w-60 {width: 100%; margin: 0;}
  .v__mobile {display: block !important;}
  .v__desktop {display: none !important;}
  .page-id-22320 #inner-footer {display: none !important;}
  .hola, .wrap_full_cinza, .page-id-22320 .wrap {background: #fff !important; width: 100% !important; margin: 0 auto !important;}
  .wrap_absolute {position: relative; top: 0 !important; width: 90%; margin: 1.5em auto;}
  a.v__mobile {display: inline-flex !important; margin: 0 auto 2.5em 0 !important;}
  .partners-row {justify-content: flex-start;}
  .pill-icon, .circle {width: 15vw !important; height: 15vw !important;}
  .pill {padding: 1.2em 1.2em !important; margin: 0.25em !important;}
  .partners-row.s30 a {font-size: 5vw !important;}
  .ItemGris .wrap_flex {flex-wrap: wrap;}

  /* Blog single content */
  .content_single .post__content p, .content_single .post__content ul li {font-size: 15px !important;}
  .content_single h4 {font-size: 4.8vw !important;}
  .content_single h3 {font-size: 5.5vw !important;}
  .content_single h2 {font-size: 7vw !important;}

  /* Logos finales */
  .LogosFinales .s18,
  .LogosFinales p.s18,
  .wrapColabora .s18,
  .wrapProyecto .s18 {font-size: 3.59vw !important;}

  /* ── Filtros mobile (materiales + tiendas) ── */
  .only-mobile {display: block !important;}
  .wrap_filtros {display: none !important;}
  .only-mobile.wrap_filtros {display: flex !important; position: relative; z-index: 1; flex-direction: row !important; justify-content: space-between;}
  .only-mobile.wrap_filtros .float-right {display: inline-flex !important;}
  .botonFiltros {background: none; padding: 0; font-size: 3.8vw !important; display: flex; align-items: center; cursor: pointer; border-radius: 5px; margin: 0.9em 0; font-weight: 500; min-width: 35% !important;}
  .botonFiltros img {margin: auto 0.5em !important;}
  .only-mobile.wrap_filtros .facetwp-facet input.facetwp-search {margin: 0; padding-right: 30px !important; min-width: 200px !important;}
  .materiales .FiltrosMobileBar .facetwp-icon:before {width: 5vw !important; background-size: 5vw 5vw !important;}
  .cerrar-filtros {width: 6.5vw !important; background: none; border: none; cursor: pointer; line-height: 1;}
  .cerrar-filtros img {width: 100%; margin: 0; display: block;}
  .contenedor-filtros-mobile {display: none !important; padding: 0;}
  .contenedor-filtros-mobile.abierto {display: block !important; background-color: #fff !important; margin: -4em 0 3em; z-index: 99; position: relative;}
  .filtros-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 0;}
  .filtros-bloque {background-color: #F6F3F0; padding: 1.5em; border-radius: 2em;}
  .filtros-bloque .filtro-item {margin-bottom: 1rem;}
  .filtros-bloque .facetwp-counter,
  .filtros-bloque .facetwp-expand {display: none;}
  .wrap_flex.Selections {margin: 0 0 1em;}
  .FiltrosMobileBar .float-right.Gris {display: none !important;}
  .facetwp-input-wrap input {font-size: 16px !important; line-height: 2em !important;}

  /* Sensibilización */
  .texto_sensi h1 {font-size: 6vw !important;}
  .item-material {margin-bottom: 2.5em !important; width: 48%; margin-right: 4%; display: inline-block;}
  .item-material:nth-child(3n) {margin-right: 4%;}
  .item-material:nth-child(2n) {margin-right: 0;}
  .wrap_flex.single_sensi {flex-direction: column !important;}
  .wrap_flex.single_sensi .imagen_destacada {width: 100% !important; margin-bottom: 2em;}
  .wrap_flex.single_sensi .texto_sensi {width: 90% !important; margin: 0 10% 0 0 !important;}
  .single-sensibilizacion .related-posts-grid .item-material {width: 65% !important; margin: 0 5% 0 0; min-width: 65% !important;}
  .formulario_sensi input {padding: 3vw;}
  .line_flex_submit .wrap_enviar {padding: 0 4vw !important;}
  .formulario_sensi .input-check input {margin-bottom: 0 !important;}
  .Col-AlignLeft .imagen img {border-radius: 8vw;}
  .Col-AlignLeft .destacado {font-size: 14px;}
  .flex-item-30 p.s20.linkCol .linkColabora {border: 2px solid #E1C3FF; border-radius: 3vw;}

  /* Tienda cards mobile — 2 columnas */
  .tienda-card {min-width: 45%; margin-bottom: 50px !important; width: 45%; margin-right: 5%;}

  /* Directorio / Taxonomía provincia */
  .archive.tax-provincia button#responsive-menu-pro-button {display: block !important;}
  .NewsDirectorio .wrap, .NewsDirectorio {width: 100% !important;}
  .NewsDirectorio .wrap img {display: none !important;}

  /* Traído del Customizer — sept/26 */
  .full_flex .hola {flex-direction: column-reverse;}
  .WrapDocs {flex-direction: column; gap: 1.5em; padding: 2.5em 0;}
  .docs-col__title, .docs-col__subtitle {text-align: left;}
  .docs-row {flex-wrap: wrap; gap: 0.5em; justify-content: flex-start;}
  .docs-row:has(.docs-row__label) {justify-content: space-between;}
  .promo-5extra .promo-hero__col2 {display: none !important;}
  .promo-5extra .v_mobile {display: block !important; width: 90%; margin: 0 10% 0 0;}
}


/* ── Breakpoint 660px — Blog grid + formularios ── */
@media (max-width: 660px) {
  .infoGrafico.Work a {border-radius: 4vw !important;}
  .formulario_alianza .wrap_flex {flex-direction: column !important;}
  .formulario_alianza .input-check {margin: 1.5em 0 !important;}

  /* Blog grid */
  .tags.wrap_flex {flex-direction: row; margin: 1em 0 0 0.25em !important;}
  .wrap-grid {width: 92% !important;}
  .moda-item, .moda-item--wide {width: 100% !important; margin: 30px 0 0 !important; padding: 0 0 5.13vw !important;}
  .moda-item--wide {margin: 0 0 15px 0 !important; padding: 5.13vw !important; border-top: 0; flex-direction: column;}
  .moda-item {display: flex;}
  .moda-item .wrap_text h3.post_title a {font-size: 4.15vw !important; text-align: left;}
  .moda-item .wrap_text h3.post_title {margin: 0 auto 0 0 !important;}
  .moda-item.moda-item--wide .wrap_text h3.post_title {margin: 0.7em auto 0 0 !important;}
  .moda-item .blog_thumb {width: 22% !important; margin: 0 5% 0 0; min-width: 22%;}
  .moda-item--wide .blog_thumb {width: 100% !important;}
  .moda-item--wide .wrap_text .center {text-align: left !important;}
  .moda-item--wide .wrap_text h3 {margin: 1em 0 0.7em !important; font-size: 6.15vw;}
  .moda-item--wide.first-wide {border-top: 1px solid #1D1D1B;}
}


/* ── Breakpoint 560px — Newsletter + sensibilización small ── */
@media (max-width: 560px) {
  .tienda-card {min-width: 95%; width: 95%; margin-right: 5%; margin-bottom: 50px !important;}
  .tienda-localidad.s22 {font-size: 4vw !important;}
  #main .promo-junio .promo-5extra .promo-hero__card {width: 100%; padding: 10vw 5vw; position: relative; border-radius: 0 !important;}
  .promo-tiendas {width: 90%; margin: 0 5%;}
  #newsletter .wrap_form_newsletter {width: 95% !important; margin: 0 5% 0 0;}
  .input-check a {margin: auto auto auto 0 !important;}
  .wrap_flex.single_sensi .texto_sensi {width: 100% !important; margin: 0 !important;}
}


/* ── Breakpoint 480px — Móviles pequeños ── */
@media (max-width: 480px) {
  /* Provincias */
  .wrap_listado_provincias ul {column-count: 2; column-gap: 5vw;}

  /* Tienda cards 1 col */
  .tienda-card {min-width: 95%; margin-bottom: 50px !important; width: 95%; margin-right: 5%;}

  /* Newsletter small */
  .wrap_newsletter {padding: 15vw 7% !important;}

  /* Blog single small */
  .content_single .share {width: 15%;}
  .content_single .post__content {width: 85%;}
  .share-buttons {width: 8.88vw;}
  .search-container {height: 5.6vw; width: 5.6vw;}
  .expandright {right: 5.6vw;}
  .related-posts-grid .related-post {width: 60% !important; margin: 0 5% 0 0; min-width: 60% !important;}
  .grid .item-blog, .grid .item-blog.doble {width: 100% !important; margin: 0 0 25px !important;}
  .grid .item-blog h3.post_title a {font-size: 22px !important;}
  .header-blog .clear3vw {height: 1.25em;}
  .header-blog .tags.wrap_flex {margin: 1.25em 0 0 !important;}
  .header-blog-single {margin: 5vw auto 5vw;}
  .header-blog-single .tags.wrap_flex {flex-direction: row; margin: 1.2em 0 0 !important;}
  .header_single .titular {margin: 1.2em auto 0 0;}
  .archive .current-cat a {border-bottom: 2px solid #000;}
}