/* =========================================================
   Power FM — Rediseño v2 (Opción B: diseño actual mejorado)
   Se carga AL FINAL (functions.php), así que sobrescribe los
   estilos anteriores sin borrarlos. Para revertir el look,
   basta con quitar el enqueue de este archivo.
   ========================================================= */

:root{
  --colorPrimario:#E6007E;
  --pfm-pink:#E6007E;
  --pfm-pink-dark:#B30062;
  --pfm-pink-soft:#FCE4F1;
  --pfm-cyan:#19B8E8;
  --pfm-ink:#17171C;
  --pfm-muted:#6B6878;
  --pfm-bg:#F6F5F8;
  --pfm-line:#ECEAF0;
  --pfm-radius:20px;
  --pfm-shadow:0 1px 3px rgba(23,23,28,.06),0 10px 24px rgba(23,23,28,.05);
  --pfm-font-title:'Poppins',system-ui,sans-serif;
  --pfm-font-body:'Nunito Sans',system-ui,sans-serif;
}

/* ---------- Base ---------- */
body{
  font-family:var(--pfm-font-body);
  color:var(--pfm-ink);
  background:var(--pfm-bg);
}
body h1,body h2,body h3,body h4,body h5{font-family:var(--pfm-font-title)}

/* ---------- Barra lateral ---------- */
body .content-menu-powerfm{
  background:#fff;
  border-left:8px solid var(--pfm-pink);
  border-right:1px solid var(--pfm-line);
  padding:28px 0 20px;
  display:flex;
  flex-direction:column;
}
body .logo-navbar{width:62%;max-width:190px}

body .content-enlaces{gap:8px;margin:18px 0 6px}
body .social-enlace{
  width:38px;height:38px;margin:0;padding:0;
  background:var(--pfm-pink);color:#fff;font-size:17px;
  transition:transform .15s ease,background-color .15s ease;
}
body .social-enlace:hover{background:var(--pfm-pink-dark);color:#fff;transform:translateY(-2px)}

body .search-navbar{width:84%;padding-top:14px}
body .search-navbar .form-control{
  height:46px;border-radius:999px;
  background:#F3F1F6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6878' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat 16px center;
  border:1px solid #E4E1EA;padding-left:42px;font-size:14px;
}
body .search-navbar .form-control:focus{
  background-color:#fff;border-color:var(--pfm-pink);
  box-shadow:0 0 0 3px rgba(230,0,126,.15);
}

/* Menú (wp_nav_menu) */
body .menu-desktop .menu,
body .menu-desplegable .menu{padding:6px 16px 0;margin:0}
body .menu li{margin:2px 0}
body .menu li a{
  display:block;padding:11px 14px;border-radius:12px;
  font-family:var(--pfm-font-title);font-weight:600;font-size:15px;
  letter-spacing:.02em;text-transform:uppercase;color:var(--pfm-ink);
  transition:background-color .15s ease,color .15s ease;
}
body .menu li a:hover{background:#F6F2F8;color:var(--pfm-pink-dark)}
body .menu > li.current-menu-item > a,
body .menu > li.current_page_item > a{background:var(--pfm-pink-soft);color:var(--pfm-pink-dark)}
body .menu .menu-item-has-children a:nth-child(1):after{left:8px;top:2px;font-size:12px}
body .sub-menu{
  height:auto;max-height:230px;padding:4px 0 6px 10px;margin:0;
  border-left:2px solid var(--pfm-pink-soft);margin-left:14px;
}
body .sub-menu li a{padding:7px 10px;font-size:13px;text-transform:none;font-family:var(--pfm-font-body);font-weight:700}

/* Menú móvil */
body .btn-desplegable{
  width:48px;height:48px;border-radius:12px;border:1px solid #E4E1EA;background:#fff;
}
body .btn-desplegable i{font-size:1.8rem;color:var(--pfm-ink)}

/* Bloque "Al aire ahora" (nuevo) */
.pfm-onair{
  margin:22px 16px 0;border-radius:16px;background:var(--pfm-ink);color:#fff;padding:16px;
}
.pfm-onair small{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;color:#FF7BC0}
.pfm-onair strong{display:block;font-family:var(--pfm-font-title);font-size:16px;margin:6px 0 2px}
.pfm-onair span{font-size:13px;color:#C9C6D1}

/* ---------- Portada: carrusel ---------- */
body .conte-slide{margin-top:16px}
body #carouselExampleAutoplaying{border-radius:var(--pfm-radius);overflow:hidden;box-shadow:0 10px 30px rgba(23,23,28,.14)}
body .img-slider{border-radius:0;display:block}
body .carousel-control-prev,
body .carousel-control-next{width:64px!important;opacity:1}
body .carousel-control-prev-icon,
body .carousel-control-next-icon{
  width:46px;height:46px;border-radius:50%;position:relative;
  background-color:rgba(255,255,255,.92);background-image:none;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}
body .carousel-control-prev-icon::before,
body .carousel-control-next-icon::before{
  font-family:'bootstrap-icons';font-size:18px;color:var(--pfm-ink);
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
}
body .carousel-control-prev-icon::before{content:"\F284"}
body .carousel-control-next-icon::before{content:"\F285"}
body .carousel-indicators{margin-bottom:14px;gap:6px}
body .carousel-indicators [data-bs-target]{
  width:8px;height:8px;border-radius:8px;border:0;margin:0;opacity:.6;
  background:#fff;transition:width .25s ease,opacity .25s ease;
}
body .carousel-indicators .active{width:28px;opacity:1}

/* ---------- Portada: columna derecha ---------- */
body .subcontent-index.pfm-side{gap:16px;padding-left:16px;justify-content:flex-start}

.pfm-live{
  margin-top:16px;border-radius:var(--pfm-radius);
  background:linear-gradient(135deg,#F0168A 0%,var(--pfm-pink) 100%);
  color:#fff;padding:24px;display:flex;flex-direction:column;gap:18px;
  box-shadow:0 10px 30px rgba(230,0,126,.25);
}
.pfm-live-top{display:flex;justify-content:space-between;align-items:center}
.pfm-badge{
  display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;
  background:rgba(255,255,255,.2);font-size:12px;font-weight:800;letter-spacing:.1em;
}
.pfm-badge i{width:8px;height:8px;border-radius:50%;background:#fff;animation:pfmPulse 1.4s infinite}
@keyframes pfmPulse{50%{opacity:.3}}
.pfm-eq{display:flex;gap:3px;align-items:flex-end;height:22px}
.pfm-eq span{width:4px;height:35%;background:#fff;border-radius:2px;animation:pfmEq .9s infinite ease-in-out}
.pfm-eq span:nth-child(2){animation-delay:.2s}
.pfm-eq span:nth-child(3){animation-delay:.4s}
.pfm-eq span:nth-child(4){animation-delay:.1s}
@keyframes pfmEq{0%,100%{height:25%}50%{height:100%}}
.pfm-live-row{display:flex;align-items:center;gap:16px}
.pfm-play{
  flex:0 0 72px;width:72px;height:72px;border-radius:50%;border:0;background:#fff;
  color:var(--pfm-pink);font-size:34px;line-height:1;
  display:flex;align-items:center;justify-content:center;padding-left:4px;
  box-shadow:0 6px 16px rgba(0,0,0,.18);cursor:pointer;transition:transform .15s ease;
}
.pfm-play:hover,.pfm-play:focus-visible{transform:scale(1.06)}
.pfm-play:focus-visible{outline:3px solid #fff;outline-offset:3px}
.pfm-live-title{display:block;font-family:var(--pfm-font-title);font-weight:800;font-size:26px;line-height:1}
.pfm-live-show{display:block;margin-top:6px;font-size:14px;font-weight:700}

.pfm-app{
  border-radius:var(--pfm-radius);background:var(--pfm-cyan);padding:22px;
  flex-direction:column;gap:12px;justify-content:space-between;
}
.pfm-app small{font-size:12px;font-weight:800;letter-spacing:.12em;color:#fff}
.pfm-app h3{margin:0;font-size:20px;line-height:1.25;color:#0B2A3A;font-weight:700}
.pfm-stores{display:flex;flex-wrap:wrap;gap:8px}
.pfm-stores a{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 16px;border-radius:10px;background:var(--pfm-ink);color:#fff;
  font-weight:800;font-size:13px;text-decoration:none;transition:transform .15s ease;
}
.pfm-stores a i{font-size:17px;line-height:1}
.pfm-stores a .bi-android2{color:#3DDC84}
.pfm-stores a:hover{color:#fff;transform:translateY(-2px)}

/* ---------- Últimas noticias ---------- */
body .container-post-noticias{padding:0 4px}
body .container-post-noticias > h4{
  font-weight:800;font-size:34px;margin-bottom:14px;color:var(--pfm-ink);
}
.pfm-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px}
.pfm-chips a{
  padding:9px 16px;border-radius:999px;background:#fff;border:1px solid #E4E1EA;
  font-size:13px;font-weight:800;color:var(--pfm-ink);text-decoration:none;
}
.pfm-chips a:hover{border-color:var(--pfm-pink);color:var(--pfm-pink-dark)}
.pfm-chips a.on{background:var(--pfm-pink);border-color:var(--pfm-pink);color:#fff}

/* Carga AJAX de noticias */
.pfm-news-grid{position:relative;min-height:240px;transition:opacity .2s ease}
.pfm-news-grid.is-loading{opacity:.35;pointer-events:none}
.pfm-news-grid.is-loading::after{
  content:"";position:absolute;top:120px;left:50%;width:38px;height:38px;margin-left:-19px;
  border-radius:50%;border:4px solid var(--pfm-pink-soft);border-top-color:var(--pfm-pink);
  animation:pfmSpin .7s linear infinite;
}
@keyframes pfmSpin{to{transform:rotate(360deg)}}
.pfm-news-empty{text-align:center;color:var(--pfm-muted);font-weight:700;padding:48px 0}

body .card-content{margin-bottom:24px}
body .enlaceNoticia{
  padding:0;height:100%;background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:var(--pfm-shadow);transition:transform .2s ease,box-shadow .2s ease;
}
body .enlaceNoticia:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(23,23,28,.12);color:var(--pfm-ink)}
body .enlaceNoticia .attachment-post-thumbnail{
  display:block;width:100%;aspect-ratio:16/10;height:auto!important;object-fit:cover;
}
body .content-nota{box-shadow:none;padding:16px 20px 22px;display:flex;flex-direction:column;gap:8px}
body .id_cat{
  padding:0;font-size:12px;letter-spacing:.06em;font-weight:800;color:var(--pfm-pink-dark);
}
body .title-post-intro{font-weight:600;font-size:17px;line-height:1.38;margin:0}
body .content-nota .text-secondary{margin-top:2px!important;font-size:13px;color:var(--pfm-muted)!important}

.pfm-more{display:flex;justify-content:center;margin:8px 0 12px}
.pfm-more a{
  padding:13px 28px;border-radius:999px;border:2px solid var(--pfm-pink);
  color:var(--pfm-pink-dark);font-weight:800;text-decoration:none;
  transition:background-color .15s ease,color .15s ease;
}
.pfm-more a:hover{background:var(--pfm-pink);color:#fff}

/* ---------- Footer ---------- */
body .footer-barra{
  background:#fff;margin-top:40px;padding:36px 24px;gap:20px;
  border-top:4px solid var(--pfm-pink);
  border-radius:var(--pfm-radius) var(--pfm-radius) 0 0;
  box-shadow:0 -6px 24px rgba(23,23,28,.05);
}
/* Footer único v2: marca + oficinas + contacto */
body .footer-barra.pfm-footer{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);
  gap:32px;align-items:start;padding:40px 40px 36px;font-size:15px;color:var(--pfm-ink);
}
.pfm-foot-brand{display:flex;flex-direction:column;gap:12px}
.pfm-foot-brand img{width:130px;height:auto;display:block}
.pfm-foot-brand small{color:var(--pfm-muted);font-size:13px}
.pfm-foot-col h6{
  margin:0 0 12px;font-family:var(--pfm-font-title);font-weight:700;font-size:13px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--pfm-pink-dark);
  display:flex;align-items:center;gap:8px;
}
.pfm-foot-col h6 i{font-size:16px;color:var(--pfm-pink)}
.pfm-foot-col address{margin:0;font-style:normal;line-height:1.6;color:#3B3946}
.pfm-foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pfm-foot-col li{display:flex;align-items:center;gap:10px;color:#3B3946}
.pfm-foot-col li i{color:var(--pfm-pink);font-size:16px}
.pfm-foot-col a{color:#3B3946;text-decoration:none;font-weight:700}
.pfm-foot-col a:hover{color:var(--pfm-pink-dark);text-decoration:underline}
@media (max-width:991.98px){
  body .footer-barra.pfm-footer{grid-template-columns:1fr 1fr;padding:32px 24px}
  .pfm-foot-brand{grid-column:1 / -1}
}
@media (max-width:575.98px){
  body .footer-barra.pfm-footer{grid-template-columns:1fr;gap:24px}
}

/* Escritorio: los 2 recuadros (magenta y azul) ocupan toda la altura del slider */
@media (min-width:992px){
  body .subcontent-index.pfm-side{height:100%;padding-top:16px;box-sizing:border-box}
  body .pfm-side .pfm-live,
  body .pfm-side .pfm-app{flex:1 1 auto;margin-top:0}
  body .pfm-side .pfm-live{justify-content:center;gap:28px}
  body .pfm-side .pfm-app{justify-content:center;gap:16px}
}
/* Pantallas medianas (slider más bajo): recuadros más compactos */
@media (min-width:992px) and (max-width:1499.98px){
  body .subcontent-index.pfm-side{gap:12px}
  body .pfm-side .pfm-live{padding:16px 18px;gap:14px}
  body .pfm-side .pfm-play{flex-basis:56px;width:56px;height:56px}
  body .pfm-side .pfm-play svg{width:24px;height:24px}
  body .pfm-side .pfm-live-title{font-size:21px}
  body .pfm-side .pfm-live-show{font-size:13px;margin-top:4px}
  body .pfm-side .pfm-app{padding:16px 18px;gap:10px}
  body .pfm-side .pfm-app small{font-size:11px}
  body .pfm-side .pfm-app h3{font-size:16px}
  body .pfm-side .pfm-stores{gap:6px}
  body .pfm-side .pfm-stores a{padding:8px 11px;font-size:12px}
}

/* ---------- Responsive ---------- */
@media (max-width:991.98px){
  body .subcontent-index.pfm-side{padding-left:0}
  .pfm-live{margin-top:0}
}
@media (max-width:767.98px){
  body .content-menu-powerfm{border-left:0;border-top:6px solid var(--pfm-pink);border-right:0;padding:18px 0 10px}
  body .logo-navbar{width:44%}
  body .container-post-noticias > h4{font-size:26px}
  .pfm-live-title{font-size:22px}
}
@media (prefers-reduced-motion:reduce){
  .pfm-badge i,.pfm-eq span{animation:none}
  body .enlaceNoticia,.pfm-play,.pfm-stores a{transition:none}
}