@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{height:100%;margin:0}body{color:#1a202c;background:#f5f7fa}@media (prefers-color-scheme:dark){body{color:#e2e8f0;background:#1a202c}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#264653;--primary-dark:#1f3642;--secondary:#e76f51;--accent:#f3e9d8;--success:#2e8b57;--warning:#e9a23b;--danger:#d9534f;--info:#4a78c2;--bg-light:#f7f7f5;--bg-white:#fff;--text-dark:#17202a;--text-light:#68707a;--border:#e4e6e8;--shadow:0 2px 8px #0000000a;--shadow-lg:0 20px 60px #00000026}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-light);color:var(--text-dark);font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container{background:var(--bg-light);height:100vh;display:flex}.sidebar{background:#1e3a4c;border-right:1px solid #0f2430;flex-direction:column;width:300px;transition:width .3s;display:flex;overflow-y:auto}.sidebar.closed{width:202px}.sidebar-header{border-bottom:1px solid #2a4f62;justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.app-logo{object-fit:contain;letter-spacing:2px;color:#fff;width:auto;max-width:120px;height:auto;max-height:40px;font-size:18px;font-weight:600}.sidebar.closed .app-logo{display:none}.sidebar-toggle{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:none}.sidebar-toggle:hover{background:var(--bg-light);color:var(--text-dark)}@media (width<=768px){.sidebar-toggle{display:flex}}.sidebar-nav{flex-direction:column;flex:1;padding:12px 0;display:flex}.nav-item{color:#a8bcc7;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;min-height:44px;margin:0;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-item svg{flex-shrink:0;width:20px;min-width:20px;height:20px}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#2a4f62;border-left-color:#e76f51;font-weight:600}.sidebar.closed .nav-item{border-radius:8px;margin:0;padding:12px}.sidebar-user{border-top:1px solid #2a4f62;margin-top:auto;padding:16px}.user-info{border-bottom:1px solid #2a4f62;margin-bottom:12px;padding-bottom:12px}.user-name{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:13px;font-weight:600}.user-role{color:#a8bcc7;font-size:12px}.logout-btn{color:#fff;cursor:pointer;background:#c94d48;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.logout-btn:hover{background:#b53d38}.app-version{text-align:center;border-top:1px solid #fff3;margin-top:16px;padding-top:16px}.app-version p{color:#fff9;letter-spacing:.5px;margin:0;font-size:12px;font-weight:500}.main-content{flex:1;padding:32px;overflow-y:auto}.btn-add{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.btn-add:hover{background:var(--primary-dark)}.btn-icon{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .15s;display:flex}.btn-icon:hover{color:var(--primary);background:#2646531a}.btn-icon.delete:hover{color:var(--danger);background:#d9534f1a}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;width:100%;max-height:60px}.sidebar.closed{width:100%}.sidebar-header{border-bottom:none;border-right:1px solid var(--border);flex:1;padding:0 16px}.sidebar-nav{flex-direction:row;flex:1;padding:0}.nav-item{border-bottom:3px solid #0000;border-left:none;border-radius:0;margin:0;padding:16px 12px}.nav-item.active{border-left:none;border-bottom-color:var(--primary)}.sidebar-user{display:none}.main-content{padding:16px}}.login-container{background:linear-gradient(135deg,#264653 0%,#3d5a5e 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:48px;box-shadow:0 20px 60px #00000026}.login-card h1{text-align:left;color:#264653;letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:700}.subtitle{text-align:left;color:#68707a;margin-bottom:32px;font-size:14px;line-height:1.5}.form-group label{color:#17202a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group input{color:#17202a;background:#fff;border:1px solid #e4e6e8;border-radius:8px;width:100%;padding:11px 12px;font-size:14px;transition:all .15s}.form-group input:hover{border-color:#d0d5db}.form-group input:focus{border-color:#264653;outline:none;box-shadow:0 0 0 3px #26465314}.login-btn{color:#fff;cursor:pointer;background:#264653;border:none;border-radius:8px;width:100%;margin-bottom:24px;padding:12px;font-size:14px;font-weight:600;transition:all .15s}.login-btn:hover{background:#1f3642}.login-info{color:#68707a;background:#f7f7f5;border:1px solid #e4e6e8;border-radius:8px;padding:16px;font-size:13px}.login-info p{margin:6px 0;line-height:1.4}.login-info strong{color:#17202a;font-weight:600}.login-info hr{border:none;border-top:1px solid #e4e6e8;margin:12px 0}@media (width<=480px){.login-card{padding:32px 20px}.login-card h1{font-size:20px}}.project-form-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.project-form{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.project-form h3{color:#1a202c;margin-bottom:24px;font-size:24px}.files-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.file-item{background:#f5f7fa;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;font-size:14px;display:flex}.file-item span{color:#1a202c;font-weight:500}.btn-remove{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:background .2s}.btn-remove:hover{background:#e53935}@media (width<=640px){.project-form{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}.proyectos-container{flex-direction:column;gap:32px;display:flex}.proyectos-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.proyectos-header h2{color:#17202a;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:700}.proyectos-subtitle{color:#68707a;margin:0;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.stat-card{background:#fff;border:1px solid #e4e6e8;border-radius:12px;align-items:flex-start;gap:16px;padding:20px;transition:all .2s;display:flex}.stat-card:hover{border-color:#264653;box-shadow:0 2px 8px #0000000a}.stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.stat-info{flex:1}.stat-number{color:#17202a;margin-bottom:4px;font-size:24px;font-weight:700;line-height:1}.stat-label{color:#17202a;margin-bottom:2px;font-size:14px;font-weight:600}.stat-detail{color:#68707a;font-size:12px}.proyectos-secciones{flex-direction:column;gap:32px;display:flex}.estado-seccion{flex-direction:column;gap:16px;display:flex}.estado-header{background:#fff;border:1px solid #e4e6e8;border-left-width:4px;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.estado-header h3{text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.estado-count{color:#17202a;background:#f7f7f5;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:700}.proyectos-table-container{background:#fff;border:1px solid #e4e6e8;border-radius:12px;overflow:hidden}.proyectos-table{border-collapse:collapse;width:100%;font-size:14px}.proyectos-table thead{background:#f7f7f5;border-bottom:1px solid #e4e6e8}.proyectos-table th{text-align:left;color:#17202a;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid #e4e6e8;padding:14px 16px;font-size:12px;font-weight:600}.proyectos-table th:last-child{border-right:none}.proyectos-table tbody tr{border-bottom:1px solid #e4e6e8;height:56px;transition:background .15s}.proyectos-table tbody tr:hover{background:#fafaf9}.proyectos-table tbody tr:last-child{border-bottom:none}.proyectos-table td{color:#17202a;vertical-align:middle;border-right:1px solid #e4e6e8;padding:0 16px;display:table-cell}.proyectos-table td:last-child{border-right:none}.cell-nombre{color:#264653;align-items:center;gap:12px;min-width:200px;font-weight:600;display:flex}.proyecto-icon{color:#264653;background:#f7f7f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.cell-descripcion{color:#68707a;text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:13px;overflow:hidden}.cell-responsable{color:#68707a;align-items:center;gap:10px;min-width:160px;font-size:13px;display:flex}.responsable-avatar{color:#fff;background:#264653;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.responsable-name{color:#68707a}.cell-estado{min-width:100px}.estado-badge{border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.estado-badge:before{content:"";border-radius:50%;width:8px;height:8px;display:inline-block}.cell-estado{color:#fff}.cell-estado .estado-badge{color:#fff;background:#2e8b57}.cell-estado .estado-badge:before{background:#fff}.proyectos-table tr:has(td:nth-child(4) .en-curso) .cell-estado .estado-badge{color:#fff;background:#e9a23b}.proyectos-table tr:has(td:nth-child(4) .en-curso) .cell-estado .estado-badge:before{background:#fff}.proyectos-table tr:has(td:nth-child(4) .detenido) .cell-estado .estado-badge{color:#fff;background:#d9534f}.proyectos-table tr:has(td:nth-child(4) .detenido) .cell-estado .estado-badge:before{background:#fff}.cell-fecha,.cell-fecha-entrega{color:#68707a;min-width:100px;font-size:13px}.cell-prioridad{min-width:100px}.prioridad-badge{color:#17202a;background:#fff;border:1.5px solid;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.cell-notas{color:#68707a;min-width:150px;font-size:13px}.cell-archivos{text-align:center;min-width:80px;font-size:13px}.archivo-count{color:#68707a;background:#f1f1ef;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.cell-acciones{justify-content:center;gap:4px;min-width:60px;display:flex}@media (width<=1200px){.proyectos-table{font-size:13px}.proyectos-table th,.proyectos-table td{padding:12px}.cell-descripcion{max-width:150px}}@media (width<=768px){.proyectos-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.proyectos-table{min-width:1000px;font-size:12px}.proyectos-table th,.proyectos-table td{padding:10px 8px}.cell-descripcion,.cell-notas{display:none}.proyectos-header{flex-direction:column;align-items:flex-start}}.post-form-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.post-form{background:#fff;border-radius:12px;width:100%;max-width:700px;padding:32px;box-shadow:0 20px 60px #0000004d}.form-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.form-header h3{color:#1a202c;margin:0;font-size:24px}.btn-close{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-close:hover{color:#1a202c;background:#f5f7fa}.form-section{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:24px}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h4{color:#1a202c;margin-bottom:16px;font-size:16px;font-weight:600}.form-group{margin-bottom:16px}.form-group label{color:#1a202c;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.image-upload{text-align:center;cursor:pointer;border:2px dashed #e2e8f0;border-radius:8px;padding:24px;transition:all .3s}.image-upload:hover{background:#f5f7fa;border-color:#667eea}.image-upload input{display:none}.image-upload p{color:#718096;margin:0;font-size:14px}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:12px;display:grid}.image-preview-item{aspect-ratio:1;background:#f5f7fa;border-radius:8px;position:relative;overflow:hidden}.image-preview-item img{object-fit:cover;width:100%;height:100%}.btn-remove-image{color:#fff;cursor:pointer;background:#f44336e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.btn-remove-image:hover{background:#f44336;transform:scale(1.1)}.btn-upload-image{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;margin-bottom:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.btn-upload-image:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-upload-image:active{transform:translateY(0)}.btn-upload-image:disabled{cursor:not-allowed;opacity:.6;background:linear-gradient(135deg,#cbd5e0 0%,#a0aec0 100%)}.btn-upload-image:disabled:hover{box-shadow:none;transform:none}.checkbox-group{flex-direction:column;gap:12px;display:flex}.checkbox-item{cursor:pointer;color:#1a202c;align-items:center;gap:10px;font-size:14px;display:flex}.checkbox-item input{cursor:pointer;width:18px;height:18px}.form-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.btn-cancel,.btn-save{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel{background:var(--bg-light);color:#1a202c;border:1px solid #e2e8f0}.btn-cancel:hover{background:#e2e8f0}.btn-save{color:#fff;background:#264653}.btn-save:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}@media (width<=640px){.post-form{padding:20px}.form-row{grid-template-columns:1fr}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}.preview-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.preview-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d}.preview-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex;position:sticky;top:0}.preview-header h2{color:#1a202c;margin:0;font-size:22px}.preview-header-actions{gap:8px;display:flex}.btn-delete-preview,.btn-close-preview{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-delete-preview:hover{color:#f44336;background:#fee}.btn-close-preview:hover{color:#1a202c;background:#f5f7fa}.preview-content{padding:24px}.preview-info{border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding-bottom:24px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-item .label{color:#718096;text-transform:uppercase;font-size:12px;font-weight:600}.info-item .value{color:#1a202c;font-size:14px;font-weight:500}.status-programado{color:#ff9800}.status-publicado{color:#4caf50}.preview-tabs{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:32px;margin-bottom:24px;padding-bottom:24px;display:flex}.preview-tab-content h3{color:#1a202c;margin-bottom:16px;font-size:16px}.instagram-preview{background:#f5f5f5;border-radius:8px;max-width:400px;overflow:hidden;box-shadow:0 4px 12px #00000026}.ig-header{background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ig-user-info{align-items:center;gap:12px;display:flex}.ig-avatar{background:#264653;border-radius:50%;width:32px;height:32px}.ig-user-details p{margin:0;font-size:12px}.ig-username{color:#1a202c;font-weight:600}.ig-location{color:#718096}.ig-menu{cursor:pointer;color:#718096;background:0 0;border:none;font-size:20px}.ig-image-container{aspect-ratio:1080/1350;background:#f5f5f5;width:100%;position:relative}.ig-carousel-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.ig-image{object-fit:cover;width:100%;height:100%}.ig-placeholder{color:#999;background:#e0e0e0;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.carousel-btn{color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:#000c;transform:translateY(-50%)scale(1.1)}.carousel-btn-prev{left:12px}.carousel-btn-next{right:12px}.image-counter{color:#fff;background:#000000b3;border-radius:16px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;bottom:12px;right:12px}.ig-actions{background:#fff;padding:12px 16px}.ig-action-buttons{color:#1a202c;gap:16px;margin-bottom:12px;display:flex}.ig-action-buttons svg{cursor:pointer;transition:all .2s}.ig-action-buttons svg:hover{transform:scale(1.1)}.ig-likes-save{color:#1a202c;justify-content:space-between;font-size:12px;font-weight:600;display:flex}.ig-caption{background:#fff;padding:12px 16px;font-size:13px;line-height:1.5}.ig-caption p{margin:8px 0}.ig-date{color:#718096;font-size:12px}.facebook-preview{background:#f5f7fa;border-radius:8px;max-width:500px;overflow:hidden}.fb-header{background:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex}.fb-user-info{align-items:center;gap:12px;display:flex}.fb-avatar{background:#264653;border-radius:50%;width:40px;height:40px}.fb-user-details p{margin:0;font-size:12px}.fb-username{color:#1a202c;font-weight:600}.fb-date{color:#718096}.fb-menu{cursor:pointer;color:#718096;background:0 0;border:none;font-size:20px}.fb-content{background:#fff;padding:16px}.fb-text{color:#1a202c;margin:0 0 12px;font-size:13px;line-height:1.5}.fb-image{border-radius:4px;width:100%;margin-bottom:12px}.fb-actions{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;padding:12px 0;display:flex}.fb-action{cursor:pointer;color:#718096;background:0 0;border:none;padding:8px 12px;font-size:13px;font-weight:600;transition:color .2s}.fb-action:hover{color:#667eea}.preview-description{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:24px}.preview-description h4{color:#1a202c;margin-bottom:12px;font-size:14px;font-weight:600}.preview-description p{color:#718096;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6}.preview-images{margin-bottom:24px}.preview-images h4{color:#1a202c;margin-bottom:12px;font-size:14px;font-weight:600}.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.preview-image-item{aspect-ratio:1;background:#f5f7fa;border-radius:8px;overflow:hidden}.preview-image-item img{object-fit:cover;width:100%;height:100%}@media (width<=768px){.preview-modal{border-radius:12px;max-width:100%}.preview-info{grid-template-columns:1fr}.instagram-preview,.facebook-preview{max-width:100%}.images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.social-feed-layout{grid-template-columns:320px 1fr;align-items:start;gap:24px;width:100%;display:grid}.social-profile-panel{background:#fff;border:1px solid #e4e6e8;border-radius:12px;padding:32px;position:sticky;top:20px;box-shadow:0 2px 8px #0000000a}.profile-avatar-large{object-fit:contain;background:#fff;border:1px solid #e4e6e8;border-radius:12px;width:140px;height:140px;margin:0 auto 24px;padding:8px;display:block;box-shadow:0 4px 12px #00000026}.profile-name{color:#17202a;text-align:center;letter-spacing:-.5px;margin:0 0 6px;font-size:24px;font-weight:700}.profile-handle{color:#68707a;text-align:center;margin:0 0 16px;font-size:14px}.profile-bio-text{color:#17202a;text-align:center;border-bottom:1px solid #e4e6e8;margin:0 0 24px;padding-bottom:24px;font-size:14px;line-height:1.5}.platforms-list{flex-direction:column;gap:8px;display:flex}.platform-link{color:#17202a;background:#fff;border:1px solid #e4e6e8;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.platform-link:hover{color:#264653;background:#f7f7f5;border-color:#264653}.profile-stats-vertical{border-bottom:1px solid #e4e6e8;flex-direction:column;gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex}.stat-item{justify-content:space-between;align-items:center;display:flex}.profile-actions{flex-direction:column;gap:12px;display:flex}.btn-secondary{color:#264653;cursor:pointer;background:#fff;border:1px solid #264653;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .15s}.btn-secondary:hover{background:#f7f7f5;border-color:#264653}.social-feed-section{flex-direction:column;gap:20px;display:flex}.feed-header{justify-content:space-between;align-items:center;display:flex}.feed-header h3{color:#17202a;margin:0;font-size:18px;font-weight:700}.empty-feed{text-align:center;color:#68707a;background:#fff;border:1px solid #e4e6e8;border-radius:12px;padding:60px 40px}.feed-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feed-post-card{cursor:pointer;background:#fff;border:1px solid #e4e6e8;border-radius:12px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.feed-post-card:hover{border-color:#264653;transform:translateY(-2px);box-shadow:0 10px 28px #0000001f}.post-image-container{aspect-ratio:1;background:#f1f1ef;width:100%;position:relative;overflow:hidden}.post-image{object-fit:cover;width:100%;height:100%;transition:transform .15s}.feed-post-card:hover .post-image{transform:scale(1.05)}.post-placeholder{color:#bbb;justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;display:flex}.post-status-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#e9a23bf2;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.post-status-badge.programado{background:#e9a23bf2}.post-status-badge.publicado{background:#2e8b57f2}.post-card-footer{flex-direction:column;flex:1;justify-content:space-between;padding:12px;display:flex}.post-title{color:#17202a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.post-date{color:#68707a;margin:0;font-size:12px}.post-card-actions{opacity:0;gap:8px;transition:opacity .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feed-post-card:hover .post-card-actions{opacity:1}.action-btn{color:#fff;cursor:pointer;background:#264653;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.action-btn:hover{background:#1f3642}.action-btn.delete:hover{background:#d9534f}@media (width<=1200px){.social-feed-layout{grid-template-columns:300px 1fr;gap:24px}.feed-grid{grid-template-columns:repeat(2,1fr)}.social-profile-panel{padding:20px}}@media (width<=1024px){.social-feed-layout{grid-template-columns:1fr}.social-profile-panel{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;display:grid;position:static}.profile-avatar-large,.profile-actions{grid-column:1/-1}.feed-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.social-feed-layout{grid-template-columns:1fr}.social-profile-panel{flex-direction:column;display:flex}.profile-avatar-large{margin:0 auto 16px}.feed-grid{grid-template-columns:1fr}.post-card-actions{opacity:1}}.contenido-container{flex-direction:column;gap:32px;display:flex}.contenido-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.contenido-header h2{color:#17202a;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:700}.contenido-subtitle{color:#68707a;margin:0;font-size:14px}.redes-tabs{-webkit-overflow-scrolling:touch;border-bottom:none;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex;overflow-x:auto}.red-tab{cursor:pointer;color:#68707a;white-space:nowrap;background:#fff;border:2px solid #e4e6e8;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex;position:relative}.tab-content{align-items:center;gap:10px;display:flex}.tab-icon-wrapper{background:#264653;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:4px;display:flex}.tab-logo{object-fit:contain;border-radius:50%;width:100%;height:100%}.tab-info{text-align:left;flex-direction:column;display:flex}.red-usuario{color:#a8bcc7;font-size:12px;font-weight:400}.red-tab:hover:not(.disabled){color:#264653;background:#2646530a;border-color:#264653}.red-tab.active{color:#17202a;background:#fff;border-color:#264653;box-shadow:0 0 0 2px #2646531a}.red-tab.active .tab-icon-wrapper{background:#264653}.contenido-layout{grid-template-columns:320px 1fr;gap:20px;margin-bottom:24px;display:grid}.profile-sidebar{position:sticky;top:20px}.profile-card{background:#fff;border:1px solid #e4e6e8;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a}.profile-avatar{color:#fff;background:#264653;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 16px;padding:8px;font-size:32px;font-weight:700;display:flex}.logo-img{object-fit:contain;border-radius:50%;width:100%;height:100%}.avatar-text{font-size:36px}.avatar-dot{font-size:40px}.profile-name{color:#17202a;text-align:center;margin:0 0 4px;font-size:20px;font-weight:700}.profile-usuario{color:#68707a;text-align:center;margin:0 0 12px;font-size:14px}.profile-descripcion{color:#17202a;text-align:center;border-bottom:1px solid #e4e6e8;margin:0 0 20px;padding-bottom:20px;font-size:14px;line-height:1.5}.profile-platforms{border-bottom:1px solid #e4e6e8;margin-bottom:20px;padding-bottom:20px}.profile-platforms h4{color:#68707a;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:12px;font-weight:700}.platforms-icons{flex-direction:column;gap:8px;display:flex}.platform-icon{color:#17202a;background:#f7f7f5;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.platform-icon:hover{color:#fff;background:#264653}.profile-stats{border-bottom:1px solid #e4e6e8;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:20px;display:flex}.stat{align-items:center;gap:12px;display:flex}.stat-icon{font-size:20px}.btn-perfil-completo{color:#264653;cursor:pointer;background:#fff;border:1px solid #264653;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-perfil-completo:hover{background:#f7f7f5}.contenido-main{flex-direction:column;gap:16px;min-width:0;display:flex}.contenido-main .social-feed-layout{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}.contenido-main .social-profile-panel{display:none!important}.contenido-main .profile-avatar-large{color:#fff;background:#264653;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 12px;font-size:40px;font-weight:700;display:flex}.contenido-main .profile-avatar-large img{object-fit:cover;border-radius:50%;width:100%;height:100%}.contenido-main .profile-name{color:#17202a;text-align:center;margin:0 0 4px;font-size:16px;font-weight:700}.contenido-main .profile-handle{color:#68707a;text-align:center;margin-bottom:12px;font-size:12px}.contenido-main .social-feed-section{flex:1}.contenido-main .feed-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:0;display:grid}.contenido-main .feed-post-card{aspect-ratio:1;background:#f1f1ef;border:none;border-radius:8px;overflow:hidden}.red-tab.disabled{opacity:.5;cursor:not-allowed}.red-nombre{font-size:14px;font-weight:600}.tab-icon-text{text-align:center;min-width:24px;margin-right:6px;font-size:20px;font-weight:700;display:inline-block}.tab-icon-dot{margin-right:6px;font-size:16px;display:inline-block}.tab-icon-svg{vertical-align:middle;margin-right:6px;display:inline-block}.coming-soon{color:#fff;white-space:nowrap;background:#e9a23b;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:-24px;right:0}.contenido-controls{background:#fff;border:1px solid #e4e6e8;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.view-modes{order:1;gap:8px;display:flex}.sort-controls{flex:1;order:2;gap:12px;min-width:auto;display:flex}.search-input{color:#17202a;border:1px solid #e4e6e8;border-radius:8px;flex:1;min-width:200px;padding:8px 12px;font-size:14px}.search-input::placeholder{color:#a8bcc7}.filter-select{color:#17202a;cursor:pointer;background:#fff;border:1px solid #e4e6e8;border-radius:8px;padding:8px 12px;font-size:14px}.mode-btn{cursor:pointer;color:#68707a;background:#fff;border:1px solid #e4e6e8;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.mode-btn:hover{color:#264653;background:#2646530a;border-color:#264653}.mode-btn.active{color:#fff;background:#264653;border-color:#264653}.sort-controls{align-items:center;gap:8px;display:flex}.sort-controls label{color:#68707a;white-space:nowrap;font-size:14px;font-weight:500}.sort-controls select{cursor:pointer;color:#17202a;background:#fff;border:1px solid #e4e6e8;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500}.feed-container{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.feed-grid{display:contents}.post-card{cursor:pointer;aspect-ratio:1;background:#fff;border:1px solid #e4e6e8;border-radius:12px;transition:all .15s;position:relative;overflow:hidden}.post-card:hover{border-color:#264653;box-shadow:0 8px 20px #00000014}.post-image-container{background:#f1f1ef;width:100%;height:100%;position:relative;overflow:hidden}.post-image{object-fit:cover;width:100%;height:100%}.post-badge{color:#fff;background:#e9a23b;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;top:8px;right:8px}.post-overlay{color:#fff;background:linear-gradient(#0000,#000000b3);padding:16px 12px 12px;transition:transform .15s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.post-card:hover .post-overlay{transform:translateY(0)}.post-titulo{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.post-fecha{color:#fffc;font-size:11px}.post-actions{opacity:0;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:8px;left:8px}.post-card:hover .post-actions{opacity:1}.btn-preview,.btn-delete{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .15s;display:flex}.btn-preview{color:#fff;background:#264653}.btn-preview:hover{background:#1f3642}.btn-delete{color:#fff;background:#d9534f}.btn-delete:hover{background:#c93d38}.calendar-view{grid-template-columns:1fr 1fr;gap:24px;display:grid}.calendar-section{background:#fff;border:1px solid #e4e6e8;border-radius:12px;padding:20px}.calendar-section h3{color:#17202a;margin-bottom:16px;font-size:16px;font-weight:600}.empty-calendar{text-align:center;color:#68707a;padding:20px;font-size:14px}.calendar-list{flex-direction:column;gap:10px;display:flex}.calendar-item{background:#f7f7f5;border-left:3px solid #264653;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .15s;display:flex}.calendar-item.published{border-left-color:#2e8b57}.calendar-item:hover{background:#f1f1ef}.date-box{color:#fff;background:#264653;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-weight:600;display:flex}.calendar-item.published .date-box{background:#2e8b57}.day{font-size:16px}.month{text-transform:uppercase;opacity:.8;font-size:10px}.calendar-item-content{flex:1}.item-titulo{color:#17202a;margin-bottom:3px;font-size:14px;font-weight:600}.btn-preview-calendar{color:#fff;cursor:pointer;background:#264653;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.btn-preview-calendar:hover{background:#1f3642}.empty-state{text-align:center;color:#68707a;background:#fff;border:1px solid #e4e6e8;border-radius:12px;padding:40px;font-size:16px}@media (width<=1024px){.feed-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.calendar-view{grid-template-columns:1fr}}@media (width<=640px){.contenido-controls{flex-direction:column;align-items:flex-start}.sort-controls{width:100%}.sort-controls select{flex:1}.feed-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.calendar-view{grid-template-columns:1fr}}.schedule-view{background:#fff;border:1px solid #e4e6e8;border-radius:12px;padding:32px}.schedule-header{margin-bottom:32px}.schedule-header h3{color:#17202a;margin:0 0 8px;font-size:24px;font-weight:700}.schedule-header p{color:#68707a;margin:0;font-size:14px}.schedule-days{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.schedule-day-btn{display:inline-block}.day-label{color:#68707a;text-transform:uppercase;letter-spacing:.5px;background:#f7f7f5;border:1px solid #e4e6e8;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s;display:inline-block}.day-label.active{color:#fff;background:#1e3a4c;border-color:#1e3a4c}.schedule-content{flex-direction:column;gap:32px;display:flex}.schedule-day-content{background:#f7f7f5;border-radius:12px;padding:24px}.schedule-posts{flex-direction:column;gap:16px;display:flex}.schedule-post-item{background:#fff;border-left:3px solid #264653;border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.schedule-post-icon{background:#e8f5e9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.schedule-post-info{flex-direction:column;flex:1;gap:4px;display:flex}.schedule-post-title{color:#17202a;font-size:14px;font-weight:600}.schedule-post-time{color:#68707a;font-size:12px}.schedule-details{background:#f7f7f5;border-radius:12px;padding:24px}.schedule-details h4{color:#17202a;margin:0 0 16px;font-size:16px;font-weight:700}.schedule-brands-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.schedule-brand-card{background:#fff;border:1px solid #e4e6e8;border-radius:8px;padding:16px}.schedule-brand-card h5{color:#17202a;margin:0 0 12px;font-size:14px;font-weight:700}.brand-detail{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.brand-label{color:#68707a;font-weight:600}.brand-detail span:last-child{color:#17202a;font-weight:500}.schedule-summary{background:#f7f7f5;border-radius:12px;padding:24px}.schedule-summary h4{color:#17202a;margin:0 0 16px;font-size:16px;font-weight:700}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.summary-stat{background:#fff;border:1px solid #e4e6e8;border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.summary-icon{flex-shrink:0;font-size:24px}.summary-number{color:#17202a;font-size:20px;font-weight:700;display:block}.summary-label{color:#68707a;font-size:12px;display:block}.calendario-container{flex-direction:column;gap:32px;display:flex}.calendario-header{margin-bottom:16px}.calendario-header h2{color:#17202a;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:700}.calendario-subtitle{color:#68707a;margin:0;font-size:14px}.week-grid{grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:32px;display:grid}.day-column{background:#fff;border:1px solid #e4e6e8;border-radius:8px;overflow:hidden}.day-header{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:14px;font-size:12px;font-weight:700}.day-items{flex-direction:column;gap:8px;min-height:200px;padding:12px;display:flex}.day-item{background:#f7f7f5;border-left:3px solid #264653;border-radius:6px;align-items:center;gap:8px;padding:10px;display:flex}.item-icon{color:#264653;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.item-marca{color:#17202a;font-size:12px;font-weight:700}.item-hora{color:#68707a;font-size:11px}.no-items{color:#a8bcc7;justify-content:center;align-items:center;height:200px;display:flex}.marcas-details{background:#fff;border:1px solid #e4e6e8;border-radius:12px;margin-bottom:32px;padding:32px}.details-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.details-header h3{color:#17202a;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.details-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.detail-card{background:#f7f7f5;border:1px solid #e4e6e8;border-radius:8px;padding:20px}.detail-card h4{color:#17202a;margin:0 0 16px;font-size:14px;font-weight:700}.detail-row{justify-content:space-between;margin-bottom:12px;font-size:13px;display:flex}.detail-label{color:#68707a;font-weight:600}.detail-row span:last-child{color:#17202a;font-weight:500}.resumen-section{background:#fff;border:1px solid #e4e6e8;border-radius:12px;padding:32px}.resumen-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.resumen-header h3{color:#17202a;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.resumen-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.resumen-stat{background:#f7f7f5;border:1px solid #e4e6e8;border-radius:8px;align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{color:#264653;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-content{flex-direction:column;gap:4px;display:flex}.stat-number{color:#17202a;font-size:24px;font-weight:700}.stat-label{color:#68707a;font-size:12px}@media (width<=768px){.week-tabs{gap:6px}.week-tab{padding:10px 14px;font-size:11px}.week-content,.marcas-details,.resumen-section{padding:20px}.details-grid,.resumen-stats{grid-template-columns:1fr}}