*{margin:0;padding:0;list-style:none}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}:root{--color-background: #f9f4ef;--color-button: #f25042;--color-text: #020826;--color-button-text: #fffffe;--color-headline: #020826;--color-main: #f9f4ef;--color-stroke: #020826;--color-secondary: #fffffe;--color-tertiary: #8c7851;--color-highlight: #f25042;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--mobile-max: 767px;--tablet-max: 1024px}body{font-family:Arial,sans-serif;background-color:var(--color-background);color:var(--color-text);line-height:1.6}.Header{position:sticky;top:0;color:var(--color-text);transition:all .3s ease;z-index:1000}.Header--scrolled{padding:.5rem 2rem;background:var(--color-background);box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo_container{font-size:1.5rem;font-weight:700;opacity:0;transform:translateY(-20px);animation:aparecer 1.5s ease forwards;font-family:Courier New,Courier,monospace}.logo_container a{color:var(--color-button);text-decoration:none;transition:color .3s ease}.logo_container a:hover,.logo_container a:focus{color:var(--color-tertiary);outline:none}@keyframes aparecer{to{opacity:1;transform:translateY(0)}}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem;position:relative}.bg-grip{background:linear-gradient(45deg,var(--color-button),var(--color-tertiary));padding:2rem;margin:1.5rem;border-radius:10px;display:grid;grid-template-columns:1fr auto auto;align-items:center}.list_nav{display:flex;list-style:none;gap:2rem}.nav_item{background:transparent;border:2px solid var(--color-button);padding:.5rem 1rem;border-radius:10px;transition:all .3s ease}.nav_item:hover,.nav_item:focus-within{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;background:var(--color-secondary)}.nav a{color:var(--color-text);text-decoration:none;font-weight:500;transition:color .3s ease;display:block;padding:.2rem .5rem;border-radius:6px}.nav a:focus{outline:2px solid var(--color-button);outline-offset:2px}.nav a.active{color:var(--color-button);font-weight:700;background:#f250421a}.mobile-menu-button{display:none;background:none;border:none;padding:1rem;cursor:pointer;border-radius:8px;transition:background .3s ease}.mobile-menu-button:hover,.mobile-menu-button:focus{background:#0000001a;outline:2px solid var(--color-button);outline-offset:2px}.burger_line{display:block;width:25px;height:3px;background-color:var(--color-text);margin:5px 0;transition:.3s;border-radius:2px}.burger_line--1{transform:rotate(-45deg) translate(-5px,6px)}.burger_line--2{opacity:0}.burger_line--3{transform:rotate(45deg) translate(-5px,-6px)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-menu{position:fixed;top:0;left:0;right:0;background:var(--color-background);padding:2rem 1rem;box-shadow:0 -2px 10px #0000001a;opacity:1;visibility:visible;transform:translateY(-100%);transition:transform .3s,opacity .3s ease;z-index:1000;max-height:calc(100vh - 100px);overflow-y:auto}.mobile-menu--open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu ul{background:var(--color-background);color:var(--color-text);padding:1rem}.mobile-menu li{margin-bottom:.5rem}.mobile-menu a{display:block;padding:1rem;color:var(--color-text);text-decoration:none;border-radius:8px;transition:all .3s ease;border:2px solid transparent;font-weight:500;text-align:center}.mobile-menu a:hover,.mobile-menu a:focus{background:var(--color-button);color:var(--color-button-text);border-color:var(--color-button);outline:none}.mobile-menu a.active{background:var(--color-tertiary);color:var(--color-button-text);border-color:var(--color-tertiary)}.container_tecnologias{background-color:var(--color-secondary);padding:var(--spacing-xl) var(--spacing-lg);margin:var(--spacing-lg) auto;max-width:1200px;border-radius:20px;box-shadow:0 8px 32px #0000001a}.title_tecnologias{text-align:center;margin-bottom:var(--spacing-xl)}.title_tecnologias h2{font-size:2.5rem;font-weight:700;color:var(--color-headline);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.tecnologias_subtitle{font-size:1.1rem;color:var(--color-tertiary);max-width:600px;margin:0 auto;text-align:center}.tecnologia_items{margin-top:var(--spacing-lg)}.tecnologia_list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0;justify-items:center}.img_list{position:relative;background-color:var(--color-main);border-radius:12px;padding:var(--spacing-md);box-shadow:0 4px 16px #0000001a;transition:all .3s ease;opacity:0;animation:bounceIn .6s ease forwards;cursor:pointer;border:2px solid transparent;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.img_list:hover,.img_list:focus{transform:translateY(-8px) scale(1.05);box-shadow:0 8px 24px #00000026;border-color:var(--color-button);outline:none}.tech_content{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;width:100%}.img_list img{width:50px;height:50px;object-fit:contain;transition:transform .3s ease}.tech_name{font-size:.9rem;font-weight:600;color:var(--color-text);text-align:center}.level_indicator{position:absolute;top:-5px;right:-5px;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003}.tech_tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--color-text);color:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:10;min-width:200px;margin-top:.5rem;opacity:0;animation:tooltipFadeIn .3s ease forwards}.tech_tooltip:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:10px;height:10px;background:var(--color-text);transform:translate(-50%) rotate(45deg)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.tooltip_header h4{font-size:1rem;margin:0}.level_badge{padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;color:#fff}.tooltip_content p{margin:.3rem 0;font-size:.85rem;line-height:1.4}.tech_category,.tech_experience{color:#fffc}.levels_legend{text-align:center;padding:var(--spacing-lg);border-top:1px solid #e5e5e5}.levels_legend h4{color:var(--color-headline);margin-bottom:var(--spacing-sm);font-size:1.1rem}.legend_items{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.legend_item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text)}.legend_color{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.container_contacto{background:linear-gradient(135deg,var(--color-button),var(--color-secondary));color:var(--color-button-text);padding:var(--spacing-xl) var(--spacing-lg);margin:var(--spacing-lg) auto;max-width:1200px;border-radius:20px;box-shadow:0 8px 32px #0000001a}.contact-wrapper{max-width:800px;margin:auto}.contact_header{text-align:center;margin-bottom:var(--spacing-xl)}.contact_header h2{font-size:2.2rem;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.contact_description{font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-lg);color:var(--color-text)}.contact-methods{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.primary_contact h3,.secondary_contacts h3{font-size:1.2rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.contact_item{display:flex;align-items:center;gap:var(--spacing-sm);background:#ffffff1a;padding:var(--spacing-sm);border-radius:12px;margin-bottom:var(--spacing-sm);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact_item--primary{background:#ffffff26;padding:var(--spacing-md)}.contact_item:hover,.contact_item:focus-within{background:#fff3;transform:translateY(-2px)}.contact_item a{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text);text-decoration:none;flex:1;min-height:44px}.contact_item a:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px;border-radius:8px}.contact_text{display:flex;flex-direction:column}.contact_name{font-weight:700;font-size:.9rem}.contact_value{font-size:.8rem;opacity:.8}.copy_button{background:#fff3;border:none;padding:.5rem;border-radius:8px;color:var(--color-button-text);cursor:pointer;transition:all .3s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.copy_button--small{min-width:36px;min-height:36px;padding:.4rem}.copy_button:hover,.copy_button:focus{background:#ffffff4d;transform:scale(1.05);outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.contact-links{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.cv_section{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.2)}.cv-button{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--color-button);padding:var(--spacing-sm) var(--spacing-lg);border-radius:12px;text-decoration:none;font-weight:700;transition:all .3s ease;min-height:44px;box-shadow:0 4px 12px #0003}.cv-button:hover,.cv-button:focus{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d;outline:2px solid white;outline-offset:2px}.cv-button--downloading{opacity:.7;cursor:wait;pointer-events:none}.cv_info{margin-top:var(--spacing-sm);color:var(--color-text);font-size:.85rem}.copy_notification{position:fixed;bottom:2rem;right:2rem;background:var(--color-text);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0000004d;animation:slideInRight .3s ease;z-index:1000}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.footer{background:var(--color-text);color:var(--color-secondary);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);margin-top:var(--spacing-xl)}.footer_container{max-width:1200px;margin:0 auto;position:relative}.footer_content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer_brand h3{color:var(--color-button);font-size:1.5rem;margin-bottom:.5rem;font-family:Courier New,Courier,monospace}.footer_title{color:var(--color-tertiary);font-size:1.1rem;margin-bottom:.5rem}.footer_status{margin-top:var(--spacing-md)}.status_dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.footer_nav h4,.footer_contact h4{color:var(--color-button);font-size:1.2rem;margin-bottom:var(--spacing-md)}.back_to_top{position:relative;top:-25px;left:76rem;background:var(--color-button);color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.back_to_top:hover,.back_to_top:focus{transform:translateY(-2px);box-shadow:0 6px 16px #0006;outline:2px solid var(--color-button);outline-offset:2px}.back_to_top--loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll_indicator{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.footer_bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.footer_copyright p{color:#ffffffb3;font-size:.9rem;margin-bottom:.5rem}.footer_made_with{display:flex;align-items:center;gap:.5rem;color:#fff9;font-size:.85rem}.heart_icon{color:#ef4444;animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.footer_update{color:#ffffff80;font-size:.8rem}.container_proyectos{background:linear-gradient(135deg,var(--color-secondary) 0%,rgba(255,255,255,.05) 100%);padding:5rem 2rem;margin:2rem auto;max-width:1400px;border-radius:32px;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.container_proyectos:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.3),tr)}.proyectos_content{display:flex;flex-direction:column;align-items:center;gap:3rem}.title_proyectos{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;background:linear-gradient(135deg,var(--color-highlight),#ff7f50,#ff5f5f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;text-align:center;letter-spacing:-.02em;position:relative}.title_proyectos:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--color-highlight),#ff7f50);border-radius:2px}.proyectos_text{text-align:center;margin-bottom:1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:1rem 0}.proyecto_card{background:#ffffff0d;border-radius:24px;box-shadow:0 25px 50px #00000040,0 12px 30px #00000026,inset 0 1px #ffffff1a;display:flex;flex-direction:column;align-items:center;padding:1.5rem;overflow:hidden;transition:transform .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94),backdrop-filter .6s ease;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;opacity:1;transform:translateY(0);min-height:520px}.proyecto_card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 35px 70px #0000004d,0 15px 40px #0003,inset 0 1px #ffffff26;opacity:1;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.proyecto_card img{width:50%;height:100px;object-fit:cover;border-radius:16px;margin-bottom:1.5rem;transition:transform .3s ease}.proyecto_card:hover img{transform:scale(1.03)}.carousel-btn{display:none}.proyecto_card h3{font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700;margin-bottom:1rem;color:var(--color-text);text-align:center;line-height:1.3;letter-spacing:-.01em}.proyecto_card p{font-size:.95rem;color:rgba(var(--color-text-rgb),.8);margin-bottom:1.5rem;text-align:center;line-height:1.6;flex-grow:1;display:flex;align-items:center}.proyecto_card img{width:50%;height:200px;object-fit:cover;border-radius:16px;margin-bottom:1.5rem;transition:transform .3s ease;box-shadow:0 8px 25px #00000026}.proyecto_card:hover img{transform:scale(1.02)}.technologies{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin:1.5rem 0;opacity:0;animation:fadeSlideIn .6s ease .3s forwards}.technology{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 4px 15px #ff5f5f4d;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.technology:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.technology:hover:before{left:100%}.technology:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ff5f5f66;cursor:default}.buttons_container{display:flex;justify-content:center;gap:1rem;margin-top:1rem;width:100%}.buttons_container button{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#ff5f5f,coral);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:16px;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);min-height:48px;flex:1;max-width:140px;box-shadow:0 6px 20px #ff5f5f4d;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.buttons_container button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.buttons_container button:hover:before{left:100%}.buttons_container button:hover,.buttons_container button:focus{background:linear-gradient(135deg,coral,#ff5f5f);transform:translateY(-2px);box-shadow:0 8px 30px #ff5f5f66;outline:2px solid rgba(255,127,80,.5);outline-offset:2px}.buttons_container button:active{transform:translateY(0)}.buttons_container button svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle;transition:transform .3s ease}.buttons_container button:hover img{transform:scale(1.1)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.mobile-menu-button{display:block}.menu_container{display:none}.container_sobremi{padding:2rem 1rem;margin:.5rem;border-radius:16px}.sobremi_content{display:flex;flex-direction:column;text-align:center;gap:1.5rem}.profile_image_container{flex:0 0 180px;margin:0 auto}.profile_image,.image_placeholder,.image_fallback{height:220px;width:100%;object-fit:cover;border-radius:12px}.skills_section{padding:1rem}.skills_list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.skills_list li{min-height:70px;padding:.5rem}.skills_list img{width:32px;height:32px}.cta_container{display:flex;flex-direction:column;gap:1rem}.cta_button{width:100%;justify-content:center}.container_proyectos{padding:2rem .5rem;margin:.5rem;border-radius:16px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;justify-content:center}.proyecto_card{width:100%;max-width:320px;margin:0 auto;padding:.75rem}.proyecto_card img{height:150px;width:100%;object-fit:cover;border-radius:12px}.buttons_container{display:flex;flex-direction:column;gap:1rem;width:100%}.buttons_container button{width:100%;max-width:none;font-size:1rem;padding:1rem 1.5rem;min-height:56px;justify-content:center}.buttons_container img{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.contact-methods{grid-template-columns:1fr;gap:var(--spacing-lg)}.contact_header h2{font-size:1.8rem;flex-direction:column;gap:var(--spacing-xs)}.contact_description{font-size:1rem;text-align:center}.contact_item{flex-direction:column;align-items:flex-start;text-align:left}.contact_item a{flex-direction:column;align-items:flex-start}.copy_button{align-self:flex-end;margin-top:var(--spacing-sm)}.cv-button{justify-content:center}.copy_notification{bottom:1rem;right:1rem;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.footer_content{grid-template-columns:1fr;text-align:center}.footer_bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}.back_to_top{left:auto;right:1rem;top:-20px}}@media (min-width: 768px){.mobile-menu-button{display:block}.menu_container{display:none}.container_sobremi{padding:2.5rem 1.5rem;margin:1rem;border-radius:20px}.profile_image_container{flex:0 0 240px}.profile_image,.image_placeholder,.image_fallback{height:320px}.skills_list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.skills_list li{min-height:90px;padding:1rem .5rem}.skills_list img{width:40px;height:40px}.container_proyectos{padding:2.5rem 1rem;margin:1rem;border-radius:20px}.projects-grid{gap:1.5rem}.proyecto_card{min-height:420px;padding:1.25rem}.contact-methods{grid-template-columns:1fr;gap:var(--spacing-lg)}.contact_header h2{font-size:1.8rem;flex-direction:column;gap:var(--spacing-xs)}.contact_description{font-size:1rem;text-align:center}.contact_item{text-align:left}.contact_item a{flex-direction:column;align-items:flex-start}.copy_button{align-self:flex-end;margin-top:var(--spacing-sm)}.cv-button{justify-content:center}.copy_notification{bottom:1rem;right:1rem;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.footer_content{grid-template-columns:1fr;text-align:center}.footer_bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}.back_to_top{left:auto;right:1rem;top:-20px}}@media (min-width: 1024px){.menu_container{display:block}.mobile-menu-button,.mobile-menu,.mobile-menu--open{display:none}.sobremi_content{flex-direction:row;text-align:left;align-items:center}.profile_image_container{order:-1;flex:0 0 clamp(220px,30vw,280px)}.profile_image,.image_placeholder,.image_fallback{height:clamp(260px,40vw,360px)}.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1200px;margin:0 auto}}@media (min-width: 1600px){.menu_container{display:block}.mobile-menu-button,.mobile-menu,.mobile-menu--open{display:none}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:2.5rem;max-width:1800px}}@media (prefers-color-scheme: dark){.container_proyectos,.container_sobremi{background:var(--color-main)}.proyecto_card{background:linear-gradient(145deg,var(--color-secondary),rgba(0,0,0,.2));box-shadow:0 25px 50px #0006,0 12px 30px #0000004d,inset 0 1px #ffffff0d}.skills_section,.additional_info{background:#0003}}.container_sobremi{background:linear-gradient(135deg,var(--color-secondary) 0%,rgba(255,255,255,.03) 100%);padding:var(--spacing-xl) var(--spacing-lg);margin:var(--spacing-lg) auto;max-width:1400px;border-radius:32px;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.container_sobremi:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.sobremi_content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl);animation:fadeInUp .8s ease forwards}.sobremi_text{flex:1}.title_sobremi{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;background:linear-gradient(135deg,var(--color-headline),#ff7f50,#ff5f5f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);letter-spacing:-.02em;line-height:1.1}.wave{display:inline-block;animation:wave 2.5s ease-in-out;transform-origin:70% 70%}@keyframes wave{0%,40%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}}.subtitle_sobremi{font-size:clamp(1.2rem,2vw,1.8rem);color:var(--color-tertiary);margin-bottom:var(--spacing-md);font-weight:600;position:relative}.subtitle_sobremi:after{content:"";position:absolute;bottom:-8px;left:0;width:80px;height:3px;background:linear-gradient(90deg,var(--color-tertiary),#ff7f50);border-radius:2px}.description_container{max-width:700px}.text_sobremi{font-size:1.1rem;line-height:1.7;color:var(--color-text);margin-bottom:var(--spacing-md);text-align:justify}.text_sobremi strong{color:var(--color-headline);font-weight:600}.skills_section{margin:var(--spacing-lg) 0;padding:2rem;background:#ffffff08;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skills_title{font-size:1.3rem;color:var(--color-headline);margin-bottom:var(--spacing-sm);font-weight:600;position:relative}.skills_title:before{content:"🛠️";margin-right:.5rem}.skills_list{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem;padding:0;list-style:none}.skills_list li{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;background:var(--color-background);border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.25,.46,.45,.94);opacity:1;transform:translateY(20px);animation:skillFadeIn .6s ease forwards;cursor:pointer;position:relative;overflow:hidden;min-height:10px}.skills_list li:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .8s ease}.skills_list li:hover:before{left:100%}.skills_list li:hover{transform:translateY(-8px) scale(1.05);background:linear-gradient(145deg,#ff7f501a,#ff5f5f1a);box-shadow:0 15px 35px #ff7f5033;border-color:#ff7f504d}.skills_list img{width:48px;height:48px;object-fit:contain;transition:transform .3s ease;margin-bottom:.5rem}.skills_list li:hover img{transform:scale(1.1)}@keyframes skillFadeIn{to{opacity:1;transform:translateY(0)}}.cta_container{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.cta_button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border-radius:16px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);min-height:52px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.cta_button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.cta_button:hover:before{left:100%}.cta_button:first-child{background:linear-gradient(135deg,var(--color-button) 0%,#ff7f50 100%);color:var(--color-button-text);box-shadow:0 8px 25px #f250424d}.cta_secondary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid var(--color-button);color:var(--color-button);box-shadow:0 8px 25px #0000001a}.cta_button:hover,.cta_button:focus{transform:translateY(-3px);outline:2px solid var(--color-button);outline-offset:2px}.cta_button:first-child:hover{background:linear-gradient(135deg,#ff7f50 0%,var(--color-button) 100%);box-shadow:0 12px 35px #f2504266}.cta_secondary:hover{background:linear-gradient(135deg,#ff7f5026,#ff5f5f26);box-shadow:0 12px 35px #ff7f5033}.cta_button:active{transform:translateY(-1px)}.additional_info{margin-top:var(--spacing-lg);padding:1.5rem;background:var(--color-main);border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.availability_status{display:flex;align-items:center;gap:.75rem;font-weight:500;color:#4ade80;margin-bottom:var(--spacing-xs);font-size:1rem}.status_indicator{width:12px;height:12px;background:#4ade80;border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 #4ade80b3}@keyframes pulse{0%{box-shadow:0 0 #4ade80b3}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}.response_time{margin:0}.response_time small{color:var(--color-tertiary);font-style:italic;font-size:.9rem}.profile_image_container{position:relative;flex:0 0 320px}.profile_image{width:100%;height:420px;object-fit:cover;border-radius:24px;position:relative;z-index:2;transition:all .6s cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(.9);box-shadow:0 20px 50px #0000004d,0 8px 25px #0003,inset 0 2px #ffffff1a;border:2px solid rgba(255,255,255,.1)}.profile_image--loaded{opacity:1;transform:scale(1)}.image_placeholder,.image_fallback{width:100%;height:420px;border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;border:2px solid rgba(255,255,255,.1)}.image_skeleton{width:100%;height:100%;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:22px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.image_fallback{background:linear-gradient(135deg,#f25042cc,#ff7f50cc);color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fallback_content{text-align:center}.fallback_icon{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fallback_content p{font-weight:600;line-height:1.3;margin:0;font-size:1.1rem}.image_backdrop{position:absolute;top:25px;left:25px;right:-25px;bottom:-25px;background:linear-gradient(135deg,var(--color-button),var(--color-tertiary));border-radius:24px;z-index:1;transition:all .6s cubic-bezier(.25,.46,.45,.94);opacity:.8;filter:blur(1px)}.profile_image_container:hover .profile_image{transform:translate(-8px,-8px) scale(1.02);box-shadow:0 25px 60px #0006,0 12px 35px #0000004d,inset 0 2px #ffffff26}.profile_image_container:hover .image_backdrop{transform:translate(8px,8px) scale(1.02);opacity:1;filter:blur(0px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.container_proyectos,.container_sobremi{background:linear-gradient(135deg,var(--color-secondary) 0%,rgba(0,0,0,.3) 100%)}.proyecto_card{background:linear-gradient(145deg,var(--color-secondary),rgba(0,0,0,.2));box-shadow:0 25px 50px #0006,0 12px 30px #0000004d,inset 0 1px #ffffff0d}}@media (prefers-reduced-motion: reduce){.carousel-3d-track,.proyecto_card,.carousel-btn,.technology,.buttons_container button,.skills_list li,.cta_button,.profile_image,.wave,.status_indicator,.image_backdrop,.image_skeleton,.fallback_icon{transition:none;animation:none}.technologies{animation:none;opacity:1}.skills_list li{opacity:1;transform:none}.sobremi_text{animation:none}}.carousel-btn:focus-visible,.buttons_container button:focus-visible,.cta_button:focus-visible{outline:3px solid var(--color-highlight);outline-offset:3px}.skills_list li:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}@media (prefers-contrast: high){.title_proyectos,.title_sobremi{-webkit-text-fill-color:var(--color-headline);background:none}.technology,.cta_button:first-child,.buttons_container button{border:2px solid rgba(255,255,255,.3)}.proyecto_card,.skills_list li{border:2px solid rgba(255,255,255,.2)}}.proyecto_card,.skills_list li,.profile_image,.cta_button,.carousel-btn{will-change:transform}@media (min-width: 1400px){.container_proyectos,.container_sobremi{max-width:1600px}.carousel-3d{height:650px}.proyecto_card{width:360px;height:540px;margin-left:-180px;margin-top:-270px}.profile_image_container{flex:0 0 350px}.profile_image,.image_placeholder,.image_fallback{height:450px}}@keyframes subtleGlow{0%,to{box-shadow:0 0 5px #ff7f504d}50%{box-shadow:0 0 20px #ff7f5099}}.proyecto_card:hover,.skills_list li:hover{animation:subtleGlow 2s ease-in-out infinite}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:loading-shimmer 2s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}