/* Acceso a las guías de instalación en la franja superior. */
.ap-install-mobile-entry, .ap-install-mobile-button { display: none; }
@media (max-width: 767px) {
    body.ap-install-dialog-open .aprodap-mobile-toolbar { display: none !important; }
}
@media (max-width: 575px) {
    .ap-install-mobile-entry { display: flex; justify-content: center; padding: 9px 14px 10px; background: linear-gradient(180deg,#f6fcfc,#ffffff); }
    .ap-install-mobile-inline .ap-install-mobile-entry { display: none; }
    .ap-install-mobile-button { display: flex; align-items: center; gap: 11px; width: min(100%,360px); min-height: 49px; padding: 6px 11px; border: 1px solid rgba(12,144,151,.2); border-radius: 17px; background: #fff; color: #16394b; box-shadow: 0 5px 20px rgba(5,94,113,.09); text-align: left; cursor: pointer; transition: transform .22s ease,box-shadow .22s ease; }
    .ap-install-mobile-button:hover, .ap-install-mobile-button:focus-visible { transform: translateY(-2px); box-shadow: 0 9px 23px rgba(5,94,113,.16); }
    .ap-install-mobile-icon { display: grid; place-items: center; width: 35px; height: 35px; flex: 0 0 35px; border-radius: 11px; background: linear-gradient(135deg,#087f98,#10a58c); color: #fff; font-size: 17px; }
    .ap-install-mobile-copy { display: flex; flex-direction: column; min-width: 0; line-height: 1.15; }
    .ap-install-mobile-copy strong { font-size: .87rem; font-weight: 800; }
    .ap-install-mobile-copy small { margin-top: 3px; color: #547180; font-size: .68rem; white-space: nowrap; }
    .ap-install-mobile-arrow { margin-left: auto; color: #087f98; font-size: 23px; }
    .aprodap-header-react-main .aprodap-header-react-container { width: calc(100% - 12px); gap: 5px; }
    .aprodap-header-react-brand { gap: 5px; }
    .aprodap-header-react-brand-copy strong { font-size: .81rem; white-space: nowrap; }
    .aprodap-header-react-main-actions { gap: 5px; }
    .aprodap-header-react-main-actions .aprodap-header-react-command-button { width: 35px; min-height: 38px; }
    .aprodap-header-react-main-actions .aprodap-header-react-mobile-toggle { width: 38px; height: 38px; }
    body .aprodap-header-react-main-actions #apLiveHeader { width: 40px!important; height: 40px!important; min-width: 40px!important; min-height: 40px!important; }
    .aprodap-header-react-main-actions .ap-install-mobile-button { display: grid; place-items: center; flex: 0 0 37px; width: 37px; min-width: 37px; min-height: 37px; height: 37px; padding: 0; border: 0; border-radius: 12px; background: linear-gradient(135deg,#087f98,#10a58c); box-shadow: 0 4px 11px rgba(5,94,113,.16); }
    .aprodap-header-react-main-actions .ap-install-mobile-button .ap-install-mobile-icon { width: 37px; height: 37px; background: none; font-size: 18px; }
    .aprodap-header-react-main-actions .ap-install-mobile-button .ap-install-mobile-copy,
    .aprodap-header-react-main-actions .ap-install-mobile-button .ap-install-mobile-arrow { display: none; }
}
@media (max-width: 360px) { .aprodap-header-react-brand-copy { display: none; } }
.aprodap-header-react-service[aria-label="Instala APRODAP"] .aprodap-header-react-service-icon {
    background: linear-gradient(125deg, #f59e0b, #0d9488, #087ca5);
    background-size: 250% 250%;
    border-color: rgba(255,255,255,.7);
    box-shadow: 0 0 0 3px rgba(255,255,255,.13), 0 5px 14px rgba(0,0,0,.15);
    animation: apInstallColor 7s ease-in-out infinite, apInstallNudge 9s ease-in-out infinite;
}
.aprodap-header-react-service[aria-label="Instala APRODAP"]:hover .aprodap-header-react-service-icon,
.aprodap-header-react-service[aria-label="Instala APRODAP"]:focus-visible .aprodap-header-react-service-icon { animation-play-state: paused; transform: scale(1.13); }
@keyframes apInstallColor { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes apInstallNudge { 0%,84%,100% { translate: 0 0; } 88% { translate: 0 -3px; } 92% { translate: 0 0; } }
.ap-install-modal { --ap-install-ink: #153347; color: var(--ap-install-ink); }
.ap-install-modal .modal-dialog { max-width: min(830px, calc(100vw - 28px)); }
.ap-install-modal .modal-content { border: 1px solid #d9eaf0; border-radius: 26px; overflow: hidden; box-shadow: 0 26px 90px rgba(4,48,67,.24); }
.ap-install-head { position: relative; padding: 30px 32px 26px; background: radial-gradient(circle at 95% 0%, rgba(142,236,222,.43), transparent 38%), linear-gradient(135deg,#edf9fc,#f5fbf9); }
.ap-install-kicker { display: inline-flex; align-items: center; gap: 8px; color: #087779; font-size: .76rem; font-weight: 800; letter-spacing: .12em; }
.ap-install-head h2 { margin: 10px 42px 8px 0; font-size: clamp(1.6rem,3vw,2.25rem); font-weight: 850; letter-spacing: -.035em; line-height: 1.1; }
.ap-install-head p { margin: 0; color: #516776; line-height: 1.5; }
.ap-install-close { position: absolute; top: 17px; right: 18px; display: grid; place-items: center; width: 39px; height: 39px; background: #fff; border: 1px solid #d7e8ed; border-radius: 50%; color: #17485b; }
.ap-install-modal .modal-body { padding: 22px 28px 30px; }
.ap-install-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.ap-install-card { overflow: hidden; min-width: 0; border: 1px solid #dce9ec; border-radius: 20px; background: #fff; box-shadow: 0 8px 25px rgba(15,70,88,.06); }
.ap-install-preview { display: grid; place-items: center; height: 126px; background: radial-gradient(circle at 75% 25%,#a9ebe2,transparent 45%),linear-gradient(125deg,#0b6283,#0b9b94); }
.ap-install-phone { display: grid; place-items: center; position: relative; width: 62px; height: 100px; border: 4px solid #fff; border-radius: 12px; color: #fff; box-shadow: 0 6px 20px rgba(0,36,52,.25); }
.ap-install-phone .bi:first-child { font-size: 27px; }
.ap-install-phone .bi-play-circle-fill { position: absolute; right: -17px; bottom: 9px; font-size: 30px; color: #fbbf24; filter: drop-shadow(0 2px 4px rgba(0,0,0,.2)); }
.ap-install-card-body { padding: 17px 19px 19px; }
.ap-install-card h3 { font-size: 1.17rem; font-weight: 800; margin: 0 0 6px; }
.ap-install-card p { font-size: .92rem; line-height: 1.45; color: #586d7b; margin: 0 0 15px; }
.ap-install-watch { border: 0; border-radius: 11px; background: linear-gradient(110deg,#066487,#0e9b90); color: #fff; padding: 10px 16px; font-weight: 750; }
.ap-install-watch:hover { filter: brightness(1.1); }
.ap-install-pending { display: inline-block; border-radius: 10px; padding: 9px 12px; background: #eef6f6; color: #466678; font-size: .83rem; }
.ap-install-steps { margin-top: 16px; border-top: 1px solid #e5eef1; padding-top: 11px; font-size: .88rem; }
.ap-install-steps summary { cursor: pointer; color: #066d83; font-weight: 750; list-style: none; }
.ap-install-steps summary::-webkit-details-marker { display: none; }
.ap-install-steps summary i { margin-left: 5px; font-size: .7rem; }
.ap-install-steps ol { padding-left: 20px; margin: 12px 0 0; color: #365366; line-height: 1.55; }
.ap-install-steps li + li { margin-top: 6px; }
.ap-install-player[hidden], .ap-install-grid[hidden] { display: none; }
.ap-install-back { padding: 0; border: 0; background: transparent; color: #076a80; font-weight: 750; }
.ap-install-player-title { margin: 14px 0; font-size: 1.2rem; font-weight: 800; }
.ap-install-player video { display: block; max-height: min(65vh,600px); width: 100%; background: #102a3a; border-radius: 14px; }
@media(max-width:600px) { .ap-install-modal .modal-dialog { max-width: calc(100vw - 16px); margin: 8px auto; } .ap-install-head { padding: 23px 19px 20px; } .ap-install-modal .modal-body { padding: 15px; } .ap-install-grid { grid-template-columns: 1fr; gap: 13px; } .ap-install-preview { height: 96px; } .ap-install-phone { transform: scale(.8); } .ap-install-card-body { padding: 14px 16px; } }
@media(prefers-reduced-motion:reduce) { .aprodap-header-react-service[aria-label="Instala APRODAP"] .aprodap-header-react-service-icon { animation: none; } .ap-install-mobile-button { transition: none; } }