/* Iconos de disciplina, exclusivamente en las cabeceras de Proyectos. */
.pf-main .pf-heading-eyebrow { display:flex;align-items:center;gap:17px;margin-bottom:18px; }
.pf-main .pf-heading-eyebrow>.pf-eyebrow { margin:0; }
.pf-heading-icon { display:block;flex:0 0 56px;width:56px;height:56px;color:var(--cream,#fff6e0); }
.pf-heading-icon>svg { display:block;width:100%;height:100%;overflow:visible;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
.pf-heading-icon .pf-icon-line { stroke:var(--cream,#fff6e0); }
.pf-heading-icon .pf-icon-muted { stroke:#9e85b7; }
.pf-heading-icon .pf-icon-violet { stroke:#a66dff; }
.pf-heading-icon .pf-icon-amber { stroke:#ffae00; }
.pf-heading-icon .pf-icon-hot { stroke:#ff568e; }
.pf-heading-icon .pf-icon-clapper { transform-origin:9px 23px;animation:pfHeadingClap 5s ease-in-out infinite; }
.pf-heading-icon .pf-icon-play { animation:pfHeadingPlay 5s ease-in-out infinite; }
.pf-heading-icon .pf-icon-rec { fill:#ff568e;animation:pfHeadingRec 2.5s ease-in-out infinite; }
.pf-heading-icon .pf-icon-pen { transform-origin:28px 33px;animation:pfHeadingPen 4.6s linear infinite; }
.pf-heading-icon .pf-icon-curve { stroke-dasharray:1;stroke-dashoffset:0;animation:pfHeadingCurve 4.6s linear infinite; }
.pf-heading-icon .pf-icon-handles { animation:pfHeadingHandles 4.6s ease infinite; }
.pf-heading-icon .pf-icon-nodes { animation:pfHeadingNodes 4.6s ease infinite; }
.pf-heading-icon .pf-icon-palette>rect { transform-box:fill-box;transform-origin:center;animation:pfHeadingPalette 4.6s ease infinite; }
.pf-heading-icon .pf-icon-palette>rect:nth-child(2) { animation-delay:.15s; }.pf-heading-icon .pf-icon-palette>rect:nth-child(3) { animation-delay:.3s; }
.pf-heading-icon .pf-icon-web-code { stroke-dasharray:1;animation:pfHeadingCode 4.8s ease infinite; }
.pf-heading-icon .pf-icon-web-blocks { animation:pfHeadingBlocks 4.8s ease infinite; }
.pf-heading-icon .pf-icon-cursor { fill:#100b1c;transform-origin:42px 39px;animation:pfHeadingCursor 4.8s ease-in-out infinite; }
.pf-heading-icon .pf-icon-click { opacity:0;transform-origin:28px 29px;animation:pfHeadingClick 4.8s ease-out infinite; }
.pf-heading-icon .pf-icon-web-scan { opacity:0;animation:pfHeadingScan 4.8s ease infinite; }
.pf-heading-icon .pf-icon-aperture { transform-origin:32px 37px;animation:pfHeadingAperture 4.8s ease-in-out infinite; }
.pf-heading-icon .pf-icon-focus { transform-origin:32px 37px;animation:pfHeadingFocus 4.8s ease-in-out infinite; }
.pf-heading-icon .pf-icon-exposure { opacity:0;animation:pfHeadingExposure 4.8s ease infinite; }
.pf-heading-icon .pf-icon-focus-ring { opacity:0;transform-origin:32px 37px;animation:pfHeadingFocusRing 4.8s ease-out infinite; }
.pf-heading-icon .pf-icon-flash { opacity:.25;transform-origin:49px 14px;animation:pfHeadingFlash 4.8s ease infinite; }
.pf-heading-icon[data-animating=false] * { animation-play-state:paused!important; }
@keyframes pfHeadingClap { 0%,12%,46%,100% { transform:rotate(0); }24%,34% { transform:rotate(-13deg); }39% { transform:rotate(1deg); } }
@keyframes pfHeadingPlay { 0%,36%,100% { opacity:.55; }45%,80% { opacity:1; } }
@keyframes pfHeadingRec { 0%,100% { opacity:.35; }50% { opacity:1; } }
@keyframes pfHeadingPen { 0%,8% { opacity:0;transform:translate(-16px,12px); }12% { opacity:1;transform:translate(-16px,12px); }23% { opacity:1;transform:translate(-12px,-1px) rotate(-10deg); }34% { opacity:1;transform:translate(3px,-9px) rotate(-15deg); }46% { opacity:1;transform:translate(15px,-1px) rotate(-10deg); }58% { opacity:1;transform:translate(21px,12px); }67%,100% { opacity:0;transform:translate(23px,5px) rotate(-12deg); } }
@keyframes pfHeadingCurve { 0%,12% { stroke-dashoffset:1;opacity:.5; }58%,88% { stroke-dashoffset:0;opacity:1; }100% { stroke-dashoffset:1;opacity:0; } }
@keyframes pfHeadingHandles { 0%,7%,100% { opacity:.2; }18%,82% { opacity:.65; } }
@keyframes pfHeadingNodes { 0%,5%,100% { opacity:.2; }18%,88% { opacity:1; } }
@keyframes pfHeadingPalette { 0%,52%,100% { opacity:0;transform:translateY(3px) scaleX(.3); }65%,88% { opacity:1;transform:translateY(0) scaleX(1); } }
@keyframes pfHeadingCode { 0%,6%,100% { opacity:0;stroke-dashoffset:1; }15% { opacity:1;stroke-dashoffset:1; }33%,44% { opacity:1;stroke-dashoffset:0; }56%,91% { opacity:0;stroke-dashoffset:0; } }
@keyframes pfHeadingBlocks { 0%,43%,100% { opacity:0;transform:translateY(6px); }65%,89% { opacity:1;transform:translateY(0); } }
@keyframes pfHeadingCursor { 0%,15%,100% { transform:translate(0,0); }37%,42% { transform:translate(-14px,-10px); }46% { transform:translate(-14px,-10px) scale(.7); }53%,76% { transform:translate(-14px,-10px) scale(1); }91% { transform:translate(0,0); } }
@keyframes pfHeadingClick { 0%,43%,69%,100% { opacity:0;transform:scale(.3); }46% { opacity:1;transform:scale(.3); }64% { opacity:0;transform:scale(1.5); } }
@keyframes pfHeadingScan { 0%,57%,89%,100% { opacity:0;transform:translateY(0); }61% { opacity:.9;transform:translateY(0); }82% { opacity:0;transform:translateY(21px); } }
@keyframes pfHeadingFocus { 0%,12%,90%,100% { opacity:.35;transform:scale(1); }29%,41% { opacity:1;transform:scale(.78); }64%,78% { opacity:.7;transform:scale(1); } }
@keyframes pfHeadingAperture { 0%,18%,82%,100% { transform:rotate(0) scale(1); }35% { transform:rotate(30deg) scale(.9); }44%,48% { transform:rotate(100deg) scale(.22); }62% { transform:rotate(150deg) scale(1); } }
@keyframes pfHeadingExposure { 0%,43%,54%,100% { opacity:0; }47% { opacity:.95; } }
@keyframes pfHeadingFocusRing { 0%,49%,86%,100% { opacity:0;transform:scale(.8); }54% { opacity:.9;transform:scale(.8); }76% { opacity:0;transform:scale(1.25); } }
@keyframes pfHeadingFlash { 0%,43%,58%,100% { opacity:.25;transform:scale(1); }47% { opacity:1;transform:scale(1.2); } }
@media (max-width:760px) { .pf-main .pf-heading-eyebrow { gap:13px;margin-bottom:15px; }.pf-heading-icon { flex-basis:44px;width:44px;height:44px; } }
@media (prefers-reduced-motion:reduce) { .pf-heading-icon * { animation:none!important; }.pf-heading-icon .pf-icon-web-scan,.pf-heading-icon .pf-icon-web-blocks,.pf-heading-icon .pf-icon-exposure { display:none; }.pf-heading-icon .pf-icon-flash { opacity:.55; } }
