/*
Theme Name: C&C Ediciones Jurídicas
Description: Tema editorial (diseño Toga clásica). Todo se edita desde el Escritorio de WordPress: Libros, Opiniones, Autores, Eventos y Apariencia > Personalizar.
Version: 1.2.0
Author: C&C Ediciones Jurídicas
Text Domain: cyc
*/
:root{--bg:#faf7f0;--tx:#1b2433;--nav:#14213d;--navtx:#f5efe0;--ac:#c9a24b;--actx:#14213d;--ac2:#9a7a2c;--card:#fff;--foot:#0e1829;--alt:#f1ebdc;--fh:'Playfair Display',Georgia,serif;--fb:'Inter','Segoe UI',sans-serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--tx);font:19px/1.6 var(--fb)}img{max-width:100%}a{color:inherit}
h1,h2,h3,h4,.big{font-family:var(--fh);font-weight:700}
.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 5%;background:var(--nav);color:var(--navtx)}
.nav a{text-decoration:none}.brand{display:flex;align-items:center;gap:14px}.brand img{height:58px;width:auto}.wm{font:700 30px var(--fh);color:var(--ac)}.brand small{display:block;font:italic 14px var(--fh);color:var(--ac);max-width:230px;line-height:1.25}
.nav ul{list-style:none;display:flex;align-items:center;gap:26px;padding:0;font-size:17px}.nav .cta{background:var(--ac);color:var(--actx);padding:10px 20px;border-radius:40px;font-weight:700}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:70px 5%;background:linear-gradient(135deg,#14213d,#22345c);color:#fff}
.tag{font:italic 700 25px var(--fh);color:var(--ac);margin-bottom:12px}.hero h1{font-size:54px;line-height:1.1;margin-bottom:22px}.hero h1 em{font-style:normal;color:var(--ac)}.hero p{font-size:22px;max-width:640px}.hero .logo img{height:170px;width:auto;margin-bottom:16px}
.btn{display:inline-block;margin:26px 14px 0 0;padding:15px 30px;border-radius:40px;background:var(--ac);color:var(--actx);font-weight:700;font-size:18px;text-decoration:none;border:0;cursor:pointer}.btn.o{background:none;border:2px solid var(--ac);color:#fff}
.vid{position:relative;width:min(420px,100%);aspect-ratio:9/16;margin:auto;border-radius:30px;overflow:hidden;border:6px solid var(--ac);box-shadow:0 30px 60px #0006;background:#0e1829;display:grid;place-items:center;text-align:center;color:var(--navtx)}.vid video{width:100%;height:100%;object-fit:cover}
.lema{height:420px;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(#000a,#000a),var(--g,linear-gradient(135deg,#14213d,#22345c)) center 30%/cover}.lema .big{font-size:50px;max-width:1000px;line-height:1.15;padding:0 5%}.lema small{display:block;font:600 18px var(--fb);letter-spacing:4px;color:var(--ac);margin-bottom:14px;text-transform:uppercase}.lema img{height:110px;width:auto;margin:0 auto 12px;display:block}
.stats{display:flex;justify-content:space-around;background:var(--nav);color:var(--navtx);padding:44px 5%;text-align:center}.stats b{display:block;font:700 54px var(--fh);color:var(--ac)}
.sec{padding:80px 5%}.sec.alt{background:var(--alt)}.sec h2{font-size:46px;text-align:center;margin-bottom:8px}.sub{text-align:center;opacity:.75;margin-bottom:40px;font-size:21px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.box{background:var(--card);padding:34px;border-radius:18px;border-top:5px solid var(--ac)}.box h3{font-size:28px;margin-bottom:10px}.box li{margin:6px 0 6px 22px}
.chips{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:0 0 30px}.chips span{padding:8px 20px;border-radius:30px;background:var(--card);border:1px solid var(--ac2);font-size:17px;cursor:pointer}.chips span.on{background:var(--ac2);color:#fff}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.bk{background:var(--card);border-radius:18px;padding:20px;box-shadow:0 8px 24px #0001;display:flex;flex-direction:column;transition:transform .2s}.bk:hover{transform:translateY(-6px)}.bk img{width:100%;height:340px;object-fit:contain}.bk small{display:block;margin-top:10px;color:var(--ac2);text-transform:uppercase;font-size:13px;letter-spacing:1.5px;font-weight:700}.bk h3{font-size:21px;line-height:1.25;margin:4px 0 8px}.bk h3 a{text-decoration:none}.bk p{font-size:16px;line-height:1.45;opacity:.85;flex:1}.bk .pr{font:700 26px var(--fh);margin:8px 0;opacity:1;flex:0}
.bk a.b{display:block;text-align:center;padding:12px;border-radius:10px;font-weight:700;font-size:16px;margin-top:8px;background:var(--ac);color:var(--actx);text-decoration:none}.ml,.bk a.ml{background:#ffe600!important;color:#2d3277!important}
.auth{display:grid;grid-template-columns:1fr 1fr;gap:40px}.ac{display:flex;gap:28px;align-items:center;background:var(--card);padding:30px;border-radius:18px}.ac img,.ac .ph{width:200px;height:200px;border-radius:50%;object-fit:cover;object-position:top;border:5px solid var(--ac);flex:none}.ac .ph{display:grid;place-items:center;background:var(--alt);font:700 56px var(--fh);color:var(--ac2)}.ac h3{font-size:28px}.ac small{color:var(--ac2);font-weight:700;font-size:17px}.ac span{font-size:16px;opacity:.8}
.tm{background:var(--card);padding:30px;border-radius:18px;font-size:19px}.tm .st{color:#3483fa;font-size:24px;letter-spacing:3px}.tm i{display:block;margin:10px 0}.tm b{font-size:16px}.tm em{display:block;font-size:13px;opacity:.6;font-style:normal;margin-top:4px}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gal img{width:100%;height:300px;object-fit:cover;border-radius:16px;cursor:zoom-in}.gal figcaption{font-size:16px;opacity:.7;margin-top:6px}.gal .empty{height:300px;border:2px dashed var(--ac2);border-radius:16px;display:grid;place-items:center;text-align:center;padding:16px;font-size:15px;opacity:.8}
.soc{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.sc{background:var(--card);border-radius:18px;padding:28px;text-align:center;border-top:6px solid var(--c)}.sc .ic{width:70px;height:70px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font:700 28px var(--fh);margin:0 auto 12px}.sc h3{font-size:26px}.sc p{font-size:17px;line-height:1.5}.sc .btn{margin:12px 0 0;font-size:16px;padding:11px 24px}
.ct{display:grid;grid-template-columns:.8fr 1fr 1fr 1.2fr;gap:28px;background:var(--foot);color:var(--navtx);padding:60px 5%;font-size:18px}.ct h3{color:var(--ac);font-size:26px;margin-bottom:10px}.ct img{height:120px;width:auto;margin-bottom:12px}.ct a{color:inherit}.ct .sl{font:italic 18px var(--fh);color:var(--ac)}
.wa,.msg{position:fixed;right:22px;color:#fff;padding:14px 24px;border-radius:40px;font-weight:700;text-decoration:none;z-index:30;box-shadow:0 8px 20px #0004}.wa{bottom:22px;background:#25d366}.msg{bottom:80px;background:#0084ff;font-size:16px;padding:11px 22px}
.one{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start;padding:60px 5%;max-width:1200px;margin:auto}.one>img{width:100%;filter:drop-shadow(0 30px 30px #0005);cursor:zoom-in}.one h1{font-size:42px;margin:6px 0}.pbig{font:700 50px var(--fh);margin:10px 0}.sp{display:flex;gap:30px;margin:16px 0;font-size:16px}.sp b{display:block;font:700 26px var(--fh)}.pill{display:inline-block;padding:16px 34px;border-radius:40px;background:var(--ac);color:var(--actx);font-weight:700;font-size:19px;margin:8px 10px 0 0;text-decoration:none}.pill.o{background:none;border:2px solid var(--ac);color:var(--tx)}.txt{max-width:1200px;margin:auto;padding:0 5% 60px;font-size:20px}.txt .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.txt .gallery img{width:100%;height:auto;border-radius:12px;cursor:zoom-in}.txt .gallery-item{margin:0}.rv{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.lb{position:fixed;inset:0;background:#000d;z-index:60;display:none;place-items:center;cursor:zoom-out}.lb.on{display:grid}.lb img{max-width:94vw;max-height:94vh;border-radius:8px}
.page{max-width:850px;margin:auto;padding:50px 5%}.page h1{font-size:40px;margin-bottom:20px}
.bar{background:var(--ac);color:var(--actx);text-align:center;font-weight:700;font-size:16px;padding:9px 5%}.bar a{text-decoration:none}.badge{display:inline-block;background:var(--ac);color:var(--actx);font:700 13px var(--fb);letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-top:8px}
.nv{display:grid;grid-template-columns:.6fr 1.4fr;gap:44px;align-items:center;max-width:1100px;margin:0 auto 30px;background:var(--card);padding:34px;border-radius:22px;box-shadow:0 8px 24px #0001}.nv img{width:100%;filter:drop-shadow(0 20px 20px #0004)}.nv h3{font-size:36px;margin:10px 0}.nv h3 a{text-decoration:none}.nv p{font-size:20px}
@media(max-width:900px){.nv{grid-template-columns:1fr;padding:20px}.nv h3{font-size:28px}body{font-size:17px}.nav ul li:not(:last-child){display:none}.hero,.three,.auth,.ct,.one{grid-template-columns:1fr}.hero{padding:34px 6%}.hero h1{font-size:34px}.hero .logo img{height:120px}.grid,.soc,.rv,.gal{grid-template-columns:1fr 1fr}.stats{flex-wrap:wrap;gap:16px}.stats b{font-size:40px}.lema{height:300px}.lema .big{font-size:30px}.sec h2{font-size:32px}.sec{padding:50px 5%}.ac{flex-direction:column;text-align:center}.bk img{height:230px}.gal img,.gal .empty{height:200px}.brand small{display:none}.one h1{font-size:30px}.txt .gallery{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grid,.soc,.rv,.gal{grid-template-columns:1fr}}

/* v1.2 · opiniones horizontales */
.tmw{position:relative;display:flex;align-items:center;gap:10px}
.tmx{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 22px;flex:1;min-width:0;scrollbar-width:auto;scrollbar-color:var(--ac) #e6dfcc;-webkit-overflow-scrolling:touch}
.tmx::-webkit-scrollbar{height:14px}.tmx::-webkit-scrollbar-track{background:#e6dfcc;border-radius:8px}.tmx::-webkit-scrollbar-thumb{background:var(--ac);border-radius:8px;border:2px solid #e6dfcc}
.tmx .tm{flex:0 0 340px;scroll-snap-align:start;display:flex;flex-direction:column;border-top:5px solid #3483fa}.tmx .tm i{flex:1}
.tmb{flex:none;width:46px;height:46px;border-radius:50%;border:0;background:var(--nav);color:var(--ac);font-size:30px;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0003}.tmb:hover{background:var(--ac);color:var(--nav)}
.hint{text-align:center;font-size:15px;opacity:.65;margin-top:6px}
/* v1.2 · misión, valores e historia */
.sec.esn{background:linear-gradient(135deg,#14213d 0%,#22345c 55%,#2d4478 100%);color:#fff;position:relative;overflow:hidden}
.sec.esn:before{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#c9a24b55,#c9a24b00 70%)}
.sec.esn h2{color:#fff}.sec.esn .sub{color:var(--ac);opacity:1}
.esg{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}
.ec{padding:36px 32px;border-radius:22px;box-shadow:0 18px 40px #0005;position:relative}
.ec .ico{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px}.ec .ico svg{width:38px;height:38px}
.ec h3{font-size:30px;margin-bottom:12px}.ec p{font-size:19px;line-height:1.6}
.ec.c1{background:linear-gradient(160deg,#e4c071,#c9a24b);color:#14213d}.c1 .ico{background:#14213d;color:#e4c071}
.ec.c2{background:#fffaf0;color:#14213d;border-top:8px solid #c9a24b}.c2 .ico{background:#c9a24b;color:#14213d}
.ec.c2 ul{list-style:none;margin:0}.ec.c2 li{margin:10px 0;padding-left:34px;position:relative;font-size:20px;font-weight:700}.ec.c2 li:before{content:"✓";position:absolute;left:0;top:-2px;width:24px;height:24px;border-radius:50%;background:#14213d;color:#e4c071;font-size:15px;display:grid;place-items:center}
.ec.c3{background:linear-gradient(160deg,#1c2d52,#101a30);color:#f5efe0;border:2px solid #c9a24b}.c3 .ico{background:#c9a24b;color:#14213d}
.esr{display:flex;align-items:flex-end;gap:24px;margin-top:44px;position:relative}
.esr .mas{height:230px;width:auto;flex:none;filter:drop-shadow(0 12px 14px #0007)}
.strip{display:flex;gap:16px;overflow-x:auto;padding:18px 10px 24px;flex:1;min-width:0;scrollbar-width:thin;scrollbar-color:#c9a24b #ffffff22}
.strip img{height:210px;width:auto;border-radius:6px;box-shadow:0 12px 24px #0008;transform:rotate(var(--r));flex:none;border:3px solid #fff}
@media(max-width:900px){.esg{grid-template-columns:1fr}.esr{flex-direction:column;align-items:center}.esr .mas{height:160px}.strip{width:100%}.strip img{height:170px}.tmx .tm{flex-basis:84%}.tmb{display:none}}