.clips-app{position:fixed;inset:0;background:#000;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.clips-barra{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:max(.75rem,env(safe-area-inset-top)) 1rem .75rem;background:linear-gradient(rgba(0,0,0,.55),transparent);color:#fff;pointer-events:none}.clips-barra a,.clips-barra strong{pointer-events:auto;color:#fff;text-decoration:none;font-size:1.05rem}.clips-subir{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:999px;background:#ffffff2e;color:#fff;font-size:.9rem;text-decoration:none;backdrop-filter:blur(6px)}.clips-feed{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;touch-action:none;scrollbar-width:none}.clips-feed::-webkit-scrollbar{display:none}.clip-slide,.clips-vacio{position:relative;height:100%;min-height:100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.clips-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fffc}.clip-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#000;pointer-events:none}@media(min-width:768px){.clip-video{-o-object-fit:contain;object-fit:contain}}.clip-capa{position:absolute;inset:0;z-index:1;touch-action:none}.clip-play{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);width:4.5rem;height:4.5rem;border:0;border-radius:50%;background:#00000073;color:#fff;font-size:1.8rem;cursor:pointer}.clip-acciones{position:absolute;right:.75rem;bottom:calc(6rem + env(safe-area-inset-bottom));z-index:2;display:flex;flex-direction:column;gap:1.1rem}.clip-acciones button{display:flex;flex-direction:column;align-items:center;gap:.25rem;border:0;background:none;color:#fff;font-size:1.75rem;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.clip-acciones button span{font-size:.75rem;font-weight:600}.clip-corazon{color:#fe2c55}.clip-doble-corazon{position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%);color:#fe2c55;font-size:4.5rem;pointer-events:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.45));animation:clip-corazon-pop .7s ease-out forwards}@keyframes clip-corazon-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}.clip-info{position:absolute;left:0;right:4.5rem;bottom:0;z-index:2;padding:2.5rem 1rem calc(1.25rem + env(safe-area-inset-bottom));background:linear-gradient(transparent,#0009);pointer-events:none}.clip-info p{margin:.4rem 0;font-size:.95rem;line-height:1.35;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.clip-info small{color:#ffffffbf}.clip-autor{display:flex;align-items:center;gap:.5rem;pointer-events:auto;color:inherit;text-decoration:none;width:-moz-fit-content;width:fit-content}.clip-autor img,.clip-autor .clip-avatar{width:2.25rem;height:2.25rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #fff}.clip-autor .clip-avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--palette-primary, #073F38);font-weight:700}.clip-progreso{position:absolute;left:0;right:0;bottom:0;z-index:2;height:3px;background:#fff3}.clip-progreso span{display:block;height:100%;background:#fff}.clip-comentarios{position:absolute;inset:0;z-index:5}.clip-comentarios__fondo{position:absolute;inset:0;background:#00000073}.clip-comentarios__panel{position:absolute;left:0;right:0;bottom:0;max-height:70%;display:flex;flex-direction:column;background:#111;border-radius:1.1rem 1.1rem 0 0;padding:.85rem 1rem calc(1rem + env(safe-area-inset-bottom))}.clip-comentarios__panel .clip-comentarios__cabecera{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.clip-comentarios__panel .clip-comentarios__cabecera h2{margin:0;font-size:1rem}.clip-comentarios__panel .clip-comentarios__cabecera button{border:0;background:none;color:#fff;font-size:1.1rem;cursor:pointer}.clip-comentarios__panel form{display:flex;gap:.5rem;margin-top:.75rem}.clip-comentarios__panel form input{flex:1;min-width:0;border:0;border-radius:999px;padding:.7rem 1rem;background:#222;color:#fff}.clip-comentarios__panel form button{border:0;border-radius:999px;padding:.7rem 1rem;background:var(--palette-primary, #085646);color:#fff;font-weight:600;cursor:pointer}.clip-comentarios__panel form button:disabled{opacity:.5}.clip-comentarios__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.clip-comentarios__lista{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.85rem;padding-right:.25rem}.clip-comentarios__lista p,.clip-comentarios__lista strong{margin:0}.clip-comentarios__lista article p{margin:.2rem 0;font-size:.95rem;line-height:1.35}.clip-comentarios__lista small{color:#ffffff8c}.clip-comentarios__error{color:#fca5a5}.clips-aviso{position:absolute;left:50%;bottom:6rem;z-index:4;transform:translate(-50%);padding:.5rem 1rem;border-radius:999px;background:#000000bf;font-size:.9rem}.clips-admin{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem;color:#1f2933;box-sizing:border-box}.clips-admin h1,.clips-admin h2{margin:0 0 .5rem}.clips-admin select{margin-bottom:1rem;padding:.5rem;border-radius:8px}.clips-estudio{color:#1f2933}.clips-estudio h2{margin:0 0 .5rem}.clips-admin .clips-estudio{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e4e7eb}.clips-form{display:flex;flex-direction:column;gap:.75rem;max-width:420px;margin-bottom:2.5rem}.clips-form textarea{padding:.75rem;border:1px solid #cbd2d9;border-radius:10px;font:inherit;resize:vertical}.clips-dropzone{display:flex;align-items:center;justify-content:center;aspect-ratio:9/16;max-height:420px;border:2px dashed #9aa5b1;border-radius:14px;color:#52606d;cursor:pointer}.clips-dropzone input{display:none}.clips-preview{display:flex;flex-direction:column;gap:.5rem}.clips-preview video{width:100%;max-height:520px;border-radius:14px;background:#000}.clips-barra-progreso{height:8px;border-radius:999px;background:#e4e7eb;overflow:hidden}.clips-barra-progreso span{display:block;height:100%;background:var(--palette-primary, #073F38);transition:width .2s}.clips-btn{padding:.65rem 1.1rem;border:0;border-radius:10px;background:var(--palette-primary, #073F38);color:#fff;font-weight:600;cursor:pointer}.clips-btn:disabled{opacity:.5;cursor:not-allowed}.clips-btn.secundario{background:#e4e7eb;color:#1f2933}.clips-ayuda{margin:0;color:#616e7c}.clips-error{margin:0;color:#c62828}.clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.clips-tarjeta{display:flex;flex-direction:column;gap:.5rem;padding:.6rem;border:1px solid #e4e7eb;border-radius:12px;background:#fff}.clips-tarjeta video{width:100%;aspect-ratio:9/16;-o-object-fit:cover;object-fit:cover;border-radius:8px;background:#000}.clips-tarjeta div{display:flex;flex-direction:column;gap:.2rem}.clips-tarjeta p{margin:0;font-size:.9rem;overflow-wrap:anywhere}.clips-tarjeta small{color:#616e7c}.clips-tarjeta-acciones{flex-direction:row!important;gap:.5rem!important}.clips-tarjeta-acciones button{flex:1}