/* Domingo Sáez v3.7 — premium Atlas / Anubis hover flyout with automatic close */
.navbar .nav-links>li.ds-atlas-nav{position:relative;isolation:isolate}
.navbar .ds-atlas-nav-head{display:flex;align-items:stretch;height:49px;white-space:nowrap;transition:background .2s ease}
.navbar .ds-atlas-nav-main{display:flex;align-items:center;min-height:49px;height:49px;padding:0 4px 0 16px;color:#fff;font:800 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.04em;text-decoration:none}
.navbar .ds-atlas-nav-main:hover,.navbar .ds-atlas-nav-main:focus-visible{color:#fff}
.navbar .ds-atlas-nav-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 30px;height:49px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;font-size:12px;font-weight:800;transition:background .2s ease}
.navbar .ds-atlas-nav-toggle>span{transition:transform .2s ease;line-height:1}
.navbar .ds-atlas-nav:hover>.ds-atlas-nav-head,
.navbar .ds-atlas-nav.is-pinned>.ds-atlas-nav-head,
.navbar .ds-atlas-nav:has(:focus-visible)>.ds-atlas-nav-head{background:#a90000}
.navbar .ds-atlas-nav.is-pinned .ds-atlas-nav-toggle>span,
.navbar .ds-atlas-nav:hover .ds-atlas-nav-toggle>span{transform:rotate(180deg)}
.navbar .ds-atlas-nav-main:focus-visible,.navbar .ds-atlas-nav-toggle:focus-visible,.navbar .ds-atlas-nav-card:focus-visible{outline:2px solid #eec38e;outline-offset:-3px}

.navbar .ds-atlas-nav>.ds-atlas-nav-list{
 display:block;position:absolute;top:100%;left:0;z-index:130;
 width:350px;min-width:350px;margin:0;padding:9px;
 list-style:none;border:1px solid rgba(88,48,23,.15);border-top:3px solid #c50a0a;
 border-radius:0 0 12px 12px;background:linear-gradient(180deg,#fffdf9,#f1ece5);
 box-shadow:0 18px 42px rgba(22,17,11,.20),inset 0 1px 0 rgba(255,255,255,.9);
 opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);
 transition:opacity .20s ease,visibility .20s ease,transform .20s ease;
}
.navbar .ds-atlas-nav:hover>.ds-atlas-nav-list,
.navbar .ds-atlas-nav:has(:focus-visible)>.ds-atlas-nav-list,
.navbar .ds-atlas-nav.is-pinned>.ds-atlas-nav-list{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.navbar .ds-atlas-nav-list li{margin:0;padding:0;list-style:none}
.navbar .ds-atlas-nav-list .ds-atlas-nav-card{
 display:grid;position:relative;align-items:center;grid-template-columns:44px minmax(0,1fr) 20px 14px;
 gap:13px;width:100%;min-height:72px;padding:11px 12px!important;
 border:1px solid rgba(117,85,56,.14);border-radius:10px;
 background:linear-gradient(180deg,#fff,#faf5ed);color:#251d18!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 2px 7px rgba(40,25,9,.05);
 text-decoration:none;line-height:1.2;
 transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.navbar .ds-atlas-nav-list .ds-atlas-nav-child{grid-template-columns:44px minmax(0,1fr) 20px}
.navbar .ds-atlas-nav-list .ds-atlas-nav-card:hover,
.navbar .ds-atlas-nav-list .ds-atlas-nav-card:focus-visible{
 transform:translateX(2px);border-color:rgba(194,116,30,.42);
 background:linear-gradient(180deg,#fffdf9,#faefdf);
 box-shadow:0 10px 24px rgba(110,62,13,.11),inset 0 1px 0 rgba(255,255,255,.95);
}
.navbar .ds-atlas-nav-list .ds-atlas-nav-card:before{
 content:'';position:absolute;top:10px;bottom:10px;left:0;width:3px;border-radius:3px;
 background:linear-gradient(#e3ac59,#b87517);opacity:0;transition:opacity .2s ease;
}
.navbar .ds-atlas-nav-list .ds-atlas-nav-card:hover:before,
.navbar .ds-atlas-nav-list .ds-atlas-nav-card:focus-visible:before,
.navbar .ds-atlas-nav-has-children.is-child-open>.ds-atlas-nav-parent:before{opacity:1}
.ds-atlas-nav-emblem{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;
 background:linear-gradient(145deg,#b27738,#624020);border:1px solid rgba(116,71,27,.6);
 box-shadow:0 7px 17px rgba(93,51,19,.24),inset 0 1px 0 rgba(255,237,196,.38);
 color:#fff0ca;font:700 26px/1 Georgia,'Times New Roman',serif}
.ds-atlas-nav-emblem-anubis{background:linear-gradient(145deg,#d3a100,#7a5500)}
.ds-atlas-nav-card-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.navbar .ds-atlas-nav-card-copy strong{color:#251d17;font-size:15px;font-weight:800;white-space:normal;line-height:1.25}
.navbar .ds-atlas-nav-card-copy small{color:#74665a;font-size:11px;line-height:1.25;white-space:normal}
.ds-atlas-nav-arrow{color:#94785d;font-size:21px;font-weight:700;justify-self:end;transition:color .2s ease,transform .2s ease}
.ds-atlas-nav-card:hover .ds-atlas-nav-arrow{color:#ac691a;transform:translate(2px,-2px)}
.ds-atlas-nav-parent-caret{color:#94785d;font-size:12px;justify-self:end;transition:transform .2s ease,color .2s ease}
.ds-atlas-nav-has-children:hover>.ds-atlas-nav-parent .ds-atlas-nav-parent-caret,
.ds-atlas-nav-has-children.is-child-open>.ds-atlas-nav-parent .ds-atlas-nav-parent-caret,
.ds-atlas-nav-parent:focus-visible .ds-atlas-nav-parent-caret{transform:rotate(90deg);color:#ac691a}

.navbar .ds-atlas-nav-has-children{position:relative}
.navbar .ds-atlas-nav-sublist{
 position:absolute;top:0;left:calc(100% - 1px);width:315px;margin:0;padding:9px;
 list-style:none;border:1px solid rgba(88,48,23,.14);border-top:3px solid #d7a00e;border-radius:12px;
 background:linear-gradient(180deg,#fffef9,#f5efe5);box-shadow:0 18px 42px rgba(22,17,11,.18);
 opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);
 transition:opacity .2s ease,visibility .2s ease,transform .2s ease;
}
.navbar .ds-atlas-nav-has-children:hover>.ds-atlas-nav-sublist,
.navbar .ds-atlas-nav-has-children:has(:focus-visible)>.ds-atlas-nav-sublist,
.navbar .ds-atlas-nav-has-children.is-child-open>.ds-atlas-nav-sublist{opacity:1;visibility:visible;pointer-events:auto;transform:none}

@media(max-width:1100px){
 .navbar .nav-links>li.ds-atlas-nav{display:block;width:100%;isolation:auto}
 .navbar .ds-atlas-nav-head{display:flex;height:auto;min-height:46px;width:100%}
 .navbar .ds-atlas-nav-main{display:flex;flex:1 1 auto;min-width:0;min-height:46px;height:auto;padding:12px 14px;color:#fff;font-size:13px;line-height:1.35;white-space:normal}
 .navbar .ds-atlas-nav-toggle{flex:0 0 52px;min-height:46px;height:auto;font-size:14px;touch-action:manipulation}
 .navbar .ds-atlas-nav>.ds-atlas-nav-list{
  display:none;position:static;top:auto;left:auto;width:100%;min-width:0;max-width:100%;
  margin:0;padding:9px;border:0;border-top:0;border-radius:8px;background:#f5f0e8;
  box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;
 }
 .navbar .ds-atlas-nav:hover>.ds-atlas-nav-list,
 .navbar .ds-atlas-nav:has(:focus-visible)>.ds-atlas-nav-list{display:none}
 .navbar .ds-atlas-nav.is-pinned>.ds-atlas-nav-list,
 .navbar .ds-atlas-nav.is-pinned:hover>.ds-atlas-nav-list,
 .navbar .ds-atlas-nav.is-pinned:focus-within>.ds-atlas-nav-list{display:block}
 .navbar .ds-atlas-nav-list .ds-atlas-nav-card{min-height:72px;width:100%;padding:12px!important;touch-action:manipulation}
 .navbar .ds-atlas-nav-sublist{
  display:none;position:static;left:auto;top:auto;width:100%;margin-top:8px;padding:8px 0 0 14px;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none
 }
 .navbar .ds-atlas-nav-has-children.is-child-open>.ds-atlas-nav-sublist{display:block}
}
@media(prefers-reduced-motion:reduce){
 .navbar .ds-atlas-nav-head,.navbar .ds-atlas-nav-toggle,.navbar .ds-atlas-nav-toggle>span,
 .navbar .ds-atlas-nav-list,.navbar .ds-atlas-nav-card,.navbar .ds-atlas-nav-sublist,
 .ds-atlas-nav-card:before,.ds-atlas-nav-arrow,.ds-atlas-nav-parent-caret{transition:none!important}
}

/* Added in v4.1 — Photography dropdown submenu */
.navbar .nav-links>li.ds-photo-nav{position:relative;isolation:isolate}
.ds-photo-nav-emblem{background:linear-gradient(145deg,#8b5f2d,#3c2c1b);color:#fff4d0}
.navbar .ds-photo-nav>.ds-atlas-nav-list{width:360px;min-width:360px}
@media(max-width:1100px){.navbar .ds-photo-nav>.ds-atlas-nav-list{width:100%;min-width:0}}

/* v4.3: tablet uses the same expanded, in-flow touch navigation as mobile.
   The theme switches to its collapsed menu at 1100px, so making the popup
   absolute at 701-1100px would put links outside the scrollable menu. */
@media(min-width:1101px){
 /* Limit keyboard-only focus persistence, so mouse clicks never leave
    an unpinned dropdown visually stuck open after pointer exit. */
 .navbar .ds-photo-nav:not(.is-pinned):not(:hover):not(:has(:focus-visible))>.ds-atlas-nav-list{
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px)
 }
}


/* v4.5 — Fotografía > Monetizar fotografía > Microstock vs. Macrostock.
   Se conserva el clic directo del enlace principal; la flecha abre el nivel hijo. */
.navbar .ds-photo-nav .ds-photo-nav-parent {position:relative}
.navbar .ds-photo-nav .ds-photo-parent-link {
 grid-template-columns:44px minmax(0,1fr) 20px;
 padding-right:52px!important;
}
.navbar .ds-photo-nav .ds-photo-child-toggle {
 position:absolute;top:50%;right:8px;z-index:3;
 width:38px;height:42px;transform:translateY(-50%);
 display:grid;place-items:center;border:1px solid transparent;border-radius:9px;
 background:transparent;color:#8e6d45;font:700 17px/1 Arial, sans-serif;
 cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease;
}
.navbar .ds-photo-nav .ds-photo-child-toggle:hover,
.navbar .ds-photo-nav .ds-photo-child-toggle:focus-visible {
 background:#f5e7d6;border-color:#e6cba6;color:#92541b;
}
.navbar .ds-photo-nav .ds-photo-child-toggle:focus-visible {outline:2px solid #b77729;outline-offset:1px}
.navbar .ds-photo-nav .ds-photo-child-toggle span {display:block;transition:transform .2s ease}
.navbar .ds-photo-nav .ds-photo-nav-parent:hover>.ds-photo-child-toggle span,
.navbar .ds-photo-nav .ds-photo-nav-parent.is-child-open>.ds-photo-child-toggle span {transform:rotate(90deg)}
.navbar .ds-photo-nav .ds-photo-nav-sublist {
 left:calc(100% - 1px);width:340px;border-top-color:#b7792b;
}
.navbar .ds-photo-nav .ds-photo-nav-sublist .ds-atlas-nav-card {min-height:74px}
@media(max-width:1100px) {
 .navbar .ds-photo-nav .ds-photo-nav-sublist {width:100%;position:static;left:auto;top:auto}
 .navbar .ds-photo-nav .ds-photo-child-toggle {width:48px;height:52px;right:7px}
 .navbar .ds-photo-nav .ds-photo-parent-link {padding-right:58px!important}
}
@media(prefers-reduced-motion:reduce) {
 .navbar .ds-photo-nav .ds-photo-child-toggle,
 .navbar .ds-photo-nav .ds-photo-child-toggle span {transition:none}
}