/* AulaQuest Gases · Encabezado de experiencia PRO, aislado del CSS del laboratorio. */
.aq-experience-header { position:relative; z-index:25; width:100%; background:linear-gradient(125deg,#101d36,#0a1429); border-bottom:1px solid rgba(125,170,235,.21); padding:11px clamp(12px,2vw,24px); color:#eaf3ff; }
.aq-experience-row { display:flex; align-items:center; gap:11px; min-width:0; }
.aq-experience-logo-wrap { flex:0 0 auto; width:38px; height:38px; border:1px solid #30476a; border-radius:9px; overflow:hidden; }
.aq-experience-logo-wrap[hidden], .aq-experience-instructions[hidden], #aq-experience-instructions-button[hidden], #aq-experience-link[hidden] { display:none!important; }
#aq-experience-logo { width:100%; height:100%; object-fit:contain; }
.aq-experience-titles { flex:1; min-width:0; }
#aq-experience-title { font-size:14px; line-height:1.3; font-weight:750; color:#f8fbff; margin:0; overflow-wrap:anywhere; }
#aq-experience-subtitle { font-size:10px; line-height:1.4; color:#94b5d7; margin:3px 0 0; overflow-wrap:anywhere; }
#aq-experience-instructions-button { flex:0 0 auto; border:1px solid #36577c; background:#1a3555; color:#d4ecff; padding:7px 10px; border-radius:8px; font-size:11px; font-weight:650; cursor:pointer; }
#aq-experience-instructions-button:hover { background:#23456c; }
.aq-experience-instructions { margin-top:10px; padding:13px; background:#101f37; border:1px solid #2c4867; border-radius:10px; }
.aq-experience-instructions-head { display:flex; justify-content:space-between; align-items:center; gap:10px; }
#aq-experience-notes-title { color:#d5ebff; font-size:12px; font-weight:700; margin:0; }
#aq-experience-close { padding:2px 8px; background:transparent; border:0; color:#b7cbe4; cursor:pointer; font-size:20px; }
#aq-experience-notes { white-space:pre-wrap; overflow-wrap:anywhere; color:#c8d6e8; font-size:12px; line-height:1.65; margin:9px 0 0; }
#aq-experience-link { display:inline-flex; text-decoration:none; font-size:11px; font-weight:700; border-radius:8px; padding:8px 11px; background:#2457a7; color:white; margin-top:10px; }
#aq-experience-link:hover { background:#306bcc; }
@media(max-width:550px) { .aq-experience-header { padding:9px 11px; } #aq-experience-title {font-size:12px;} #aq-experience-subtitle{font-size:9px;} #aq-experience-instructions-button{padding:7px 8px;font-size:10px;} .aq-experience-logo-wrap{width:32px;height:32px;} }