/* Franjas "Impulsado por Playfarma · PARTNER DIGITAL" */
.pf-strip{background:#233242;color:#fff;width:100%;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px;box-sizing:border-box;flex-wrap:wrap;line-height:1.2}
.pf-strip .pf-imp{font-size:13px;letter-spacing:.04em;color:rgba(255,255,255,.85)}
.pf-strip img{height:26px;width:auto;filter:brightness(0) invert(1)}
.pf-strip .pf-pd{font-size:10px;letter-spacing:.2em;color:rgba(255,255,255,.55);border-left:1px solid rgba(255,255,255,.3);padding-left:14px}
.masthead .header-bar > .pf-strip{position:relative;width:100vw;left:50%;margin-left:-50vw}
#footer > .pf-strip{border-top:3px solid #96BF10;border-bottom:1px solid rgba(255,255,255,.12)}

/* Botón "Strava" de la cabecera: sin relleno verde */
.header-elements-button-2::before,.header-elements-button-2::after{background:transparent!important}


/* Cabecera fija al hacer scroll (#phantom) */
#phantom .pf-strip{padding:7px 16px;gap:14px}
#phantom .pf-strip .pf-imp{font-size:14px}
#phantom .pf-strip img{height:24px}
#phantom .pf-strip .pf-pd{font-size:11px;padding-left:14px}
#phantom .logo-box,#phantom .logo-box a{flex-shrink:0!important;min-width:0}
#phantom .logo-box{flex:0 0 auto!important;width:auto!important;padding-right:30px!important}
#phantom .logo-box img{height:52px!important;width:auto!important;max-width:none!important;max-height:none!important}
#phantom .menu-box{flex:1 1 auto!important;justify-content:flex-end!important}
#phantom .main-nav{flex-wrap:nowrap!important}
#phantom .main-nav > li > a{padding-left:9px!important;padding-right:9px!important}
#phantom .main-nav > li > a .menu-text{font-size:14px!important;white-space:nowrap}
@media (max-width:1320px){
  #phantom .logo-box{padding-right:16px!important}
  #phantom .main-nav > li > a{padding-left:6px!important;padding-right:6px!important}
  #phantom .main-nav > li > a .menu-text{font-size:12.5px!important}
}
@media (max-width:1100px){
  #phantom .logo-box img{height:44px!important}
  #phantom .main-nav > li > a{padding-left:4px!important;padding-right:4px!important}
  #phantom .main-nav > li > a .menu-text{font-size:11.5px!important}
}


/* Cabecera móvil (hasta 1070px): franja fija junto a la cabecera */
.masthead > .pf-strip-mobile{display:none}
@media (max-width:1070px){
  /* Igual que la franja del footer */
  .masthead > .pf-strip-mobile{display:flex;flex-wrap:nowrap;padding:10px 16px;gap:14px}
  .masthead > .pf-strip-mobile .pf-imp{font-size:13px;white-space:nowrap}
  .masthead > .pf-strip-mobile img{height:26px}
  .masthead > .pf-strip-mobile .pf-pd{font-size:10px;padding-left:14px;white-space:nowrap}
  .masthead-mobile-header .mobile-header-bar{background:#233242}
  /* Logo móvil: algo más grande y visible también en la cabecera fija */
  .masthead .mobile-branding img.mobile-logo{height:48px!important;width:auto!important;max-width:none!important}
  /* Botón del menú móvil algo más pequeño */
  .masthead .mobile-header-bar .dt-mobile-menu-icon{transform:scale(.75);transform-origin:right center}
  .masthead.sticky-mobile-on .mobile-branding > a{display:block!important}
}


/* Slider de portada: sin flechas */
#main-slideshow sr7-arrow, #main-slideshow .sr7-arrows{display:none!important}

/* Logo del footer más pequeño */
#footer .widget_media_image img.wp-image-46041{max-width:190px!important;height:auto!important}
@media (max-width:778px){
  #footer .widget_media_image img.wp-image-46041{max-width:160px!important}
}

/* Banda de inscripción bajo el slider (texto escalable, sin márgenes) */
.home #main{padding-top:0!important}
.pf-inscripcion-row{margin:0!important}
.pf-inscripcion-row .vc_column-inner{padding:0!important}
.pf-inscripcion,.pf-inscripcion .wpb_wrapper,.pf-inscripcion p{margin:0!important;padding:0!important}
.pf-inscripcion-link{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(12px,3vw,36px);background:#233242;padding:clamp(14px,2.4vw,26px) 20px;text-decoration:none!important;transition:background .2s}
.pf-inscripcion-link:hover{background:#1b2734}
.pf-inscripcion-logo{height:clamp(32px,5vw,64px);width:auto;display:block}
.pf-inscripcion-text{color:#fff;font-weight:600;font-size:clamp(16px,2.6vw,34px);letter-spacing:.04em;line-height:1.15;text-align:center}

/* Vídeo con portada propia (YouTube se carga al pulsar) */
.pf-video-row{margin-top:clamp(30px,5vw,60px)!important}
.pf-video-wrap p{margin:0!important}
.pf-video{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;background:#1a1c20;border-radius:6px}
.pf-video-poster{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;transition:transform .5s}
.pf-video:hover .pf-video-poster{transform:scale(1.03)}
.pf-video-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,28,32,.75),rgba(26,28,32,.1) 60%)}
.pf-video-play{position:absolute;left:50%;top:50%;width:clamp(64px,9vw,96px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#96bf10;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .2s}
.pf-video-play::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:clamp(11px,1.5vw,16px) 0 clamp(11px,1.5vw,16px) clamp(18px,2.5vw,27px);border-color:transparent transparent transparent #fff}
.pf-video:hover .pf-video-play,.pf-video:focus-visible .pf-video-play{transform:translate(-50%,-50%) scale(1.08)}
.pf-video:focus-visible{outline:3px solid #96bf10;outline-offset:3px}
.pf-video-title{position:absolute;left:clamp(16px,3vw,32px);right:clamp(16px,3vw,32px);bottom:clamp(14px,2.5vw,28px);color:#fff;font-weight:700;font-size:clamp(16px,2.2vw,26px);line-height:1.2;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.pf-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Botones "Ver etapa" con el color de cada prueba */
.pf-etapa-btn{margin-top:14px!important;margin-bottom:36px!important;text-align:left!important}
.pf-etapa-btn .vc_btn3{--pf-c:#96bf10;--pf-t:#fff;--pf-a:rgba(255,255,255,.22);display:inline-flex!important;align-items:center;gap:12px;padding:10px 10px 10px 24px!important;border:0!important;border-radius:999px!important;background:var(--pf-c)!important;background-image:none!important;color:var(--pf-t)!important;font-weight:700!important;font-size:13px!important;letter-spacing:.1em;text-transform:uppercase;line-height:1!important;text-decoration:none!important;box-shadow:0 8px 18px -10px var(--pf-c);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.pf-etapa-btn .vc_btn3::after{content:"\2192";display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pf-a);font-size:15px;font-weight:700;line-height:1;transition:transform .2s ease}
.pf-etapa-btn .vc_btn3:hover,.pf-etapa-btn .vc_btn3:focus-visible{transform:translateY(-2px);box-shadow:0 14px 24px -12px var(--pf-c);filter:brightness(1.06);color:var(--pf-t)!important}
.pf-etapa-btn .vc_btn3:hover::after,.pf-etapa-btn .vc_btn3:focus-visible::after{transform:translateX(3px)}
.pf-etapa-btn .vc_btn3:focus-visible{outline:3px solid var(--pf-c);outline-offset:3px}
.pf-etapa-pravia .vc_btn3{--pf-c:#3366ff}
.pf-etapa-aller .vc_btn3{--pf-c:#e33287}
.pf-etapa-cangas .vc_btn3{--pf-c:#339966}
.pf-etapa-somiedo .vc_btn3{--pf-c:#ebd036;--pf-t:#1a1c20;--pf-a:rgba(26,28,32,.12)}

/* Franja de la cabecera en escritorio, algo más grande */
.masthead .header-bar > .pf-strip{padding:12px 16px;gap:18px}
.masthead .header-bar > .pf-strip .pf-imp{font-size:15px}
.masthead .header-bar > .pf-strip img{height:32px}
.masthead .header-bar > .pf-strip .pf-pd{font-size:12px;padding-left:18px}
/* Móviles muy estrechos */
@media (max-width:370px){.masthead > .pf-strip-mobile{gap:10px;padding:10px 10px}.masthead > .pf-strip-mobile .pf-imp{font-size:12px}.masthead > .pf-strip-mobile img{height:22px}.masthead > .pf-strip-mobile .pf-pd{font-size:9px;letter-spacing:.12em;padding-left:10px}}
