/* Ingeniera del Cambio: V3 shared additions (menu with Experiencias dropdown,
   route cards, pending markers). Loads after idc-pages.css, brand-2026.css
   and idc-navigation.css. Colours are the site palette only. */

/* --- Experiencias dropdown ------------------------------------------------ */
.pnav-drop{position:relative;display:flex;align-items:center}
.pnav-drop-btn{background:none;border:0;padding:0;cursor:pointer;font-family:'Manrope',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(30,43,58,.75);display:flex;align-items:center;gap:.4em;white-space:nowrap;transition:color .25s}
.pnav-drop-btn::after{content:"";width:.42em;height:.42em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-25%);transition:transform .2s}
.pnav-drop-btn:hover,.pnav-drop-btn.on,.pnav-drop.open .pnav-drop-btn{color:#D46A4F}
.pnav-drop-menu{position:absolute;top:calc(100% + 1.1rem);left:50%;transform:translateX(-50%) translateY(6px);min-width:17rem;background:#FAF9F6;border:1px solid rgba(30,43,58,.1);border-radius:8px;box-shadow:0 18px 40px rgba(30,43,58,.12);padding:.6rem;display:flex;flex-direction:column;gap:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}
.pnav-drop.open .pnav-drop-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
@media(hover:hover) and (min-width:1051px){.pnav-drop:hover:not(.esc) .pnav-drop-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}}
.pnav-drop-menu::before{content:"";position:absolute;left:0;right:0;top:-1.2rem;height:1.2rem}
.pnav-links .pnav-drop-menu a{display:block;padding:.75rem .9rem;border-radius:5px;letter-spacing:.08em;font-size:.7rem}
.pnav-links .pnav-drop-menu a:hover,.pnav-links .pnav-drop-menu a.on{background:#E9E3D9;color:#1E2B3A}
@media(max-width:1150px){.pnav-drop-btn{font-size:.65rem;letter-spacing:.02em}}
@media(max-width:1050px){
 .pnav-links{max-height:calc(100vh - 76px);overflow-y:auto}
 .pnav-drop{flex-direction:column;align-items:flex-start;width:100%}
 .pnav-drop-btn{font-size:.8rem;letter-spacing:.12em}
 .pnav-drop-menu{position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:0;background:none;padding:.6rem 0 0 1rem;min-width:0;display:none}
 .pnav-drop.open .pnav-drop-menu{display:flex;transform:none}
 .pnav-drop-menu::before{display:none}
 .pnav-links .pnav-drop-menu a{padding:.55rem 0;font-size:.74rem}
 .pnav-links .pnav-drop-menu a:hover,.pnav-links .pnav-drop-menu a.on{background:none;color:#D46A4F}
}

/* --- Footer line of brands ------------------------------------------------ */
.pfoot .brands{font-family:'Manrope',sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,249,246,.6);line-height:1.9}

/* --- Microcopy under a CTA ------------------------------------------------ */
.micro{font-family:'Manrope',sans-serif;font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#647765;margin-top:1rem}
.on-navy .micro,.quote-band .micro{color:rgba(250,249,246,.65)}

/* --- Text link CTA (secondary, inline) ------------------------------------ */
.tlink{font-family:'Manrope',sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#1E2B3A;border-bottom:1px solid #D46A4F;padding-bottom:.2em;transition:color .25s}
.tlink:hover{color:#D46A4F}

/* --- Pending marker: visible in review, must be gone before publishing ---- */
.dev-pending{border:2px dashed #D46A4F;background:#FFF6F2;color:#953A2B;border-radius:8px;padding:1.2rem 1.4rem;font-family:'Inter',sans-serif;font-size:.9rem;line-height:1.5;margin:1.6rem 0}
.dev-pending strong{font-family:'Manrope',sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;display:block;margin-bottom:.3rem}
a.btn[data-pending]{position:relative}
a.btn[data-pending]::after{content:"PENDIENTE";position:absolute;top:-.85rem;right:-.6rem;background:#953A2B;color:#fff;font-size:.6rem;letter-spacing:.1em;padding:.25em .6em;border-radius:3px}

/* --- Skip link ------------------------------------------------------------ */
.skip-link{position:absolute;left:1rem;top:-4rem;z-index:100;background:#1E2B3A;color:#FAF9F6;padding:.7rem 1rem;border-radius:4px;font-family:'Manrope',sans-serif;font-size:.8rem}
.skip-link:focus{top:1rem}
/* Footer contact line (links on the dark footer) */
.pfoot .pfoot-contact a{color:#FAF9F6;border-bottom:1px solid #D46A4F;transition:color .25s}
.pfoot .pfoot-contact a:hover{color:#D46A4F}

/* --- Ebook gratis: small outline button in the menu and footer (26 Oct) --- */
.pnav-links a.pnav-ebook{border:1px solid rgba(30,43,58,.45);padding:.62em 1.1em;border-radius:4px;color:#1E2B3A;transition:border-color .25s,color .25s}
.pnav-links a.pnav-ebook:hover,.pnav-links a.pnav-ebook[aria-current]{border-color:#D46A4F;color:#D46A4F}
.pfoot-links a.pfoot-ebook{align-self:flex-start;margin-top:.45rem;border:1px solid rgba(250,249,246,.45);padding:.55em 1em;border-radius:4px;transition:border-color .25s,color .25s}
.pfoot-links a.pfoot-ebook:hover{border-color:#D46A4F}