/* PNEL5 · final production layer. Loaded after LAP Safe on purpose. */

/* 1-3 · Home FAQ: PNEL owns background, contrast and controls. */
body.pnel-brand .pnel-faq .cth-lap-faq-list,
body.pnel-brand .pnel-faq .pnel-faq-list{background:transparent!important}
body.pnel-brand .pnel-faq .cth-lap-faq-item,
body.pnel-brand .pnel-faq .pnel-faq-item{padding:0!important;background:transparent!important;border:0!important;border-bottom:1px solid #333!important;border-radius:0!important;box-shadow:none!important}
body.pnel-brand .pnel-faq .cth-lap-faq-item h3,
body.pnel-brand .pnel-faq .pnel-faq-item h3{margin:0!important;color:#fff!important}
body.pnel-brand .pnel-faq .pnel-faq-toggle{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:18px!important;align-items:center!important;width:100%!important;min-height:72px!important;padding:20px 0!important;border:0!important;background:transparent!important;color:#fff!important;text-align:left!important;cursor:pointer!important}
body.pnel-brand .pnel-faq .pnel-faq-toggle span{color:#fff!important;font-size:1.03rem!important;font-weight:850!important;line-height:1.35!important}
body.pnel-brand .pnel-faq .pnel-faq-toggle b{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border:1px solid #646464!important;border-radius:50%!important;background:transparent!important;color:#fff!important;font-size:1.25rem!important;font-weight:500!important;line-height:1!important}
body.pnel-brand .pnel-faq .pnel-faq-toggle:hover b,
body.pnel-brand .pnel-faq .pnel-faq-toggle:focus-visible b,
body.pnel-brand .pnel-faq .pnel-faq-toggle[aria-expanded="true"] b{border-color:var(--pnel-red)!important;background:var(--pnel-red)!important;color:#fff!important}
body.pnel-brand .pnel-faq .pnel-faq-answer{padding:0 58px 23px 0!important;background:transparent!important;color:#c7c7c7!important;font-size:.97rem!important;line-height:1.7!important}
body.pnel-brand .pnel-faq .pnel-faq-answer :where(p,li,strong,em,span,a){color:#c7c7c7!important}
body.pnel-brand .pnel-faq .pnel-faq-answer a{color:#fff!important;text-decoration-color:var(--pnel-red)!important}
body.pnel-brand .pnel-faq .pnel-faq-answer[hidden]{display:none!important}
body.pnel-brand .pnel-faq__grid>aside img{display:block!important;width:min(230px,78%)!important;height:auto!important;max-height:94px!important;object-fit:contain!important;object-position:left center!important;margin:0 0 34px!important}

/* 4 · GEO/SEO closing: never inherit pale/white text from a dark section. */
body.pnel-brand .vmon-trip-geo{background:var(--pnel-snow)!important;color:#111!important}
body.pnel-brand .vmon-trip-geo__kicker{color:var(--pnel-red)!important}
body.pnel-brand .vmon-trip-geo :where(h2,summary,summary span,summary strong){color:#111!important}
body.pnel-brand .vmon-trip-geo details{background:transparent!important;border-color:#d6d0c8!important}
body.pnel-brand .vmon-trip-geo__answer,
body.pnel-brand .vmon-trip-geo__answer :where(p,li,strong,span,a){color:#4c4842!important}
body.pnel-brand .vmon-trip-geo summary:after{background:var(--pnel-red)!important;color:#fff!important}
body.pnel-brand .cth-closing-geo{background:linear-gradient(180deg,#fff,var(--pnel-snow))!important;color:#111!important}
body.pnel-brand .cth-closing-geo .cth-closing-kicker{color:var(--pnel-red)!important}
body.pnel-brand .cth-closing-geo :where(h2,p,strong,em,span:not(.cth-closing-kicker)){color:#292623!important}
body.pnel-brand .cth-closing-geo__topics span{background:#fff!important;border-color:#d7d1ca!important;color:#292623!important}

/* 5-7 · Shared Team visible on home; source remains Equipo Contuhijo. */
body.pnel-brand .pnel-team{background:#fff!important;color:#0a0a0a!important;border-top:1px solid #e7e2db}
body.pnel-brand .pnel-team .pnel-section-head{margin-bottom:42px!important}
body.pnel-brand .pnel-team__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d8d3cb;border:1px solid #d8d3cb}
body.pnel-brand .pnel-team__person{position:relative;min-width:0;background:#fff;overflow:hidden}
body.pnel-brand .pnel-team__person figure{aspect-ratio:4/5;margin:0!important;background:#eeeae4;overflow:hidden}
body.pnel-brand .pnel-team__person figure img{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center 24%!important;margin:0!important;border-radius:0!important}
body.pnel-brand .pnel-team__initials{display:grid;place-items:center;aspect-ratio:4/5;background:#0a0a0a;color:#fff;font-size:clamp(3rem,5vw,5.5rem);font-weight:900;letter-spacing:-.07em}
body.pnel-brand .pnel-team__copy{min-height:98px;padding:18px 18px 20px;border-top:4px solid var(--pnel-red)}
body.pnel-brand .pnel-team__copy h3{margin:0!important;color:#0a0a0a!important;font-size:1.05rem!important;font-weight:900!important;line-height:1.15!important;letter-spacing:-.025em!important}
body.pnel-brand .pnel-team__copy p{margin:7px 0 0!important;color:#77716a!important;font-size:.72rem!important;line-height:1.4!important;text-align:left!important}
body.pnel-brand .pnel-team__foot{margin:18px 0 0!important;color:#8a847d!important;font-size:.68rem!important;line-height:1.5!important;text-align:left!important}
body.pnel-brand .pnel-team__foot strong{color:#111!important}

/* 8 · Marga errors keep Vue binding but raw moustache is never visually shown. */
body.pnel-brand .cth-marga-error-slot:empty,
body.pnel-brand .cth-marga-template-token{display:none!important}

/* 9 · FAQ mobile remains readable and obviously interactive. */
@media(max-width:720px){
  body.pnel-brand .pnel-faq .pnel-faq-toggle{grid-template-columns:minmax(0,1fr) 38px!important;gap:12px!important;min-height:66px!important;padding:17px 0!important}
  body.pnel-brand .pnel-faq .pnel-faq-toggle span{font-size:.98rem!important}
  body.pnel-brand .pnel-faq .pnel-faq-answer{padding:0 0 20px!important;font-size:.94rem!important}
  body.pnel-brand .pnel-faq__grid>aside img{width:190px!important;max-height:78px!important;margin-bottom:24px!important}
  body.pnel-brand .pnel-team__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){body.pnel-brand .pnel-team__grid{grid-template-columns:1fr 1fr}body.pnel-brand .pnel-team__copy{min-height:92px;padding:14px}}

/* 10 · Keyboard focus is explicit before production. */
body.pnel-brand .pnel-faq-toggle:focus-visible,
body.pnel-brand .pnel-team a:focus-visible{outline:2px solid var(--pnel-red)!important;outline-offset:4px!important}
