/* Premium: visual finishes only. Original art geometry and animation remain in original CSS. */
:root{--gold:#e8c789;--white:#f7f1e5}
body{background-color:#050c19}
.nav{background:rgba(5,12,25,.94);border-bottom:1px solid rgba(232,199,137,.2)}
.brand{color:#f5e8ce}.brand em{color:#e8c789}
.navlinks a{transition:color .2s ease}.navlinks a:hover{color:#ffe1a1}
.navcta{background:linear-gradient(150deg,#17273e,#091322);border:1px solid #a78a54;box-shadow:inset 0 1px 0 #fff2cc24,0 3px 0 #020711,0 6px 18px #0004;color:#f1d59e;transition:transform .2s,box-shadow .2s}
.hero{background:radial-gradient(ellipse at 74% 38%,#152b4c 0%,#0c1830 30%,transparent 64%),radial-gradient(ellipse at 50% 105%,#272027 0%,transparent 45%),linear-gradient(115deg,#040b18,#0a1426 55%,#081121)!important}
.hero-heading .hero-title-first{color:#fff1d7!important}
.hero-heading .hero-title-tagline{color:#eadcc6!important}
.hero-values-quote{color:#c7d0df!important}
.site-directory{background:linear-gradient(180deg,#071020,#050c19)}
.directory-grid{gap:22px}
.directory-grid a{position:relative;text-align:left;padding:30px 25px 33px;background:linear-gradient(145deg,#1a2b42 0%,#0e1b2e 48%,#081222 100%);border:1px solid #b69b687a;border-top-color:#e8c789c9;border-radius:16px;box-shadow:inset 0 1px 0 #fff5d52a,inset 0 -2px 0 #ffffff08,0 5px 0 #030915,0 6px 0 #60728c6b,0 15px 30px #0005;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.directory-grid a:after{content:'↗';position:absolute;right:24px;top:29px;color:#f0ce8c;font-size:23px}
.directory-grid strong{padding-right:28px;color:#f2d494}.directory-grid span{color:#d1d9e6;line-height:1.65}
.btn.primary{border:1px solid #f0d297;border-top-color:#fff0c8;background:linear-gradient(125deg,#f6dfa8 0%,#e3bc74 45%,#d2a55b 100%);color:#101b2b;border-radius:10px;box-shadow:inset 0 2px 0 #fff6d987,inset 0 -2px 0 #9c733650,0 4px 0 #89622e,0 5px 0 #f7d58d6b,0 13px 25px #0004;text-shadow:none;transition:transform .2s ease,box-shadow .2s ease}
.btn.ghost,.text-link,.book-page-back,.standalone-book-back{color:#ecd39e}
.amazon-premium{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:74px;padding:20px 30px!important;max-width:100%;width:310px;box-sizing:border-box;gap:0!important}
.amazon-premium .amazon-official-badge{display:block;width:230px!important;max-width:100%!important;height:auto!important;min-width:140px;object-fit:contain;transform:none!important;filter:none!important;box-shadow:none!important;animation:none!important;transition:none!important;border:0!important;border-radius:0!important}
.affiliate-note{font:400 13px/1.6 Inter,system-ui,sans-serif!important;letter-spacing:0!important;color:#bdc9db!important;margin:15px 0 0!important;max-width:510px}
.book-purchase{margin:32px 0 26px}.expanded-book-actions{margin-top:20px}
.standalone-book-container>.page-back{padding:0 0 24px;margin:0}
.channel-identity{display:flex;align-items:center;gap:40px;margin:34px 0 0;flex-wrap:wrap}
.channel-identity .youtube-official-icon{width:217px!important;height:auto!important;object-fit:contain;display:block;filter:none!important;transform:none!important;animation:none!important}
.channel-identity span{font:400 18px/1.5 Georgia,serif;color:#f0dfbd;white-space:nowrap}
.youtube-premium{letter-spacing:.025em!important;text-transform:none!important;font-size:15px!important;line-height:1.5;gap:15px!important;min-height:58px;max-width:100%;text-align:center}
footer{border-top-color:#b398624f;background:#050c19}
.premium-legal{margin-top:25px;padding-top:18px;border-top:1px solid #a58d5c33;display:grid;gap:6px}
.premium-legal p{margin:0;font-size:12px;line-height:1.7;color:#afbdd0;max-width:100%}
a:focus-visible,button:focus-visible{outline:3px solid #ffe2a2;outline-offset:5px}
@media(hover:hover){.btn.primary:hover{transform:translateY(-2px);box-shadow:inset 0 2px 0 #fff6d987,0 6px 0 #89622e,0 17px 28px #0005}.directory-grid a:hover{transform:translateY(-3px);border-color:#e8c789;box-shadow:inset 0 1px 0 #fff5d52a,0 7px 0 #030915,0 8px 0 #60728c6b,0 20px 34px #0005}}
.btn.primary:active,.navcta:active,.directory-grid a:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff5d540,0 1px 0 #6f542c,0 5px 12px #0004}
@media(max-width:800px){.channel-identity{justify-content:center}.affiliate-note{max-width:100%}.youtube .actions{justify-content:center}}
@media(max-width:480px){.directory-grid a{padding:26px 23px 29px}.directory-grid a:after{top:25px}.amazon-premium{width:100%;min-width:0;padding:20px 24px!important}.amazon-premium .amazon-official-badge{width:210px!important}.book .actions{gap:18px}.channel-identity{flex-direction:column;gap:36px}.channel-identity span{font-size:17px}.youtube-premium{width:100%;font-size:14px!important;padding:16px!important}.premium-legal{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.btn.primary,.directory-grid a,.navcta{transition:none!important}}
/* Revision 2: approved metallic bevels, luminous edges and deeper navy cards. */
:root{--gold:#f0c66d;--white:#fff1d9}
.hero{background:radial-gradient(ellipse at 72% 45%,#10233a88,transparent 60%),linear-gradient(110deg,#020a13,#061221 60%,#030b15)!important}
.hero-values-quote{color:#eee4d3!important}
.nav{border-bottom-color:#d4ad5a88;background:#040c17f5}
.navlinks [aria-current="page"]{color:#ffe0a0;box-shadow:0 2px #e8be60;padding-bottom:5px}
.site-directory{background:linear-gradient(#040d1a,#020a14)}
.directory-grid a{padding:30px 26px 34px;border-radius:18px;border-color:#a9b9c066;border-top-color:#ffdf8e;background:radial-gradient(ellipse 60% 24% at 50% 0%,#fff0b253,transparent 80%),linear-gradient(155deg,#26384a 0%,#112235 25%,#061323 65%,#030d1b 100%);box-shadow:inset 0 1px 0 #fff1b8, inset 0 -2px 0 #70859a66,0 5px 0 #14263a,0 6px 0 #6c829077,0 15px 24px #0009;transition:transform .12s ease,box-shadow .12s ease}
.directory-grid a:before{content:'';position:absolute;top:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#fff5cf,transparent);box-shadow:0 2px 12px #ffd675;pointer-events:none}
.directory-grid a:after{content:'→';font-size:28px;color:#ffd575}
.directory-grid strong{font-family:Georgia,serif;font-size:clamp(25px,2.5vw,34px);font-weight:600;color:#f6ce73;text-shadow:0 1px 1px #000}
.directory-grid span{font-family:Georgia,serif;font-size:18px;color:#f4eee3;line-height:1.5}
.btn.primary{background:linear-gradient(110deg,#fff0bd66,transparent 48%),linear-gradient(180deg,#f8df9f 0%,#e9bd62 30%,#c99531 76%,#dfb354 94%,#ffe5a2 100%);border:1px solid #ffe3a0;border-top:2px solid #fff2ca;border-radius:14px;box-shadow:inset 0 2px 1px #fff7dcaa,inset 0 -2px 1px #fff1bbaa,0 5px 0 #89601e,0 6px 0 #e8be67,0 15px 28px #0008;color:#080e18;transition:transform .12s ease,box-shadow .12s ease}
.amazon-premium{width:100%;max-width:510px;min-height:78px;padding:20px 36px!important}
.amazon-premium .amazon-official-badge{width:310px!important}
.book .actions{gap:26px;align-items:flex-start;flex-direction:column}
.book .actions .text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:220px;padding:9px 22px;border:1px solid #f1cf8a;border-radius:12px;font:400 18px/1.4 Georgia,serif;background:linear-gradient(#0b1927,#040c17);box-shadow:inset 0 1px #fff0bc33,0 3px #02060d}
.youtube-premium{width:100%;padding:18px 25px;font:600 clamp(20px,2vw,28px)/1.3 Georgia,serif!important;letter-spacing:0!important;min-height:76px;justify-content:center}
.channel-identity{gap:12px;margin-top:20px;flex-wrap:nowrap}
.channel-identity span{font-size:clamp(17px,2vw,25px)}
.youtube-grid>.youtube-logo{order:-1}
.youtube-grid{gap:60px}
.youtube .actions{margin-top:18px}
a,button{-webkit-tap-highlight-color:#f5ce7133;touch-action:manipulation}
.navlinks a,.text-link,.page-back a{transition:color .12s ease,background-color .12s ease}
.navlinks a:active,.page-back a:active{color:#fff0b4;background-color:#d2ae5020}
@media(hover:hover){.directory-grid a:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff1b8,inset 0 -2px 0 #70859a66,0 7px 0 #14263a,0 8px 0 #6c829077,0 19px 30px #0009}.btn.primary:hover{transform:translateY(-2px);box-shadow:inset 0 2px 1px #fff7dcaa,inset 0 -2px 1px #fff1bbaa,0 7px 0 #89601e,0 8px 0 #e8be67,0 19px 30px #0008}}
.btn.primary:active,.directory-grid a:active{transform:translateY(3px);box-shadow:inset 0 1px 2px #60411144,0 1px 0 #775521,0 5px 10px #0006;transition-duration:.06s}
@media(max-width:800px){.youtube-grid{gap:32px}.channel-identity{flex-wrap:wrap}.youtube-grid>.youtube-logo{order:0}}
@media(max-width:480px){.directory-grid a{padding:26px 24px 30px}.directory-grid span{font-size:17px}.amazon-premium{padding:20px 25px!important}.amazon-premium .amazon-official-badge{width:240px!important;min-width:140px}.channel-identity{gap:8px}.channel-identity span{font-size:19px}.youtube-premium{font-size:20px!important}.book .actions .text-link{width:100%}}

/* V3: final restrained interactive polish; official marks and artwork untouched. */
@media (hover:hover) and (pointer:fine){
 .navlinks a{position:relative;text-shadow:0 0 0 transparent;transition:color .14s ease,text-shadow .18s ease}
 .navlinks a:hover,.navlinks a:focus-visible{color:#ffe3a4;text-shadow:0 0 11px #e5b95770}
 .navlinks a::after{content:"";position:absolute;left:12%;right:12%;bottom:-7px;height:1px;background:linear-gradient(90deg,transparent,#f2d48c,transparent);opacity:0;transform:scaleX(.65);transition:opacity .16s ease,transform .16s ease;pointer-events:none}
 .navlinks a:hover::after,.navlinks a:focus-visible::after{opacity:1;transform:scaleX(1)}
 .btn.primary:hover{filter:brightness(1.035)}
 .channel-identity .youtube-official-icon{filter:drop-shadow(0 3px 1px #02081380) drop-shadow(0 9px 13px #0007)!important;transition:filter .16s ease!important}
}
@media (prefers-reduced-motion:reduce){.navlinks a,.navlinks a::after,.channel-identity .youtube-official-icon{transition:none!important}}


/* V4 — refinamiento premium, sin modificar HTML, marcas ni enlaces */
.btn.primary{
  position:relative;
  background:linear-gradient(115deg,#fff6d06b 0%,transparent 38%),
             linear-gradient(180deg,#fff0bd 0%,#ebc978 24%,#c99135 68%,#ad7627 88%,#e4b962 100%);
  border-color:#dfb35e;
  border-top-color:#fff0c3;
  box-shadow:inset 0 2px 1px #fff8dfb0,inset 0 -2px 2px #69421255,
             0 4px 0 #77501b,0 5px 0 #b98936,0 12px 22px #0007;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
  will-change:auto;
}
.btn.primary:active{
  transform:translateY(3px);
  box-shadow:inset 0 2px 4px #67431d55,0 1px 0 #77501b,0 5px 9px #0006;
  filter:brightness(.98);
  transition-duration:.08s;
}
@media (hover:hover) and (pointer:fine){
  .btn.primary:hover{
    transform:translateY(-2px);
    box-shadow:inset 0 2px 1px #fff8dfb0,inset 0 -2px 2px #69421255,
               0 6px 0 #77501b,0 7px 0 #b98936,0 17px 28px #0008;
    filter:brightness(1.035);
  }
  .btn.primary:hover:active{
    transform:translateY(3px);
    box-shadow:inset 0 2px 4px #67431d55,0 1px 0 #77501b,0 5px 9px #0006;
  }
  .channel-identity .youtube-official-icon{
    filter:drop-shadow(0 2px 0 #801c20) drop-shadow(0 5px 0 #3d1018)
           drop-shadow(0 10px 12px #0009)!important;
    transition:filter .16s ease,transform .16s ease!important;
  }
  .channel-identity:hover .youtube-official-icon{
    filter:drop-shadow(0 3px 0 #8f2023) drop-shadow(0 7px 0 #3d1018)
           drop-shadow(0 13px 15px #0009) brightness(1.045)!important;
  }
}
.channel-identity .youtube-official-icon{
  filter:drop-shadow(0 2px 0 #801c20) drop-shadow(0 5px 0 #3d1018)
         drop-shadow(0 10px 12px #0009)!important;
}
.navlinks a:focus-visible,.btn:focus-visible,.text-link:focus-visible{
  outline:2px solid #ffe0a0;
  outline-offset:5px;
}
@media(max-width:480px){
  .amazon-premium{max-width:100%;min-height:70px;padding:16px 18px!important}
  .amazon-premium .amazon-official-badge{max-width:100%!important}
  .youtube-premium{min-height:66px;padding:16px 18px}
}
@media(prefers-reduced-motion:reduce){
  .btn.primary,.channel-identity .youtube-official-icon{
    transition:none!important;
  }
}

/* V5: botones de compra compactos, destello perimetral, icono YouTube con relieve */
.amazon-premium{width:265px!important;min-height:59px!important;padding:12px 21px!important;border-radius:12px!important;vertical-align:middle}
.amazon-premium .amazon-official-badge{width:200px!important;min-width:0!important;max-width:100%!important}
.book .actions,.book-purchase .actions,.expanded-book-actions{align-items:center}
.affiliate-note{margin:9px 0 0!important;font-size:12px!important;line-height:1.55!important;color:#bdc9db!important;max-width:380px!important}
@media(max-width:480px){.amazon-premium{width:min(265px,100%)!important;min-height:59px!important;padding:12px 18px!important}.amazon-premium .amazon-official-badge{width:200px!important;min-width:0!important}}
/* Perimetral: brillo pequeño que recorre el contorno sin parpadeo global */
.directory-grid a{position:relative;isolation:isolate;overflow:hidden}
.directory-grid a::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--glow-angle,0deg),transparent 0deg,transparent 310deg,#eac87988 329deg,#fff4ca 341deg,#d2a25299 351deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:premium-border-orbit 8s linear infinite;opacity:.76;z-index:2}
@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes premium-border-orbit{to{--glow-angle:360deg}}
.directory-grid a:hover::before{opacity:1;filter:brightness(1.2)}
/* El icono original se conserva; se añade relieve y brillo sobre su superficie */
.channel-identity .youtube-official-icon{filter:drop-shadow(0 1px 0 #ffd7d655) drop-shadow(0 3px 0 #9e252b) drop-shadow(0 6px 0 #55151c) drop-shadow(0 13px 14px #0009)!important;transition:filter .18s ease,transform .18s ease!important;transform:perspective(800px) rotateX(2deg)!important}
@media(hover:hover) and (pointer:fine){.channel-identity .youtube-official-icon:hover{filter:drop-shadow(0 1px 0 #ffe3e055) drop-shadow(0 5px 0 #9e252b) drop-shadow(0 8px 0 #55151c) drop-shadow(0 17px 18px #0009) brightness(1.07)!important;transform:perspective(800px) rotateX(3deg) translateY(-2px)!important}}
@media(prefers-reduced-motion:reduce){.directory-grid a::before{animation:none;opacity:.25}.channel-identity .youtube-official-icon{transition:none!important}}

.book .actions:has(.amazon-premium){flex-wrap:wrap;column-gap:18px;row-gap:8px}.book .actions:has(.amazon-premium) .affiliate-note{flex-basis:100%;order:1}.book .actions:has(.amazon-premium) .text-link{order:2;flex-basis:100%;margin-top:2px}



/* V7 — halo dorado difuso; reemplaza completamente el trazo V6. */
.directory-grid a{position:relative;isolation:isolate;overflow:hidden;box-shadow:inset 0 0 0 1px #d5ac5940,0 0 12px #c99b2314}
.directory-grid a::before{content:none!important;animation:none!important}
.directory-grid a>.premium-edge-runner{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}
.directory-grid a>.premium-edge-runner rect{
 fill:none;stroke:#eecb78;stroke-width:10;vector-effect:non-scaling-stroke;
 stroke-linecap:round;stroke-dasharray:9 91;stroke-dashoffset:0;
 opacity:.46;filter:blur(9px);animation:premium-halo-orbit 11s linear infinite;
}
@keyframes premium-halo-orbit{to{stroke-dashoffset:-100}}
@media(hover:hover) and (pointer:fine){
 .directory-grid a:hover>.premium-edge-runner rect{opacity:.62;filter:blur(10px)}
}
@media(prefers-reduced-motion:reduce){
 .directory-grid a>.premium-edge-runner rect{animation:none!important;opacity:.15;stroke-dasharray:100 0}
}

/* V8 — símbolo de YouTube convexo: volumen dibujado en PNG, no solo sombras */
.channel-identity .youtube-official-icon{filter:drop-shadow(0 3px 0 #7b1921) drop-shadow(0 7px 0 #48101b) drop-shadow(0 13px 12px #0009)!important;transform:translateY(-2px);transition:filter .18s ease,transform .18s ease!important}
@media(hover:hover) and (pointer:fine){.channel-identity:hover .youtube-official-icon{transform:translateY(-4px);filter:drop-shadow(0 4px 0 #7b1921) drop-shadow(0 9px 0 #48101b) drop-shadow(0 16px 15px #0009) brightness(1.04)!important}}
@media(prefers-reduced-motion:reduce){.channel-identity .youtube-official-icon{transition:none!important}}

/* V9: icono de resina convexa y halo dorado difuso perimetral */
.channel-identity .youtube-3d-halo{display:inline-grid;place-items:center;position:relative;isolation:isolate;flex:none;width:clamp(92px,11vw,132px);aspect-ratio:1.32;overflow:visible}
.channel-identity .youtube-3d-halo>.youtube-official-icon{position:relative;z-index:2;width:100%!important;height:auto!important;object-fit:contain;filter:drop-shadow(0 3px 0 #701321) drop-shadow(0 8px 7px #0008)!important;transform:none!important;transition:transform .18s ease,filter .18s ease!important}
.channel-identity .youtube-3d-halo:before{content:'';position:absolute;z-index:0;inset:12% 5%;border-radius:35%;background:conic-gradient(from 0deg,transparent 0deg,transparent 240deg,#f5d17c1a 260deg,#ffdf8e90 288deg,#fff1b1a8 303deg,#f5d17c22 335deg,transparent 360deg);filter:blur(11px);animation:youtube-soft-halo 11s linear infinite;pointer-events:none}
@keyframes youtube-soft-halo{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){.channel-identity .youtube-3d-halo:hover>.youtube-official-icon{transform:translateY(-2px)!important;filter:drop-shadow(0 5px 0 #701321) drop-shadow(0 12px 10px #0009)!important}}
@media(prefers-reduced-motion:reduce){.channel-identity .youtube-3d-halo:before{animation:none;opacity:.3}}

/* V10: halos discretos, estrechos y coherentes entre portada y YouTube. */
.directory-grid a>.premium-edge-runner rect{
 stroke:#e6bd68!important;
 stroke-width:4!important;
 stroke-dasharray:6 94!important;
 opacity:.27!important;
 filter:blur(5px)!important;
 animation-duration:13s!important;
}
@media(hover:hover) and (pointer:fine){
 .directory-grid a:hover>.premium-edge-runner rect{
  opacity:.38!important;filter:blur(6px)!important;
 }
}
.channel-identity .youtube-3d-halo:before{
 inset:15% 11%!important;
 background:conic-gradient(from 0deg,transparent 0deg,transparent 248deg,
 #e8bd6108 268deg,#f4d18a38 290deg,#fff0ba55 306deg,
 #e6bb6410 328deg,transparent 350deg)!important;
 filter:blur(6px)!important;
 opacity:.65!important;
 animation-duration:13s!important;
}
@media(hover:hover) and (pointer:fine){
 .channel-identity .youtube-3d-halo:hover:before{opacity:.85!important}
}
@media(prefers-reduced-motion:reduce){
 .directory-grid a>.premium-edge-runner rect{animation:none!important;opacity:.12!important}
 .channel-identity .youtube-3d-halo:before{animation:none!important;opacity:.18!important}
}


/* V11 · Refined sculpted navigation cards and visible soft perimeter glows */
.directory-grid a{
 background:
   radial-gradient(ellipse 75% 35% at 49% 0%,rgba(255,239,191,.24),transparent 88%),
   linear-gradient(155deg,#31445b 0%,#20364b 12%,#10243a 44%,#07182b 75%,#05111f 100%)!important;
 border:1px solid rgba(222,188,119,.62)!important;
 border-top-color:rgba(255,237,186,.9)!important;
 border-bottom-color:#2a3540!important;
 border-radius:19px!important;
 box-shadow:
  inset 0 2px 1px rgba(255,248,216,.52),
  inset 2px 0 5px rgba(255,239,192,.11),
  inset -3px 0 8px rgba(0,0,0,.18),
  inset 0 -6px 12px rgba(0,0,0,.3),
  0 5px 0 #172638,
  0 7px 0 #6b634b,
  0 15px 24px rgba(0,0,0,.5),
  0 22px 32px rgba(0,0,0,.23)!important;
 transform:translateY(0);
 transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.directory-grid a strong{
 color:#f5dfb1!important;
 text-shadow:0 1px 0 #0008,0 -1px 0 #fff2c01a,0 0 12px #f4d08a13;
}
.directory-grid a span{position:relative;z-index:3}
.directory-grid a>.premium-edge-runner{
 position:absolute;inset:0;width:100%;height:100%;z-index:4;
 pointer-events:none;overflow:visible;
}
.directory-grid a>.premium-edge-runner rect{
 stroke:#ffe2a0!important;
 stroke-width:9!important;
 stroke-dasharray:13 87!important;
 stroke-linecap:round!important;
 opacity:.70!important;
 filter:blur(3.5px) drop-shadow(0 0 3px #f0bc60)!important;
 animation:premium-edge-travel 9.5s linear infinite!important;
}
@media(hover:hover) and (pointer:fine){
 .directory-grid a:hover{
  transform:translateY(-3px)!important;
  filter:brightness(1.075);
  box-shadow:
   inset 0 2px 1px rgba(255,248,216,.7),inset 0 -6px 12px #0005,
   0 8px 0 #172638,0 10px 0 #6b634b,
   0 20px 30px #0009,0 26px 38px #0005!important;
 }
 .directory-grid a:hover>.premium-edge-runner rect{
  opacity:.84!important;filter:blur(3px) drop-shadow(0 0 4px #f0bc60)!important;
 }
}
.directory-grid a:active{
 transform:translateY(4px)!important;
 box-shadow:inset 0 4px 9px #0008,0 1px 0 #172638,0 6px 11px #0007!important;
 filter:brightness(.96);
}
.channel-identity .youtube-3d-halo:before{
 inset:9% 5%!important;
 border-radius:32%!important;
 background:conic-gradient(from 0deg,transparent 0deg,transparent 225deg,
 #edc57915 243deg,#f6d68b77 274deg,#ffedb9b5 294deg,
 #edc5794d 314deg,transparent 341deg)!important;
 filter:blur(4px)!important;
 opacity:.83!important;
 animation:youtube-soft-halo 9.5s linear infinite!important;
}
@media(prefers-reduced-motion:reduce){
 .directory-grid a>.premium-edge-runner rect{
  animation:none!important;stroke-dasharray:100 0!important;opacity:.14!important;
 }
 .channel-identity .youtube-3d-halo:before{animation:none!important;opacity:.2!important}
}

/* V12: el mismo barrido luminoso que Atento, aplicado a El Espíritu */
.hero-heading h1 .hero-title-first{
 background:linear-gradient(105deg,#f8eedc 0%,#f7e6c6 25%,#fff9eb 46%,#d5ad70 56%,#fff8e5 66%,#f8eedc 100%)!important;
 background-size:220% 100%!important;
 background-position:100% 50%;
 color:transparent!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 animation:titleGoldGlide 13s ease-in-out infinite!important;
}
/* Botonaduras con volumen óptico reforzado, sin cambiar dimensiones ni enlaces */
.directory-grid a{
 isolation:isolate;
 background:
  radial-gradient(ellipse 90% 64% at 49% -11%,rgba(255,246,207,.29) 0%,rgba(158,176,192,.09) 38%,transparent 72%),
  radial-gradient(ellipse 100% 70% at 50% 124%,rgba(0,0,0,.56),transparent 70%),
  linear-gradient(165deg,#3a4b60 0%,#20364b 20%,#102338 51%,#081626 80%,#07111e 100%)!important;
 border-top:1px solid rgba(255,243,209,.85)!important;
 border-left:1px solid rgba(245,220,165,.57)!important;
 border-right:1px solid rgba(177,144,93,.48)!important;
 border-bottom:1px solid rgba(64,52,35,.85)!important;
 box-shadow:
  inset 0 3px 2px rgba(255,249,224,.45),
  inset 0 9px 13px rgba(208,225,239,.075),
  inset 5px 0 8px rgba(246,229,182,.07),
  inset -7px 0 13px rgba(0,0,0,.21),
  inset 0 -11px 14px rgba(0,0,0,.37),
  0 4px 0 #253248,
  0 6px 0 #665b42,
  0 9px 0 #111e2c,
  0 17px 23px rgba(0,0,0,.49),
  0 26px 36px rgba(0,0,0,.21)!important;
}
.directory-grid a::before{
 content:"";position:absolute;pointer-events:none;z-index:1;
 left:8%;right:8%;top:5%;height:29%;border-radius:50%;
 background:radial-gradient(ellipse at 50% 0%,rgba(255,247,213,.18),transparent 72%);
 filter:blur(5px);
}
.directory-grid a strong{
 position:relative;z-index:3;
 text-shadow:0 1px 1px rgba(0,0,0,.85),0 -1px 0 rgba(255,246,215,.32),0 3px 5px rgba(0,0,0,.36)!important;
}
@media(hover:hover) and (pointer:fine){
.directory-grid a:hover{transform:translateY(-4px)!important;filter:brightness(1.09)}
}
@media(prefers-reduced-motion:reduce){
.hero-heading h1 .hero-title-first{animation:none!important;background-position:45% 50%}
}

/* V13: réplica exacta del desplazamiento de Atento, con contraste suficiente para verse */
.hero-heading h1 .hero-title-first{
 background:linear-gradient(105deg,#c9a779 0%,#e4cda6 26%,#c4a073 43%,#fff8e9 51%,#b99a70 60%,#e4cda6 80%,#c9a779 100%)!important;
 background-size:220% 100%!important;
 background-position:100% 50%;
 color:transparent!important;-webkit-text-fill-color:transparent!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 animation:titleGoldGlide 13s ease-in-out infinite!important;
}
/* Acabado editorial: elimina el efecto de plástico de múltiples sombras superpuestas */
.directory-grid a{
 border-radius:17px!important;
 background:linear-gradient(157deg,rgba(255,242,207,.12) 0%,transparent 22%),linear-gradient(155deg,#273c51 0%,#172b40 42%,#0b1c30 100%)!important;
 border:1px solid rgba(197,168,116,.53)!important;
 border-top-color:rgba(255,231,183,.76)!important;
 border-bottom-color:rgba(105,85,57,.85)!important;
 box-shadow:inset 0 1px 0 rgba(255,247,222,.43),inset 0 -2px 5px rgba(0,0,0,.22),0 3px 0 #172337,0 4px 0 #685b43,0 11px 19px rgba(0,0,0,.38),0 23px 31px rgba(0,0,0,.15)!important;
 transform:translateY(0)!important;filter:none!important;
 transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.directory-grid a::before{height:25%!important;left:13%!important;right:13%!important;top:2%!important;opacity:.65!important;filter:blur(9px)!important}
.directory-grid a strong{text-shadow:0 1px 1px #0008,0 -1px 0 #fff4!important}
@media(hover:hover) and (pointer:fine){.directory-grid a:hover{transform:translateY(-3px)!important;filter:brightness(1.045)!important;box-shadow:inset 0 1px 0 #fff7,inset 0 -2px 5px #0004,0 6px 0 #172337,0 7px 0 #685b43,0 16px 23px #0007,0 27px 36px #0003!important}}
.directory-grid a:active{transform:translateY(3px)!important;box-shadow:inset 0 2px 7px #0007,0 1px 0 #172337,0 5px 12px #0006!important}
@media(prefers-reduced-motion:reduce){.hero-heading h1 .hero-title-first{animation:none!important;background-position:45% 50%}}

/* V14: identical traveling highlight, both title lines; no !important on animated position. */
.hero-heading h1 .hero-title-first{
 background:linear-gradient(105deg,#c6a16c 0%,#ead4ac 26%,#b98c56 44%,#fffbed 51%,#b98c56 58%,#ead4ac 80%,#c6a16c 100%)!important;
 background-size:220% 100%!important;
 background-position:100% 50%;
 -webkit-background-clip:text!important;background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
 animation:titleGoldGlide 13s ease-in-out infinite!important;
}
@media(prefers-reduced-motion:reduce){.hero-heading h1 .hero-title-first{animation:none!important;background-position:45% 50%}}

/* V15 Sapphire: replace layered fake thickness with precision optical bevels */
.directory-grid a{
 position:relative!important;isolation:isolate!important;overflow:visible!important;
 border-radius:18px!important;
 border:1px solid rgba(209,181,128,.66)!important;
 border-top-color:rgba(255,238,197,.84)!important;
 border-bottom-color:rgba(135,110,73,.62)!important;
 background:
 radial-gradient(ellipse 105% 92% at 51% -35%,rgba(204,222,235,.31) 0%,rgba(111,154,190,.12) 42%,transparent 82%),
 linear-gradient(155deg,#293e55 0%,#152d46 35%,#0d2036 70%,#091a2e 100%)!important;
 box-shadow:
 inset 0 1px 0 rgba(255,250,231,.66),
 inset 0 3px 5px rgba(255,245,217,.10),
 inset 0 -1px 0 rgba(0,0,0,.58),
 inset 0 -8px 14px rgba(0,8,20,.22),
 0 2px 0 #394355,
 0 3px 0 #75634c,
 0 8px 15px rgba(0,0,0,.38),
 0 17px 29px rgba(0,0,0,.19)!important;
 transform:translateY(0)!important;
 transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s ease,box-shadow .24s ease!important;
}
.directory-grid a::before{
 content:''!important;position:absolute!important;pointer-events:none!important;z-index:1!important;
 inset:3px 4px auto!important;height:45%!important;border-radius:15px 15px 48% 48% / 15px 15px 65% 65%!important;
 background:linear-gradient(180deg,rgba(225,240,255,.21) 0%,rgba(182,207,224,.065) 52%,transparent 100%)!important;
 opacity:1!important;filter:none!important;
}
.directory-grid a::after{
 content:''!important;position:absolute!important;pointer-events:none!important;z-index:2!important;
 inset:3px!important;border-radius:15px!important;
 border:1px solid rgba(237,222,185,.105)!important;
 background:linear-gradient(140deg,rgba(255,247,213,.10),transparent 25%,transparent 75%,rgba(2,9,19,.18))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.directory-grid a strong{position:relative!important;z-index:5!important;color:#f6dfb2!important;
 text-shadow:0 1px 0 rgba(0,0,0,.84),0 -1px 0 rgba(255,244,210,.19),0 3px 9px rgba(0,0,0,.21)!important;}
.directory-grid a span{position:relative!important;z-index:5!important;}
.directory-grid a>.premium-edge-runner{position:absolute!important;inset:0!important;z-index:4!important;pointer-events:none!important;overflow:visible!important;}
.directory-grid a>.premium-edge-runner rect{
 stroke:#f6d9a2!important;stroke-width:5!important;stroke-dasharray:10 90!important;
 stroke-linecap:round!important;opacity:.57!important;
 filter:blur(2.5px) drop-shadow(0 0 2px rgba(242,202,127,.56))!important;
 animation:premium-edge-travel 10s linear infinite!important;
}
@media(hover:hover) and (pointer:fine){
.directory-grid a:hover{transform:translateY(-3px)!important;filter:brightness(1.09)!important;
 box-shadow:inset 0 1px 0 rgba(255,250,231,.75),inset 0 -7px 12px rgba(0,8,20,.23),
 0 4px 0 #394355,0 5px 0 #75634c,0 12px 22px rgba(0,0,0,.42),0 20px 30px rgba(0,0,0,.20)!important;}
}
.directory-grid a:active{transform:translateY(2px)!important;filter:brightness(.96)!important;
 box-shadow:inset 0 2px 6px rgba(0,0,0,.32),0 1px 0 #394355,0 4px 9px rgba(0,0,0,.38)!important;}
@media(prefers-reduced-motion:reduce){.directory-grid a>.premium-edge-runner rect{animation:none!important;opacity:.12!important;}}

/* V16: precisión de bisel, reflejo continuo y halo de menor grosor */
.directory-grid a{
 border:1px solid rgba(206,183,143,.58)!important;
 border-top-color:rgba(241,224,185,.78)!important;
 border-bottom-color:rgba(135,116,87,.56)!important;
 background:radial-gradient(ellipse 106% 83% at 50% -38%,rgba(198,219,233,.24),rgba(116,153,185,.095) 49%,transparent 84%),linear-gradient(158deg,#283e55 0%,#172e46 40%,#0d2035 75%,#091a2c 100%)!important;
 box-shadow:inset 0 1px 0 rgba(255,248,222,.47),inset 0 -1px 0 rgba(0,0,0,.45),inset 0 -5px 12px rgba(0,8,20,.18),0 2px 0 #3c4350,0 3px 0 #635b4d,0 8px 16px rgba(0,0,0,.32),0 17px 27px rgba(0,0,0,.13)!important;
}
.directory-grid a::before{
 inset:4px 5px auto!important;height:47%!important;
 border-radius:15px 15px 48% 48% / 15px 15px 68% 68%!important;
 background:radial-gradient(ellipse 110% 110% at 50% -34%,rgba(222,238,248,.22),rgba(174,203,222,.095) 46%,rgba(144,181,205,.02) 75%,transparent 100%)!important;
 filter:blur(2px)!important;
}
.directory-grid a::after{
 inset:3px!important;border:1px solid rgba(237,222,185,.065)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
 background:linear-gradient(143deg,rgba(255,247,213,.065),transparent 29%,transparent 79%,rgba(2,9,19,.11))!important;
}
.directory-grid a>.premium-edge-runner rect{
 stroke:#f2d39b!important;stroke-width:3.8!important;
 stroke-dasharray:9 91!important;stroke-linecap:round!important;
 opacity:.55!important;filter:blur(2.2px) drop-shadow(0 0 1.5px rgba(241,205,143,.40))!important;
 animation:premium-edge-travel 10s linear infinite!important;
}
@media(hover:hover) and (pointer:fine){
.directory-grid a:hover{filter:brightness(1.055)!important;box-shadow:inset 0 1px 0 rgba(255,248,222,.6),inset 0 -5px 12px rgba(0,8,20,.18),0 4px 0 #3c4350,0 5px 0 #635b4d,0 12px 20px rgba(0,0,0,.34),0 20px 30px rgba(0,0,0,.15)!important;}
}

/* V17: animación realmente definida del halo que recorre los cuatro lados */
@keyframes premium-edge-travel {
 from { stroke-dashoffset:0; }
 to { stroke-dashoffset:-100; }
}
.directory-grid a>.premium-edge-runner rect{
 animation:premium-edge-travel 8s linear infinite!important;
 stroke-dasharray:8 92!important;
 stroke-width:4.5!important;
 opacity:.72!important;
 filter:blur(1.8px) drop-shadow(0 0 2.5px rgba(247,206,131,.65))!important;
}
@media(prefers-reduced-motion:reduce){
.directory-grid a>.premium-edge-runner rect{
 animation:none!important;
 opacity:.2!important;
 stroke-dasharray:100 0!important;
}
}

/* V18 · Un destello por botón: núcleo y halo comparten la misma posición. */
.directory-grid a>.premium-edge-runner{overflow:visible!important;}
.directory-grid a>.premium-edge-runner rect{
 fill:none!important;stroke:#f9dba0!important;
 stroke-dasharray:2.8 97.2!important;
 stroke-dashoffset:0;
 stroke-linecap:round!important;
 animation:premium-edge-travel 9.6s linear infinite!important;
}
.directory-grid a>.premium-edge-runner .glint-aura{
 stroke-width:7!important;opacity:.52!important;
 filter:blur(3.2px) drop-shadow(0 0 2px rgba(251,213,143,.45))!important;
}
.directory-grid a>.premium-edge-runner .glint-core{
 stroke:#ffebbb!important;stroke-width:1.65!important;opacity:.9!important;
 stroke-dasharray:1.6 98.4!important;
 filter:drop-shadow(0 0 1.3px rgba(255,220,152,.8))!important;
}
.directory-grid a:nth-child(2)>.premium-edge-runner rect{animation-delay:-3.2s!important;}
.directory-grid a:nth-child(3)>.premium-edge-runner rect{animation-delay:-6.4s!important;}
@media(prefers-reduced-motion:reduce){
 .directory-grid a>.premium-edge-runner rect{animation:none!important;opacity:.12!important;stroke-dasharray:100 0!important;}
}

/* V19: una sola fuente de luz difusa por botón, sin trazos discontinuos */
.directory-grid a>.premium-single-glint{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 z-index:4!important;pointer-events:none!important;overflow:visible!important;
}
.directory-grid a>.premium-single-glint .premium-glint-dot{
 fill:#ffe6af!important;opacity:.54!important;
 stroke:none!important;
 filter:blur(1.35px) drop-shadow(0 0 2.3px rgba(244,204,133,.42))!important;
}
@media(prefers-reduced-motion:reduce){
 .directory-grid a>.premium-single-glint{display:none!important;}
}

/* V20: atenuación fina del único destello, sin tocar el icono YouTube */
.directory-grid a>.premium-single-glint .premium-glint-dot{
 opacity:.30!important;
 filter:blur(2.15px) drop-shadow(0 0 1.5px rgba(244,204,133,.22))!important;
}

/* V21: mismo destello tenue V20, una sola fuente sobre el contorno del icono YouTube */
.channel-identity .youtube-3d-halo>.youtube-single-glint{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:3!important;overflow:visible!important;pointer-events:none!important}
.channel-identity .youtube-3d-halo>.youtube-single-glint .premium-glint-dot{fill:#ffe6af!important;opacity:.30!important;stroke:none!important;filter:blur(2.15px) drop-shadow(0 0 1.5px rgba(244,204,133,.22))!important}
@media(prefers-reduced-motion:reduce){.channel-identity .youtube-3d-halo>.youtube-single-glint{display:none!important}}

/* V22: destello realmente único, sin halo giratorio adicional.
   Coordenadas calibradas sobre el contorno rojo de la imagen 900×680. */
.channel-identity .youtube-3d-halo::before{animation:none!important;opacity:0!important;}
.channel-identity .youtube-3d-halo:hover::before{opacity:0!important;}
.channel-identity .youtube-3d-halo>.youtube-single-glint{z-index:3!important;}
.channel-identity .youtube-3d-halo>.youtube-single-glint .premium-glint-dot{
 fill:#ffe6af!important;opacity:.30!important;stroke:none!important;
 filter:blur(2.15px) drop-shadow(0 0 1.5px rgba(244,204,133,.22))!important;
}

/* V23 — brillo de resina pulida: sin destellos periféricos ni rotaciones */
.channel-identity .youtube-3d-halo::before,
.channel-identity .youtube-3d-halo:hover::before{
 animation:none!important;
 opacity:.46!important;
 inset:16% 13%!important;
 border-radius:35%!important;
 background:radial-gradient(ellipse at 50% 48%,rgba(255,204,133,.18) 0%,rgba(255,204,133,.07) 44%,transparent 77%)!important;
 filter:blur(10px)!important;
}
.channel-identity .youtube-3d-halo>.youtube-official-icon{
 animation:youtube-polished-glow 7.8s ease-in-out infinite!important;
 transform:none!important;
}
@keyframes youtube-polished-glow{
 0%,100%{filter:brightness(1.015) saturate(1.025) drop-shadow(0 3px 0 #701321) drop-shadow(0 8px 7px #0008) drop-shadow(0 0 2px rgba(255,211,156,.10));}
 50%{filter:brightness(1.085) saturate(1.07) drop-shadow(0 3px 0 #701321) drop-shadow(0 8px 7px #0008) drop-shadow(0 0 8px rgba(255,211,156,.20));}
}
@media(prefers-reduced-motion:reduce){
 .channel-identity .youtube-3d-halo>.youtube-official-icon{animation:none!important;filter:brightness(1.045) drop-shadow(0 3px 0 #701321) drop-shadow(0 8px 7px #0008)!important;}
}

/* V24: destello exactamente igual al de los botones V20, aplicado SOLO al enlace de YouTube */
a.youtube-premium{position:relative!important;isolation:isolate!important;overflow:visible!important}
a.youtube-premium>.premium-single-glint{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:4!important;pointer-events:none!important;overflow:visible!important}
a.youtube-premium>.premium-single-glint .premium-glint-dot{fill:#ffe6af!important;opacity:.30!important;stroke:none!important;filter:blur(2.15px) drop-shadow(0 0 1.5px rgba(244,204,133,.22))!important}
@media(prefers-reduced-motion:reduce){a.youtube-premium>.premium-single-glint{display:none!important}}

/* V25: mismo destello tenue V20, recorrido calculado al tamaño real del botón. */
a.youtube-premium{position:relative!important;isolation:isolate!important;overflow:visible!important}
a.youtube-premium>svg.youtube-button-glint{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:5!important;pointer-events:none!important;overflow:visible!important}
a.youtube-premium>svg.youtube-button-glint .premium-glint-dot{fill:#ffe6af!important;opacity:.30!important;stroke:none!important;filter:blur(2.15px) drop-shadow(0 0 1.5px rgba(244,204,133,.22))!important}
@media(prefers-reduced-motion:reduce){a.youtube-premium>svg.youtube-button-glint{display:none!important}}


/* V26 — respiración luminosa muy suave de botones Amazon; sin escalar ni alterar enlaces */
@keyframes amazon-gold-breathe-v26 {
  0%,100% { filter:brightness(1) saturate(1); }
  50% { filter:brightness(1.095) saturate(1.035); }
}
a.amazon-premium {
 animation:amazon-gold-breathe-v26 4.8s ease-in-out infinite;
 will-change:filter;
}
.book:nth-of-type(5n + 2) a.amazon-premium {animation-delay:-.9s}
.book:nth-of-type(5n + 3) a.amazon-premium {animation-delay:-1.8s}
.book:nth-of-type(5n + 4) a.amazon-premium {animation-delay:-2.7s}
.book:nth-of-type(5n + 5) a.amazon-premium {animation-delay:-3.6s}
a.amazon-premium:hover,a.amazon-premium:focus-visible{
 animation-play-state:paused;
 filter:brightness(1.12) saturate(1.05);
}
@media (prefers-reduced-motion:reduce){
 a.amazon-premium{animation:none!important;will-change:auto}
}

/* V27: un único destello de luz suave por botón Amazon, junto al pulso V26 */
a.amazon-premium{position:relative!important;isolation:isolate!important;overflow:visible!important}
a.amazon-premium>svg.amazon-button-glint{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;z-index:5!important;
 overflow:visible!important;pointer-events:none!important;
}
a.amazon-premium>svg.amazon-button-glint .amazon-glint-dot{
 fill:#fff2cf!important;opacity:.22!important;stroke:none!important;
 filter:blur(2.15px) drop-shadow(0 0 1.5px rgba(244,204,133,.18))!important;
}
@media(prefers-reduced-motion:reduce){
 a.amazon-premium>svg.amazon-button-glint{display:none!important}
}


/* V28 — transiciones nativas entre páginas, sin bloquear clics ni navegación */
@view-transition { navigation: auto; }
::view-transition-old(root){animation: .14s ease-out both v28-fade-out;}
::view-transition-new(root){animation: .19s ease-out both v28-fade-in;}
@keyframes v28-fade-out{from{opacity:1}to{opacity:.90}}
@keyframes v28-fade-in{from{opacity:.90}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}


/* V30: mantener movimiento de portadas cuando el puntero permanece sobre ellas.
   La animación no se pausa al volver mediante historial del navegador. */
@media (prefers-reduced-motion: no-preference) {
 .book:hover .book-visual img,
 .book:focus-within .book-visual img {
   animation-play-state:running!important;
 }
}


/* V31: las portadas nunca quedan en pausa por hover/focus; respetar movimiento reducido. */
@media (prefers-reduced-motion:no-preference) {
 html body .book .book-visual img,
 html body .book:hover .book-visual img,
 html body .book:focus-within .book-visual img {
  animation-play-state:running!important;
 }
}



/* Propuesta visual V33: los tres botones originales con 5% menos altura. */
.site-directory .directory-grid>a{
  border:2px solid rgba(244,205,125,.9)!important;
  border-top:2px solid #ffeab3!important;
  border-bottom:3px solid #9b6d30!important;
  border-radius:22px!important;
  background:radial-gradient(ellipse 90% 45% at 50% 4%,rgba(103,161,205,.38),transparent 80%),linear-gradient(180deg,#233f60 0%,#15314e 19%,#0b203a 50%,#07182d 78%,#040d1c 100%)!important;
  box-shadow:inset 0 3px 2px rgba(255,248,217,.65),inset 0 10px 15px rgba(126,176,224,.16),inset 0 -9px 13px rgba(0,0,0,.45),0 7px 0 #092037,0 9px 0 rgba(191,141,62,.72),0 20px 30px rgba(0,0,0,.53)!important;
  padding:28px 26px 33px!important;
  transition:transform .16s ease,box-shadow .16s ease!important;
}
.site-directory .directory-grid>a::before{height:2px!important;top:2px!important;left:16%!important;right:16%!important;opacity:.65!important}
.site-directory .directory-grid>a:hover{transform:translateY(-3px)!important;box-shadow:inset 0 3px 2px rgba(255,248,217,.7),inset 0 10px 15px rgba(126,176,224,.2),inset 0 -9px 13px rgba(0,0,0,.4),0 10px 0 #092037,0 12px 0 rgba(191,141,62,.72),0 24px 36px rgba(0,0,0,.57)!important}
.site-directory .directory-grid>a:active{transform:translateY(5px)!important;box-shadow:inset 0 2px 9px rgba(0,0,0,.35),0 2px 0 #092037,0 4px 0 rgba(191,141,62,.65),0 8px 12px rgba(0,0,0,.4)!important}
@media(max-width:480px){.site-directory .directory-grid>a{padding:24px 23px 29px!important}}
@media(prefers-reduced-motion:reduce){.site-directory .directory-grid>a{transition:none!important}}



/* V34: destello discreto, centrado en el bisel dorado. */
.site-directory .directory-grid>a>.premium-single-glint{inset:0!important;overflow:visible!important;}
.site-directory .directory-grid>a>.premium-single-glint .premium-glint-dot{r:1.65;opacity:.28!important;filter:blur(1.4px) drop-shadow(0 0 1.3px rgba(244,204,133,.22))!important;}
.site-directory .directory-grid>a{border-top-color:#f5dca2!important;}



/* V35: bisel oro más fino (aprox. 20%), satinado y con destello alineado al borde. */
.site-directory .directory-grid>a{
 border-width:1.6px!important;
 border-top-width:1.6px!important;
 border-bottom-width:2.4px!important;
 border-color:rgba(212,174,104,.86)!important;
 border-top-color:#e9ce99!important;
 border-bottom-color:#987341!important;
 box-shadow:inset 0 2px 2px rgba(255,247,217,.48),inset 0 10px 15px rgba(126,176,224,.16),inset 0 -9px 13px rgba(0,0,0,.45),0 7px 0 #092037,0 8.5px 0 rgba(172,128,68,.55),0 20px 30px rgba(0,0,0,.53)!important;
}
.site-directory .directory-grid>a:hover{
 box-shadow:inset 0 2px 2px rgba(255,247,217,.53),inset 0 10px 15px rgba(126,176,224,.2),inset 0 -9px 13px rgba(0,0,0,.4),0 10px 0 #092037,0 11.5px 0 rgba(172,128,68,.55),0 24px 36px rgba(0,0,0,.57)!important;
}
.site-directory .directory-grid>a:active{
 box-shadow:inset 0 2px 9px rgba(0,0,0,.35),0 2px 0 #092037,0 3px 0 rgba(172,128,68,.5),0 8px 12px rgba(0,0,0,.4)!important;
}


/* V40: un solo barrido sincronizado en ambas líneas; geometría y fuentes originales intactas. */
.hero-heading h1 .hero-title-first,
.hero-heading h1 .hero-title-second {
 /* Preservar íntegramente las fuentes, colores y degradados de V37. */
 animation:none!important;
}
@media(prefers-reduced-motion:reduce){.hero-heading h1 .hero-title-first,.hero-heading h1 .hero-title-second{animation:none!important}}

/* V48: suavizar el pico de luz que se proyectaba sobre Espíritu al arrancar El.
   Solo modifica la distribución luminosa de la primera línea; conserva fuente y geometría. */
.hero-heading h1 .hero-title-first {
 background-image:linear-gradient(105deg,
  #c6a16c 0%, #d9ba8c 26%, #c5a173 43%,
  #ead8b6 49%, #f0e1c8 51%, #ead8b6 53%,
  #c5a173 59%, #d9ba8c 80%, #c6a16c 100%)!important;
}

/* V50: identical light distribution without font changes. */
.hero-heading h1 .hero-title-second {
 background-image:linear-gradient(105deg,
  #c6a16c 0%, #d9ba8c 26%, #c5a173 43%,
  #ead8b6 49%, #f0e1c8 51%, #ead8b6 53%,
  #c5a173 59%, #d9ba8c 80%, #c6a16c 100%)!important;
}

.hero-heading h1 .hero-title-first,.hero-heading h1 .hero-title-second{background-size:220% 100%!important;}

/* V51: mismo brillo y recorte en ambas líneas, sin alterar las fuentes. */
.hero-heading h1 .hero-title-first,
.hero-heading h1 .hero-title-second {
 background-image:linear-gradient(105deg,#c6a16c 0%,#d9ba8c 26%,#c5a173 43%,#ead8b6 49%,#f0e1c8 51%,#ead8b6 53%,#c5a173 59%,#d9ba8c 80%,#c6a16c 100%)!important;
 background-size:220% 100%!important;
 -webkit-background-clip:text!important;
 background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
 color:transparent!important;
}