/*
Theme Name: Audiolibros para Todos
Theme URI: https://ccec.com.ar
Author: Juan
Description: Tema propio, minimo y rapido para el catalogo de audiolibros. Sin page builder ni dependencias externas.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: audiolibros-para-todos
*/

/* ---------- Tokens ---------- */
:root{
--lpc-primary:#4b45c9;--lpc-nav:#ffbd59;--lpc-nav-ink:#1b1f24;
--lpc-primary-dark:#3a34a3;
--lpc-cta:#27ae60;
--lpc-cta-dark:#1e8c4d;
--lpc-accent:#f39c12;
--lpc-accent-dark:#d4870c;
--lpc-ink:#1b1f24;
--lpc-body:#3d4450;
--lpc-muted:#6b7480;
--lpc-line:#e3e6ea;
--lpc-bg:#ffffff;
--lpc-soft:#f6f8fa;
--lpc-radius:10px;
--lpc-wrap:1140px;
--lpc-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--lpc-font);font-size:17px;line-height:1.65;color:var(--lpc-body);background:var(--lpc-bg);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--lpc-primary);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{color:var(--lpc-ink);line-height:1.25;margin:0 0 .6em}
h1{font-size:2rem}
h2{font-size:1.5rem;margin-top:1.8em}
h3{font-size:1.15rem}
p{margin:0 0 1.1em}
.lpc-wrap{max-width:var(--lpc-wrap);margin:0 auto;padding-inline:20px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.lpc-skip:focus{position:fixed;left:12px;top:12px;z-index:999;background:#fff;padding:10px 16px;border-radius:6px}

/* ---------- Header ---------- */
.lpc-header{background:var(--lpc-nav);color:var(--lpc-nav-ink)}
.lpc-header a{color:var(--lpc-nav-ink)}
.lpc-header-inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-block:14px}
.lpc-brand{font-size:1.25rem;font-weight:700;line-height:1.2;text-decoration:none}
.lpc-brand img{max-height:54px;width:auto}
.custom-logo-link{display:inline-block;line-height:0}
.custom-logo{max-height:54px;width:auto}
.lpc-nav{margin-left:auto}
.lpc-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0}
.lpc-nav a{font-size:.95rem;font-weight:600;padding:6px 2px;display:inline-block;opacity:.95}
.lpc-nav a:hover{opacity:1;text-decoration:underline}
.lpc-nav-toggle{display:none;background:rgba(0,0,0,.1);border:0;color:var(--lpc-nav-ink);font:inherit;font-weight:600;padding:8px 14px;border-radius:6px;cursor:pointer}

/* ---------- Buscador ---------- */
.lpc-searchbar{background:var(--lpc-soft);border-bottom:1px solid var(--lpc-line)}
.lpc-search{display:flex;gap:8px;padding-block:12px}
.lpc-search input[type=search]{flex:1;min-width:0;padding:11px 14px;font:inherit;font-size:.95rem;border:1px solid var(--lpc-line);border-radius:var(--lpc-radius);background:#fff}
.lpc-search input[type=search]:focus{outline:2px solid var(--lpc-primary);outline-offset:1px}
.lpc-search button{padding:11px 20px;font:inherit;font-weight:600;color:#fff;background:var(--lpc-primary);border:0;border-radius:var(--lpc-radius);cursor:pointer}
.lpc-search button:hover{background:var(--lpc-primary-dark)}

/* ---------- Layout ---------- */
.lpc-main{padding-block:32px 48px}

/* ---------- Ficha del audiolibro ---------- */
.lpc-hero{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start;margin-bottom:34px}
.lpc-hero-title{font-size:2.1rem;margin-bottom:.35em}
.lpc-stars{color:var(--lpc-accent);font-size:1.4rem;letter-spacing:2px;margin-bottom:.5rem}
.lpc-meta{list-style:none;margin:0 0 20px;padding:0;color:var(--lpc-muted);font-size:.98rem}
.lpc-meta li{margin-bottom:5px}
.lpc-meta strong{color:var(--lpc-ink)}
.lpc-cover{margin:0;border-radius:var(--lpc-radius);overflow:hidden;border:1px solid var(--lpc-line);background:var(--lpc-soft)}
.lpc-cover img{width:100%;display:block}

/* Portada enlazada + boton de play superpuesto */
.lpc-cover-link{position:relative;display:block;line-height:0;overflow:hidden}
.lpc-cover-link::after{content:"";position:absolute;inset:0;background:rgba(10,14,20,.28);opacity:0;transition:opacity .2s ease}
.lpc-cover-link:hover::after,.lpc-cover-link:focus-visible::after{opacity:1}
.lpc-play{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:68px;height:68px;border-radius:50%;
background:rgba(255,255,255,.92);
box-shadow:0 4px 18px rgba(10,14,20,.35);
display:flex;align-items:center;justify-content:center;
transition:transform .2s ease,background .2s ease;z-index:2
}
/* El triangulo: un borde izquierdo solido, sin imagenes ni iconos externos */
.lpc-play::before{
content:"";display:block;margin-left:6px;
border-style:solid;border-width:15px 0 15px 24px;
border-color:transparent transparent transparent var(--lpc-cta)
}
.lpc-cover-link:hover .lpc-play,.lpc-cover-link:focus-visible .lpc-play{transform:translate(-50%,-50%) scale(1.08);background:#fff}
.lpc-cover-link:focus-visible{outline:3px solid var(--lpc-primary);outline-offset:2px}

/* ---------- Botones ---------- */
.lpc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:1.02rem;color:#fff;background:var(--lpc-cta);padding:14px 26px;border-radius:var(--lpc-radius);text-decoration:none;transition:background .15s ease}
.lpc-btn:hover{background:var(--lpc-cta-dark);color:#fff;text-decoration:none}
.lpc-btn-block{display:flex;width:100%;background:var(--lpc-accent);margin:26px 0;font-size:1.08rem}
.lpc-btn-block:hover{background:var(--lpc-accent-dark)}

/* ---------- Migas ---------- */
.lpc-crumbs{font-size:.88rem;color:var(--lpc-muted);margin-bottom:18px}
.lpc-crumbs a{color:var(--lpc-muted)}
.lpc-crumbs span{margin-inline:6px}

/* ---------- Contenido ---------- */
.lpc-content{max-width:820px}
.lpc-content h2{border-bottom:1px solid var(--lpc-line);padding-bottom:.3em}
.lpc-content ul,.lpc-content ol{padding-left:1.3em;margin-bottom:1.1em}
.lpc-content li{margin-bottom:.4em}

/* ---------- FAQ acordeon ---------- */
.lpc-faq{border:1px solid var(--lpc-line);border-radius:var(--lpc-radius);margin:10px 0;background:#fff;overflow:hidden}
.lpc-faq>summary{cursor:pointer;list-style:none;padding:15px 46px 15px 18px;position:relative;transition:background .15s ease}
.lpc-faq>summary::-webkit-details-marker{display:none}
.lpc-faq>summary:hover{background:var(--lpc-soft)}
.lpc-faq>summary>h3{margin:0;font-size:1.03rem;font-weight:600;display:inline}
.lpc-faq>summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid var(--lpc-primary);border-bottom:2px solid var(--lpc-primary);transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}
.lpc-faq[open]>summary::after{transform:translateY(-25%) rotate(-135deg)}
.lpc-faq[open]>summary{border-bottom:1px solid var(--lpc-line)}
.lpc-faq-a{padding:14px 18px 16px;margin:0}
.lpc-faq-a p:last-child{margin-bottom:0}

/* ---------- Video ---------- */
.lpc-video{margin:40px auto 0;max-width:820px}
.lpc-video-frame{position:relative;aspect-ratio:16/9;border-radius:var(--lpc-radius);overflow:hidden;background:#000}
.lpc-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- Grilla de tarjetas ---------- */
.lpc-archive-head{margin-bottom:26px}
.lpc-archive-head h1{margin-bottom:.2em}
.lpc-archive-head p{color:var(--lpc-muted);margin:0}
.lpc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px;list-style:none;margin:0;padding:0}
.lpc-card{border:1px solid var(--lpc-line);border-radius:var(--lpc-radius);overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .18s ease,transform .18s ease}
.lpc-card:hover{box-shadow:0 8px 24px rgba(20,30,50,.10);transform:translateY(-2px)}
.lpc-card-media{position:relative;aspect-ratio:3/4;background:var(--lpc-soft);overflow:hidden}
.lpc-card-media img{width:100%;height:100%;object-fit:cover}
.lpc-badge{position:absolute;top:10px;right:10px;background:var(--lpc-primary);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.lpc-card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.lpc-card-title{font-size:1.03rem;margin:0;line-height:1.35}
.lpc-card-title a{color:var(--lpc-ink)}
.lpc-card-title a:hover{color:var(--lpc-primary);text-decoration:none}
.lpc-card-dur{font-size:.85rem;color:var(--lpc-muted);margin:0}

/* ---------- Enlazado interno ---------- */
.lpc-relacionados{margin-top:44px;max-width:820px}
.lpc-relacionados h2{margin-bottom:.8em}
.lpc-enlaces{list-style:none;margin:0;padding:0;border-top:1px solid var(--lpc-line)}
.lpc-enlaces li{border-bottom:1px solid var(--lpc-line);padding:13px 2px}
.lpc-enlaces a{font-weight:600;line-height:1.4;display:inline-block}
.lpc-enlace-meta{display:block;margin-top:3px;font-size:.84rem;color:var(--lpc-muted)}

/* ---------- Paginacion ---------- */
.lpc-pagination{margin-top:40px;display:flex;justify-content:center}
.lpc-pagination .page-numbers{display:inline-block;padding:9px 15px;margin:0 3px;border:1px solid var(--lpc-line);border-radius:8px;color:var(--lpc-ink);font-size:.95rem}
.lpc-pagination .page-numbers:hover{border-color:var(--lpc-primary);text-decoration:none}
.lpc-pagination .current{background:var(--lpc-primary);border-color:var(--lpc-primary);color:#fff}

/* ---------- Footer ---------- */
.lpc-footer{background:var(--lpc-ink);color:#aeb6c2;margin-top:56px;padding-block:32px}
.lpc-footer a{color:#fff}
.lpc-footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;font-size:.9rem}
.lpc-footer ul{list-style:none;display:flex;gap:18px;margin:0;padding:0;flex-wrap:wrap}

/* ---------- Responsive ---------- */
@media (max-width:900px){
.lpc-hero{grid-template-columns:1fr;gap:24px}
.lpc-cover{max-width:280px;margin-inline:auto}
.lpc-hero-title{font-size:1.65rem}
}
@media (max-width:767px){
body{font-size:16px}

/* En mobile la ficha se centra: titulo, estrellas, duracion y boton */
.lpc-hero-main{text-align:center}
.lpc-hero-main .lpc-btn{display:flex;width:100%;max-width:340px;margin-inline:auto}
.lpc-meta{text-align:center}
.lpc-crumbs{text-align:center}
.lpc-play{width:56px;height:56px}
.lpc-play::before{border-width:12px 0 12px 19px;margin-left:5px}

.lpc-nav-toggle{display:block;margin-left:auto}
.lpc-nav{flex-basis:100%;margin-left:0;display:none}
.lpc-nav.is-open{display:block}
.lpc-nav ul{flex-direction:column;gap:0}
.lpc-nav a{padding:10px 0;display:block;border-top:1px solid rgba(255,255,255,.18)}
.lpc-faq>summary{padding:13px 40px 13px 14px}
.lpc-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.lpc-footer-inner{flex-direction:column;align-items:flex-start}
}