/* Íconos de acción, menú de compartir y estrellas (04/10/2026) */
.ac-acc[data-ac-accion="guardar"].is-on svg{fill:#D9A441;color:#D9A441}
.ac-acc[data-ac-accion="guardar"].is-on{color:#8A6A1F}
.ac-acc:disabled{opacity:.55;cursor:progress}
.ac-compartir{position:absolute;z-index:9999;min-width:230px;background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:8px;box-shadow:0 20px 40px -16px rgba(15,42,74,.45);font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.ac-compartir-t{margin:4px 10px 6px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#64748B}
.ac-compartir a,.ac-compartir button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;background:none;border-radius:10px;color:#0F2A4A;font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;text-align:left}
.ac-compartir a:hover,.ac-compartir button:hover,.ac-compartir a:focus-visible,.ac-compartir button:focus-visible{background:#FBF7EC;outline:none}
.ac-compartir svg{color:#D9A441;flex:none}
.ac-acc-aviso{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#0F2A4A;color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 12px 30px -10px rgba(15,42,74,.6);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:99999;max-width:min(92vw,480px);text-align:center;font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.ac-acc-aviso.is-on{opacity:1;transform:translate(-50%,0)}
/* Estrella en el título de la ficha y en el catálogo */
.acf-cab .sqfav-estrella{margin-left:6px;vertical-align:middle;padding:6px}
.acf-cab .sqfav-estrella svg{width:24px;height:24px}
.ac-cat-estrella{color:#94A3B8}
.ac-cat-estrella:hover{color:#0F2A4A}
@media print{.ac-acciones,.ac-compartir,.ac-acc-aviso,.sqfav-estrella,.sqfav-aviso{display:none!important}}

/* ===== Barra de acciones limpia (12/10/2026, José): solo el ícono en el azul de la marca, sin píldora de fondo,
   sin círculo y sin texto. Ayuda igual que los demás (el signo de pregunta de los globitos de ayuda).
   El nombre de cada ícono sigue en aria-label para el lector de pantalla y sale al pasar el mouse (title). ===== */
.ac-acciones{display:inline-flex;align-items:center;gap:2px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;flex-shrink:0}
.ac-acc{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:transparent;border-radius:999px!important;color:#0F2A4A;font-family:inherit;line-height:1;cursor:pointer;transition:background-color .18s ease,color .18s ease!important}
.ac-acc-chip,.ac-acciones .ac-acc.ac-acc-ayuda .ac-acc-chip{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:0;background:transparent;color:inherit;flex:none;transition:transform .12s ease}
.ac-acc-svg{width:22px;height:22px}
.ac-acc-txt{display:none}
.ac-acc:hover{background:transparent;color:#7E5A14}
.ac-acc:focus-visible{outline:2px solid #1E4A7A;outline-offset:2px;background:transparent}
.ac-acc:active .ac-acc-chip{transform:scale(.9)}
.ac-acc-ayuda:hover .ac-acc-chip{background:transparent;color:inherit}
/* Al pasar el mouse el ícono se pone dorado (sin fondo). Guardado: la estrella se llena de dorado. */
.ac-acc[data-ac-accion="guardar"].is-on,.ac-acc[data-ac-accion="guardar"].is-on .ac-acc-chip{background:transparent;color:#B8862B}
.ac-acc[data-ac-accion="guardar"].is-on svg{fill:#D9A441;color:#B8862B}
.ac-acc[data-ac-accion="guardar"].is-on:hover{color:#7E5A14}
/* Consultoría: los íconos en verde petróleo */
body.ac-mundo-consultoria .ac-acc{color:#0B3644}
body.ac-mundo-consultoria .ac-acc:hover{color:#7E5A14}
body.ac-mundo-consultoria .ac-acc:focus-visible{outline-color:#175F70}
/* Teléfono: el área de toque crece; el ícono queda igual */
@media (pointer:coarse){.ac-acc{width:44px;height:44px}}
@media (max-width:420px){.ac-acciones{gap:0}.ac-acc{width:38px}}

/* 11/10/2026 · Letra mínima de 15 px (regla de la casa): nombres de la barra, menú de compartir y aviso. */
.ac-compartir-t{font-size:15px;letter-spacing:0;text-transform:none}
.ac-compartir a,.ac-compartir button{font-size:15px}
.ac-acc-aviso{font-size:15px}
