@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");.general-mold{display:flex;flex-direction:column;height:calc(100vh);padding-top:0;margin-top:0}.headerGeneralMold{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background-color:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);height:var(--header-height)}.content-container{min-height:10vh}:root{--backgroundColor1:#00b3ff;--backgroundColor2:#25c6ff;--backgroundColor3:#a0dbff;--backgroundColor4:#d9f2ff;--backgroundColor5:#fff;--color1:#2c3e50;--color2:#3498db;--color3:#fff;--color4:#2b95c8;--color5:#2bc6c8;--gradient-color1:hwb(0 15% 90%);--gradient-color2:#1a4565;--gradient-color3:#4dd7f0;--gradient-color4:#f2f2f2;--bg-primary:#f9fafb;--bg-secondary:#e5e7eb;--card-bg:hsla(0,0%,100%,.95);--header-bg:hsla(0,0%,100%,.9);--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--accent:#3b82f6;--accent-hover:#2563eb;--error:#ef4444;--shadow:0 4px 12px rgba(0,0,0,.1);--transition:all 0.3s ease;--border-radius:0.75rem;--header-height:60px}.dark{--bg-primary:#1f2937;--bg-secondary:#374151;--card-bg:rgba(55,65,81,.95);--header-bg:rgba(55,65,81,.9);--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#9ca3af;--accent:#60a5fa;--accent-hover:#3b82f6;--error:#f87171;--shadow:0 4px 12px rgba(0,0,0,.3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;background:linear-gradient(to bottom right,var(--bg-primary),var(--bg-secondary));min-height:100vh;color:var(--text-primary);transition:var(--transition)}body.modal-open{overflow:hidden}#modal-root{position:fixed;top:0;left:0;z-index:10000}.modal-overlay{background-color:var(--bg-primary);z-index:10000;overflow:hidden;margin:0;padding:0}.modal-content-memories{position:relative;border-radius:8px}.close-button{position:absolute;top:15px;right:15px;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;color:#fff;cursor:pointer;justify-content:center}.close-button,.header{z-index:100;display:flex;align-items:center}.header{position:fixed;top:0;left:0;right:0;justify-content:space-between;padding:.75rem 1.5rem;background-color:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);height:var(--header-height)}.button{background:var(--accent);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:var(--transition)}.button:hover{background:var(--accent-hover);transform:scale(1.05)}.visibility{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;padding:.25rem .75rem;border-radius:20px;background:rgba(16,185,129,.1);color:#10b981}.visibility-icon{font-size:1.25rem}.content-container{display:flex;flex-direction:column;padding:1rem;gap:1.5rem;height:calc(100vh - var(--header-height));overflow-y:auto}.content-container.dual-content{flex-direction:row}.left-container,.right-container{background:var(--card-bg);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);transition:var(--transition);display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;height:100%}.left-container.full-width,.right-container.full-width{width:100%}.content-container.dual-content .left-container,.content-container.dual-content .right-container{flex:1 1;min-width:0}.content-container.dual-content .left-container{margin-right:.75rem}.content-container.dual-content .right-container{margin-left:.75rem}.left-container::-webkit-scrollbar,.right-container::-webkit-scrollbar{width:8px}.left-container::-webkit-scrollbar-track,.right-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.left-container::-webkit-scrollbar-thumb,.right-container::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.left-container::-webkit-scrollbar-thumb:hover,.right-container::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}@media (max-width:768px){.content-container.dual-content{flex-direction:column}.content-container.dual-content .left-container,.content-container.dual-content .right-container{margin:0}.header{padding:.75rem 1rem}.visibility-label{display:none}}@media (max-width:480px){.header{padding:.75rem}.left-container,.right-container{padding:1rem}}.card-content{padding:1rem}.card-title{font-size:1.5rem;margin-bottom:1rem;color:var(--accent)}.card-text{line-height:1.6;margin-bottom:1.5rem;color:var(--text-secondary)}.card-list{list-style:none;margin:1rem 0}.card-list li{padding:.5rem 0;border-bottom:1px solid var(--bg-secondary);display:flex;align-items:center}.card-list li:before{content:"•";color:var(--accent);margin-right:.75rem;font-size:1.2rem}.demo-actions{display:flex;gap:1rem;margin-top:1.5rem}.demo-button{padding:.75rem 1.5rem;border-radius:8px;background:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:600;transition:var(--transition)}.demo-button:hover{background:var(--accent-hover);transform:translateY(-2px)}.demo-button.secondary{background:transparent;border:2px solid var(--accent);color:var(--accent)}.memories-section{padding:1rem}.controls-container{flex-direction:row;gap:1rem;align-items:center;margin-bottom:1rem}.sort-select{max-width:200px}.memories-table-container{width:100%;flex:1 1;overflow-y:auto}.memories-table{width:100%;border-collapse:collapse}.scrollTable{flex:1 1;overflow:auto;border-radius:.7em}.table-header{position:-webkit-sticky;position:sticky;top:0;z-index:10}.table-header,.table-row{display:grid;grid-template-columns:1fr 3fr 2fr 2fr 1fr 1fr}.table-row{align-items:center}.table-cell{padding:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell{display:flex;align-items:center}.action-button{font-size:1rem;padding:.5rem 1rem}.description-cell,.name-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.types-cell .flex-column{gap:.25rem}.date-cell .content-small{display:none}.actions-modal{background-color:var(--card-bg);color:var(--text-primary);border-radius:none;padding:1rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.actions-modal .button{justify-content:flex-start;width:100%;text-align:left}.actions-modal .button svg{margin-right:.5rem}.accionsContainer{display:flex;justify-content:space-between;width:100%}.no-memories{height:100%}@media (max-width:1000px){.controls-container{flex-direction:column;align-items:stretch}.sort-select{width:100%}.memories-table{display:block}.table-header{display:none}.table-row{display:flex;flex-direction:column;background:var(--card-bg);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.table-cell{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;white-space:normal}.table-cell:before{content:attr(data-label);font-weight:700;color:var(--text-secondary);margin-right:.5rem}.actions-cell{justify-content:center}.date-cell .content-small{display:inline}}@media (max-width:576px){.memories-section{padding:.5rem}.table-row{padding:.75rem}.action-button{width:100%;text-align:center}}.animate.background-pulse{animation:backgroundPulse 8s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:.9}50%{opacity:1}}.animate.shape-breathing{animation:breathing 5s ease-in-out infinite;transform-origin:center}@keyframes breathing{0%,to{transform:scale(1) rotate(0deg);opacity:.8}25%{transform:scale(1.03) rotate(.5deg);opacity:.9}50%{transform:scale(1.01) rotate(-.5deg);opacity:1}75%{transform:scale(.99) rotate(.3deg);opacity:.95}}.animate.line-flow{animation:lineFlow 4s ease-in-out infinite;stroke-dasharray:100;stroke-dashoffset:100}@keyframes lineFlow{0%{stroke-dashoffset:100;opacity:.5}50%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-100;opacity:.5}}.animate.memory-dot{animation:dotFloat 4s ease-in-out infinite}@keyframes dotFloat{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-6px) scale(1.1);opacity:1}}.animate.organic-border{animation:organicBorder 7s ease-in-out infinite}@keyframes organicBorder{0%{stroke-dashoffset:0;opacity:.7}50%{stroke-dashoffset:20;opacity:1}to{stroke-dashoffset:0;opacity:.7}}.pulse{animation:pulse .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10%)}}.bar.animate{animation:bounce 1.5s infinite}.bar:first-child.animate{animation-delay:0s}.bar:nth-child(2).animate{animation-delay:.3s}.bar:nth-child(3).animate{animation-delay:.6s}.bar:nth-child(4).animate{animation-delay:.9s}.bar:nth-child(5).animate{animation-delay:1.2s}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotate-infinite{animation:rotate 2s linear infinite}.privacy-options{display:grid;grid-gap:10px;gap:10px;height:100%;max-height:300px;overflow-y:auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;width:100%;height:100%;overflow:auto;z-index:1001}.card-content{overflow-y:auto}.card-content,.memory-form{display:flex;flex-direction:column;justify-content:space-around;height:100%}.card.active{background-color:#ffffff2c;border:2px solid #0288d1;box-shadow:0 4px 8px rgba(0,0,0,.1)}.modal-content{background:var(--card-bg);padding:1rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content,.modal-content h3,.modal-content h4,.modal-content label,.modal-content p{color:var(--text-primary)}.modal-content .privacy-icon{font-size:1.5rem;color:var(--text-primary)}.modal-content .email-tag{background:var(--bg-secondary);color:var(--text-primary);border-radius:.5rem;padding:.5rem;display:flex;align-items:center;justify-content:space-between}.modal-content .error-message{color:var(--error)}.menu{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:#fff;transition:left .3s ease;padding:20px;box-shadow:2px 0 5px rgba(0,0,0,.5);z-index:9990}.menu-open{left:0}.menu-closed{left:-300px}.menu-content{display:flex;flex-direction:column;gap:20px}.user-info{display:flex;align-items:center;gap:10px}.user-image{width:40px;height:40px;border-radius:50%}.menu-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:30px}.menu-item{padding-left:10px;width:100%}.menu-link{text-decoration:none}.logout-link,.menu-link{color:var(--text-primary)}.logout-link{cursor:pointer}.plan-status{display:flex;flex-direction:column;gap:5px}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}.menu.dark-mode{background:var(--bg-primary)}.menu.dark-mode,.menu.dark-mode .logout-link,.menu.dark-mode .menu-link{color:var(--text-primary)}.menu-overlay.dark-mode{background:rgba(0,0,0,.7)}