:root{--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--color-primary: #4f46e5;--color-secondary: #6b7280;--color-accent: #10b981;--color-background: #e8eaec;--color-text: #111827;--color-border: #e5e7eb;--font-family-sans: "Helvetica Neue", Arial, sans-serif;--font-family-serif: "Georgia", serif;--font-family-mono: "Courier New", monospace;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 16px;--spacing-4: 24px;--spacing-5: 32px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--transition-fast: all .2s ease-in-out;--transition-medium: all .5s ease-in-out;--transition-slow: all 1s ease-in-out;--z-index-dropdown: 1000;--z-index-modal: 1100;--z-index-tooltip: 1200;--z-index-toast: 1300;--z-index-popover: 1400;--z-index-sticky: 1500;--z-index-fixed: 1600;--z-index-overlay: 1700;--z-index-max: 1800;--opacity-low: .25;--opacity-medium: .5;--opacity-high: .75;--opacity-full: 1;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-loose: 1.75;--letter-spacing-tight: -.05em;--letter-spacing-normal: 0em;--letter-spacing-wide: .05em;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 4rem}body{margin:0;font-family:Arial,sans-serif;padding:0;overflow-x:hidden;background-color:var(--color-background);color:var(--color-text);line-height:var(--line-height-normal);font-size:var(--font-size-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}a{color:inherit;text-decoration:none}p{margin:0;padding:0;font-size:14px;text-align:justify}h1{margin:0;padding:0;font-size:28px}h3,h4,h5,h6{margin:0;padding:0;font-size:20px}@media screen and (max-width: 720px){h1{margin:0 0 .5em;padding:0;font-size:22px;text-align:center}h3,h4,h5,h6{margin:0 0 .5em;padding:0;font-size:16px;text-align:center}p{margin:0 0 1em;padding:0;font-size:12px;text-align:justify}}.page-root{display:flex;justify-content:flex-start;align-items:center;height:100%;width:100%;margin-left:2%}.card-carousel{width:70%;background-color:#c0bdbd9c;padding:0;color:#0b1220;box-sizing:border-box;border-radius:12px;box-shadow:0 8px 30px #02061714;overflow:hidden;display:flex;flex-direction:column;position:relative}.card-header{padding:12px}.card-content{padding:0 28px;color:#334155;overflow-y:auto;flex:1;font-size:16px}.card-footer{padding:28px;display:flex;justify-content:space-between;align-items:center;font-size:18px}.home-card,.project-card,.about-card{min-height:80vh;max-height:99vh;z-index:40;background-color:#c0bdbd9c}.project-card{height:80vh}.about-card{padding:12px 28px;z-index:50;background-color:#c0bdbd9c;position:relative;display:flex;flex-direction:row;overflow-x:hidden}.home-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,max-content));gap:1.5rem;justify-content:center;align-items:center;padding:1rem}.project-card{z-index:30}.tech-links{display:flex;gap:12px;margin-top:12px}.tech-links a{display:inline-flex;align-items:center;gap:8px;color:#0b1220;text-decoration:none}.about-left{width:34%;display:flex;flex-direction:column;align-items:center;gap:16px}.avatar{width:140px;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 8px 24px #0c0c0c6c}.tech-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:#0b1220;color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;font-size:12px}.contact-list{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:6px}.contact-list a{display:flex;align-items:center;gap:10px;color:var(--color-text);text-decoration:none;padding:12px 16px;border-radius:8px;background:#0f172a08;font-size:18px;box-shadow:0 8px 12px #0c0c0c6c}.contact-list a:hover{background:#0f172a0f}.info-block{width:100%;margin-top:8px;font-size:24px}.info-box{padding:12px;border-radius:8px}.about-right{width:66%;display:flex;flex-direction:column;gap:10px}.skills-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.skills-list{flex:1}.skill-badges{display:flex;flex-wrap:wrap;gap:10px}.skill-badge{justify-content:center;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#fff;border:1px solid rgba(15,23,42,.04);border-radius:999px;box-shadow:#00000054 0 8px 24px;color:#0f172a;font-weight:600}.skill-badge span:first-child{display:inline-flex;align-items:center;font-size:18px}.skill-badge span:last-child{font-size:18px;cursor:pointer}.card-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.primary-btn{background:#0f172a;color:#fff;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:18px}.about-info-text{font-size:20px;color:#334155;margin-top:4px;margin-bottom:12px;font-weight:500}@media screen and (max-width: 720px){.card-carousel,.project-card,.about-card{width:96%;min-height:90vh}.home-footer{padding:28px;display:grid;justify-content:space-evenly;align-items:center;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1.5rem;padding:1rem}.info-block{display:none}.about_right{overflow:hidden}.primary-btn{background:#0f172a;color:#fff;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-size:14px}.project-card-container{width:240px!important;margin:8px!important}#projects_list{grid-template-columns:1fr 1fr!important;gap:80px 0px!important;align-items:start!important}}@media screen and (max-width: 470px){.project-card-back button{padding:8px 10px!important;font-size:11px!important;min-width:70px!important;max-width:90px!important;gap:3px!important}.project-card-back .card-buttons{gap:6px!important;margin-top:8px!important}.container-btn-projects{justify-content:space-evenly!important}#projects_list{grid-template-columns:1fr!important;gap:15px!important;justify-items:center!important;padding:5px!important}.project-card-container{width:280px!important;height:180px!important;margin:8px!important}#projects_list{gap:80px!important}.card-content{margin:0!important}#projects_list{padding:0!important;justify-items:normal!important}.project-card-container{margin:0!important;width:90%!important}#about_right{padding-right:0!important;margin-right:0!important;overflow-x:hidden!important}}@media screen and (max-width: 380px){.card-content>p{color:#000!important}video[src*=torre_eifield]{width:100%!important}div[style*="zIndex: 20000"]{overflow:hidden!important}.project-card-back button{padding:8px 10px!important;font-size:11px!important;min-width:70px!important;max-width:90px!important;gap:3px!important}.project-card-back .card-buttons{gap:6px!important;margin-top:8px!important}.container-btn-projects{justify-content:space-evenly!important}.project-card-front,.project-card-back{padding:15px!important}.project-card-front h3,.project-card-back h3{font-size:16px!important}.avatar{width:60px}.card-carousel,.project-card,.about-card{width:96%;min-height:99vh;padding:4px}.card-carousel:only-child,.project-card:only-child,.about-card:only-child{padding:4px}.card-carousel *,.project-card *,.about-card *{padding:0!important;margin:0!important}.skill-icon,.card-carousel .skill-icon,.project-card .skill-icon,.about-card .skill-icon,.skill-badge svg,.skill-badge .skill-icon svg,.contact-list svg,.contact-list a svg,.card-carousel svg:not(.avatar):not(img):not(.tech-btn svg),.project-card svg:not(.avatar):not(img):not(.tech-btn svg),.about-card svg:not(.avatar):not(img):not(.tech-btn svg),.card-carousel [class*=fa-]:not(.tech-btn [class*=fa-]),.card-carousel [class*=si-]:not(.tech-btn [class*=si-]),.card-carousel [class*=fi-]:not(.tech-btn [class*=fi-]),.project-card [class*=fa-]:not(.tech-btn [class*=fa-]),.project-card [class*=si-]:not(.tech-btn [class*=si-]),.project-card [class*=fi-]:not(.tech-btn [class*=fi-]),.about-card [class*=fa-]:not(.tech-btn [class*=fa-]),.about-card [class*=si-]:not(.tech-btn [class*=si-]),.about-card [class*=fi-]:not(.tech-btn [class*=fi-]){display:none!important;visibility:hidden!important;width:0!important;height:0!important;opacity:0!important}.tech-btn svg,.tech-btn [class*=fa-],.tech-btn [class*=si-],.tech-btn [class*=fi-]{display:inline-flex!important;visibility:visible!important;width:auto!important;height:auto!important;opacity:1!important}.about-h3-large{font-size:20px!important}.about-paragraph{font-size:14px!important}.about-left{width:100%!important;align-items:center!important;text-align:center!important;margin-bottom:12px!important}.contact-list{display:grid!important;grid-template-columns:1fr 1fr 1fr!important}.skill-badges{display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr!important}.about-h3-large.tittle,.about-h4-small{display:none}#about_card{display:flex!important;flex-direction:column!important;align-items:center!important}#about_right{width:100%!important;overflow-x:hidden!important}.skill-badge{padding:6px 8px!important;margin:2px!important;min-width:auto!important;gap:0!important}.contact-list a{padding:8px 10px!important;margin:2px 0!important;gap:0!important}.skill-badge .skill-label,.contact-list a span:not(.skill-icon){margin-left:0!important;padding-left:0!important;text-align:center!important}.card-carousel img,.project-card img,.about-card img,.avatar{padding:0!important;margin:4px!important}.primary-btn,.tech-btn{padding:6px 8px!important;margin:2px!important}.card-carousel h1,.card-carousel h2,.card-carousel h3,.card-carousel h4,.card-carousel h5,.card-carousel h6{padding:0!important;margin:0!important}.card-carousel p{line-height:1rem!important;padding:0 6px!important;margin-bottom:4px!important}.card-carousel ul{text-align:center;list-style-type:none}.about-left,.about-right,.card-content,.card-header,.card-footer{gap:0px}.skills-row,.skills-list,.skill-badges{width:100%}.skill-badge{border-radius:4px!important;width:100%}.info-block,.info-box{padding:4px!important;margin:2px!important}#prev-button,#next-button{display:none!important}#about_avatar_text_mobile{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;width:100%!important;justify-content:center!important;margin-bottom:16px!important;padding:8px!important}#about_avatar_text_mobile .avatar{width:60px!important;height:60px!important;border-radius:50%!important;margin:0!important}#about_avatar_text_mobile .about-text-center{text-align:left!important;flex:1!important;margin:0!important}#about_avatar_text_mobile .about-h3-large{font-size:16px!important;margin:0 0 4px!important;line-height:1.2!important}#about_avatar_text_mobile .about-meta{font-size:12px!important;margin:0!important;color:#64748b!important}#projects_list{grid-template-columns:1fr!important;gap:15px!important;justify-items:center!important;padding:5px!important}.project-card-container{width:280px!important;height:180px!important;margin:8px!important}.container-btn-front{justify-content:center!important}.container-btn-front,span{font-size:12px!important;padding:6px 8px!important}.project-card-description{font-size:14px!important;margin:0 4px!important;padding:12px!important;text-align:justify!important}.tech-span{color:#000!important;font-size:10px!important;padding:4px 6px!important;gap:4px!important}.tech-btn{flex-direction:row!important;min-height:36px;gap:8px!important}.home-footer{gap:6px!important}#home-content{padding:12px!important}#home-content>h3{font-size:18px!important;margin:0 0 8px!important;color:#000!important}#home-content>p{font-size:12px!important;margin:0!important;color:#000!important;text-align:justify!important}#about_right>h3,#about_right>p{padding:0 8px!important}.about-meta{text-align:center}}.home-header h1{margin-top:0}.tech-btn svg{width:28px;height:28px;border-radius:6px}