/*
Theme Name: APKB Gutenberg
Theme URI: https://pescakayakbarcelona.cat
Author: Juan José Jiménez · APKB
Description: Tema nativo de bloques para la Associació Pesca Kayak Barcelona.
Version: 3.5.24
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: apkb
*/


/* APKB 3.5.5 — corrección móvil redundante.
   Se incluye también en style.css y main.css para evitar que una caché/opcache
   del hosting pueda mantener una referencia antigua del stylesheet principal. */
@media (max-width:700px){
  html body.apkb-page-club-apppesca main .phone-stage,
  html body.apkb-page-club-apppesca main .album-phones{
    display:grid!important;
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr) minmax(0,.88fr)!important;
    align-items:start!important;
    gap:5px!important;
    position:relative!important;
    width:100%!important;
    max-width:390px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:24px auto 0!important;
    padding:0 2px!important;
    overflow:visible!important;
    perspective:none!important;
    transform:none!important;
  }
  html body.apkb-page-club-apppesca main .album-phones{margin-top:8px!important}
  html body.apkb-page-club-apppesca main .phone-stage .app-glow{display:none!important}

  html body.apkb-page-club-apppesca main .phone-stage .app-phone,
  html body.apkb-page-club-apppesca main .album-phones .app-phone{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    aspect-ratio:274/570!important;
    margin:0!important;
    padding:4px!important;
    border-radius:20px!important;
    transform:none!important;
    transform-origin:center!important;
    box-shadow:0 10px 20px rgba(0,0,0,.30)!important;
    overflow:hidden!important;
    filter:none!important;
  }
  html body.apkb-page-club-apppesca main .phone-stage .app-phone img,
  html body.apkb-page-club-apppesca main .album-phones .app-phone img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    min-height:0!important;
    border-radius:16px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#02080d!important;
  }
  html body.apkb-page-club-apppesca main .phone-stage .app-phone::after,
  html body.apkb-page-club-apppesca main .album-phones .app-phone::after{
    display:none!important;
    content:none!important;
  }
  html body.apkb-page-club-apppesca main .phone-left,
  html body.apkb-page-club-apppesca main .phone-album-species{order:1!important}
  html body.apkb-page-club-apppesca main .phone-main,
  html body.apkb-page-club-apppesca main .phone-album-cover{order:2!important}
  html body.apkb-page-club-apppesca main .phone-right,
  html body.apkb-page-club-apppesca main .phone-album-real{order:3!important}

  html body.apkb-page-club-apppesca main .showcase-phone-duo,
  html body.apkb-page-club-apppesca main .community-phones{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
    gap:8px!important;
    position:relative!important;
    width:100%!important;
    max-width:390px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0 2px!important;
    overflow:visible!important;
    perspective:none!important;
    transform:none!important;
  }
  html body.apkb-page-club-apppesca main .showcase-phone-duo .app-phone,
  html body.apkb-page-club-apppesca main .community-phones .app-phone{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    aspect-ratio:274/570!important;
    margin:0!important;
    padding:5px!important;
    border-radius:24px!important;
    transform:none!important;
    transform-origin:center!important;
    box-shadow:0 12px 22px rgba(0,0,0,.32)!important;
    overflow:hidden!important;
    filter:none!important;
  }
  html body.apkb-page-club-apppesca main .showcase-phone-duo .app-phone img,
  html body.apkb-page-club-apppesca main .community-phones .app-phone img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    min-height:0!important;
    border-radius:19px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#02080d!important;
  }
  html body.apkb-page-club-apppesca main .showcase-phone-duo .app-phone::after,
  html body.apkb-page-club-apppesca main .community-phones .app-phone::after{
    display:none!important;
    content:none!important;
  }

  /* Variante online de Concursos: una sola imagen que contiene dos teléfonos. */
  html body.apkb-page-club-apppesca main img[src*="club-apppesca-concursos-actualizado"]{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  html body.apkb-page-club-apppesca main figure:has(> img[src*="club-apppesca-concursos-actualizado"]),
  html body.apkb-page-club-apppesca main .wp-block-image:has(img[src*="club-apppesca-concursos-actualizado"]){
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    overflow:visible!important;
  }

  /* Banner Relájate: siempre completo, nunca recortado en móvil. */
  html body.apkb-page-club-apppesca main .app-relax{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  html body.apkb-page-club-apppesca main .app-relax img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}

/* APKB 3.5.6 — corrección definitiva responsive Club AppPesca.
   IMPORTANTE: la plantilla page.html no contiene <main>; por eso las reglas
   3.5.5 que incluían "main" no podían coincidir con el DOM real. */
@media (max-width:700px){
  html body.apkb-page-club-apppesca .wp-block-post-content .phone-stage,
  html body.apkb-page-club-apppesca .wp-block-post-content .album-phones{
    display:grid!important;
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr) minmax(0,.88fr)!important;
    align-items:start!important;
    gap:5px!important;
    position:relative!important;
    width:100%!important;
    max-width:390px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:24px auto 0!important;
    padding:0 2px!important;
    overflow:visible!important;
    perspective:none!important;
    transform:none!important;
  }
  html body.apkb-page-club-apppesca .wp-block-post-content .album-phones{margin-top:8px!important}
  html body.apkb-page-club-apppesca .wp-block-post-content .phone-stage .app-glow{display:none!important}

  html body.apkb-page-club-apppesca .wp-block-post-content .phone-stage .app-phone,
  html body.apkb-page-club-apppesca .wp-block-post-content .album-phones .app-phone{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    aspect-ratio:274/570!important;
    margin:0!important;
    padding:4px!important;
    border-radius:20px!important;
    transform:none!important;
    transform-origin:center!important;
    box-shadow:0 10px 20px rgba(0,0,0,.30)!important;
    overflow:hidden!important;
    filter:none!important;
  }
  html body.apkb-page-club-apppesca .wp-block-post-content .phone-stage .app-phone img,
  html body.apkb-page-club-apppesca .wp-block-post-content .album-phones .app-phone img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    min-height:0!important;
    border-radius:16px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#02080d!important;
  }
  html body.apkb-page-club-apppesca .wp-block-post-content .phone-stage .app-phone::after,
  html body.apkb-page-club-apppesca .wp-block-post-content .album-phones .app-phone::after{
    display:none!important;
    content:none!important;
  }

  html body.apkb-page-club-apppesca .wp-block-post-content .phone-left,
  html body.apkb-page-club-apppesca .wp-block-post-content .phone-album-species{order:1!important}
  html body.apkb-page-club-apppesca .wp-block-post-content .phone-main,
  html body.apkb-page-club-apppesca .wp-block-post-content .phone-album-cover{order:2!important}
  html body.apkb-page-club-apppesca .wp-block-post-content .phone-right,
  html body.apkb-page-club-apppesca .wp-block-post-content .phone-album-real{order:3!important}

  html body.apkb-page-club-apppesca .wp-block-post-content .showcase-phone-duo,
  html body.apkb-page-club-apppesca .wp-block-post-content .community-phones{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
    gap:8px!important;
    position:relative!important;
    width:100%!important;
    max-width:390px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0 2px!important;
    overflow:visible!important;
    perspective:none!important;
    transform:none!important;
  }
  html body.apkb-page-club-apppesca .wp-block-post-content .showcase-phone-duo .app-phone,
  html body.apkb-page-club-apppesca .wp-block-post-content .community-phones .app-phone{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    aspect-ratio:274/570!important;
    margin:0!important;
    padding:5px!important;
    border-radius:24px!important;
    transform:none!important;
    transform-origin:center!important;
    box-shadow:0 12px 22px rgba(0,0,0,.32)!important;
    overflow:hidden!important;
    filter:none!important;
  }
  html body.apkb-page-club-apppesca .wp-block-post-content .showcase-phone-duo .app-phone img,
  html body.apkb-page-club-apppesca .wp-block-post-content .community-phones .app-phone img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    min-height:0!important;
    border-radius:19px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#02080d!important;
  }
  html body.apkb-page-club-apppesca .wp-block-post-content .showcase-phone-duo .app-phone::after,
  html body.apkb-page-club-apppesca .wp-block-post-content .community-phones .app-phone::after{
    display:none!important;
    content:none!important;
  }

  html body.apkb-page-club-apppesca .wp-block-post-content img[src*="club-apppesca-concursos-actualizado"]{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  html body.apkb-page-club-apppesca .wp-block-post-content figure:has(> img[src*="club-apppesca-concursos-actualizado"]),
  html body.apkb-page-club-apppesca .wp-block-post-content .wp-block-image:has(img[src*="club-apppesca-concursos-actualizado"]){
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    overflow:visible!important;
  }

  html body.apkb-page-club-apppesca .wp-block-post-content .app-relax{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  html body.apkb-page-club-apppesca .wp-block-post-content .app-relax img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}

/* APKB 3.5.7 — responsive Club AppPesca sin dependencia de wrappers Gutenberg. */
@media (max-width:700px){
  html body.apkb-page-club-apppesca .phone-stage,
  html body.apkb-page-club-apppesca .album-phones{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.16fr) minmax(0,.82fr)!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:6px!important;
    position:relative!important;
    width:calc(100% - 16px)!important;
    max-width:390px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:24px auto 0!important;
    padding:0!important;
    overflow:visible!important;
    perspective:none!important;
    transform:none!important;
    transform-style:flat!important;
  }
  html body.apkb-page-club-apppesca .album-phones{margin-top:10px!important}
  html body.apkb-page-club-apppesca .phone-stage .app-glow{display:none!important}

  html body.apkb-page-club-apppesca .phone-stage > .app-phone,
  html body.apkb-page-club-apppesca .album-phones > .app-phone{
    box-sizing:border-box!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:274/570!important;
    margin:0!important;
    padding:3px!important;
    border-radius:16px!important;
    transform:none!important;
    translate:none!important;
    filter:none!important;
    overflow:hidden!important;
    box-shadow:0 8px 16px rgba(0,0,0,.30)!important;
  }
  html body.apkb-page-club-apppesca .phone-stage > .phone-main,
  html body.apkb-page-club-apppesca .album-phones > .phone-album-cover{
    z-index:3!important;
  }
  html body.apkb-page-club-apppesca .phone-stage > .phone-left,
  html body.apkb-page-club-apppesca .album-phones > .phone-album-species{
    z-index:2!important;
    order:1!important;
  }
  html body.apkb-page-club-apppesca .phone-stage > .phone-main,
  html body.apkb-page-club-apppesca .album-phones > .phone-album-cover{
    order:2!important;
  }
  html body.apkb-page-club-apppesca .phone-stage > .phone-right,
  html body.apkb-page-club-apppesca .album-phones > .phone-album-real{
    z-index:2!important;
    order:3!important;
  }
  html body.apkb-page-club-apppesca .phone-stage > .app-phone::after,
  html body.apkb-page-club-apppesca .album-phones > .app-phone::after{
    display:none!important;
    content:none!important;
  }
  html body.apkb-page-club-apppesca .phone-stage > .app-phone > img,
  html body.apkb-page-club-apppesca .album-phones > .app-phone > img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:13px!important;
    background:#02080d!important;
  }

  html body.apkb-page-club-apppesca .showcase-phone-duo,
  html body.apkb-page-club-apppesca .community-phones{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    position:relative!important;
    width:calc(100% - 16px)!important;
    max-width:390px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
    perspective:none!important;
    transform:none!important;
    transform-style:flat!important;
  }
  html body.apkb-page-club-apppesca .showcase-phone-duo > .app-phone,
  html body.apkb-page-club-apppesca .community-phones > .app-phone{
    box-sizing:border-box!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:274/570!important;
    margin:0!important;
    padding:4px!important;
    border-radius:20px!important;
    transform:none!important;
    translate:none!important;
    filter:none!important;
    overflow:hidden!important;
    box-shadow:0 9px 18px rgba(0,0,0,.30)!important;
  }
  html body.apkb-page-club-apppesca .showcase-phone-duo > .app-phone::after,
  html body.apkb-page-club-apppesca .community-phones > .app-phone::after{
    display:none!important;
    content:none!important;
  }
  html body.apkb-page-club-apppesca .showcase-phone-duo > .app-phone > img,
  html body.apkb-page-club-apppesca .community-phones > .app-phone > img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:16px!important;
    background:#02080d!important;
  }

  html body.apkb-page-club-apppesca img[src*="club-apppesca-concursos-actualizado"]{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  html body.apkb-page-club-apppesca .app-relax{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  html body.apkb-page-club-apppesca .app-relax img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}