.hero{background:radial-gradient(circle at 50% 0%, var(--reno-sand-950-transparent) 0%, transparent 60%), linear-gradient(to bottom, var(--darkweb-color) 0%, var(--darkweb-color-light) 45%, var(--reno-sand-950) 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;padding:80px 1rem 100px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(#f9ec8f0a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;mask-image:linear-gradient(#000 0%,#0000 70%)}.cardProfile{z-index:1;display:inline-block;position:relative}.cardProfile img{z-index:1;border:2px solid var(--reno-sand-600);object-fit:cover;width:200px;height:200px;box-shadow:0 0 0 6px var(--reno-sand-950-transparent), 0 20px 50px var(--reno-sand-950-transparent);border-radius:16px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.cardProfile img:hover{box-shadow:0 0 0 6px var(--reno-sand-900-transparent), 0 30px 70px var(--reno-sand-950-transparent);transform:translateY(-4px)scale(1.02)}.myDescription{text-align:center;z-index:1;flex-direction:column;gap:28px;width:90%;max-width:620px;margin:40px auto 0;display:flex;position:relative}.myDescription .text-presentation{flex-direction:column;align-self:center;gap:14px;width:100%;display:flex}.myDescription .text-presentation h1{font-family:var(--font-serif);color:var(--reno-sand-100);letter-spacing:-.02em;font-size:clamp(1.8rem,7vw,3rem);line-height:1.15}.myDescription .text-presentation h2,.myDescription .text-presentation h3{font-family:var(--font-sans);letter-spacing:.25em;text-transform:uppercase;color:var(--reno-sand-400);font-size:clamp(.75rem,3vw,.9rem);font-weight:500}.myDescription .text-presentation p{font-family:var(--font-serif);color:var(--reno-sand-200);opacity:.9;font-size:clamp(1rem,4vw,1.15rem);line-height:1.7}.myDescription .text-presentation strong{color:var(--reno-sand-300)}.myDescription a.button,.myDescription .button{background:var(--reno-sand-500);color:var(--reno-sand-950);font-family:var(--font-sans);letter-spacing:.03em;box-shadow:0 8px 24px var(--reno-sand-950-transparent);border-radius:999px;align-self:center;padding:.85rem 1.6rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .25s,transform .25s,box-shadow .25s;display:inline-block}.myDescription a.button:hover,.myDescription .button:hover{background:var(--reno-sand-400);box-shadow:0 12px 32px var(--reno-sand-950-transparent);transform:translateY(-2px)}.timeLineSection{flex-direction:column;gap:40px;width:100%;max-width:900px;margin:0 auto;padding:80px 1rem;display:flex;position:relative}.timeLineSection:before{content:"";background:linear-gradient(to bottom, transparent 0%, var(--reno-sand-900-transparent) 15%, var(--reno-sand-800-transparent) 85%, transparent 100%);width:1px;display:none;position:absolute;top:180px;bottom:60px;left:50%}.timeLineSection h3{font-family:var(--font-serif);color:var(--reno-sand-100);text-align:center;letter-spacing:-.01em;border-bottom:2px solid var(--reno-sand-500);width:fit-content;margin:0 auto 20px;padding-bottom:.5rem;font-size:clamp(1.3rem,5vw,1.8rem)}.yearDescription{background:var(--darkweb-color-light);border:1px solid var(--reno-sand-900-transparent);box-sizing:border-box;border-radius:14px;grid-template-columns:1fr 50px;align-items:flex-start;gap:16px;width:90%;max-width:620px;margin:0 auto;padding:1.2rem 1.2rem 1.2rem 1.4rem;transition:border-color .3s,transform .3s;display:grid;position:relative;overflow:hidden}.yearDescription:before{content:"";background:linear-gradient(to bottom, var(--reno-sand-400), var(--reno-sand-700));opacity:.85;width:3px;position:absolute;top:0;bottom:0;left:0}.yearDescription:hover{border-color:var(--reno-sand-700);transform:translateY(-2px)}.yearDescription p{font-weight:200;font-family:var(--font-serif);color:var(--reno-sand-100);font-size:1rem;line-height:1.65}.yearDescription p strong{color:var(--reno-sand-300);font-weight:600}.yearDescription p em{color:var(--reno-sand-400);font-style:italic}.bubbleDate{background:linear-gradient(135deg, var(--reno-sand-400) 0%, var(--reno-sand-600) 100%);border:2px solid var(--reno-sand-800);width:50px;height:50px;color:var(--reno-sand-950);letter-spacing:.03em;box-shadow:0 0 0 4px var(--reno-sand-950-transparent), 0 8px 20px var(--reno-sand-950-transparent);border-radius:25px;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;transition:transform .3s;display:flex}.yearDescription:hover .bubbleDate{transform:scale(1.06)rotate(-3deg)}.descriptionTecnologies{flex-direction:column;gap:12px;width:100%;display:flex}.neonTecnologiesContainer{flex-wrap:wrap;gap:10px;width:100%;margin-top:16px;display:flex}.neonTecnologiesContainer span,.neonTecnologiesContainer li{font-family:var(--font-sans);letter-spacing:.03em;color:var(--reno-sand-200);background:var(--reno-sand-950-transparent);border:1px solid var(--reno-sand-800-transparent);cursor:default;border-radius:999px;padding:.4rem .85rem;font-size:.78rem;font-weight:500;list-style:none;transition:all .25s}.neonTecnologiesContainer span:hover,.neonTecnologiesContainer li:hover{color:var(--reno-sand-950);background:var(--reno-sand-400);border-color:var(--reno-sand-500);transform:translateY(-2px)}.metrics{background:linear-gradient(135deg, var(--reno-sand-950-transparent) 0%, #18204f2e 100%);border:1px solid var(--reno-sand-900-transparent);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:center;gap:1rem;width:100%;min-height:150px;padding:1.2rem;display:grid}.metrics>*{text-align:center}.proyectImage{border:2px solid var(--reno-sand-700);z-index:0;object-fit:cover;width:100%;max-width:320px;height:200px;box-shadow:0 12px 40px var(--reno-sand-950-transparent);border-radius:14px;margin-top:16px;transition:transform .5s,border-color .3s,box-shadow .4s;position:relative}.proyectImage:hover{border-color:var(--reno-sand-500);box-shadow:0 20px 55px var(--reno-sand-950-transparent);transform:translateY(-4px)scale(1.02)}.socialNeonContainerMini{justify-content:center;align-self:center;gap:16px;width:fit-content;margin-top:1rem;display:flex}.socialNeonContainerMini img{border:2px solid var(--reno-sand-600);width:42px;height:42px;box-shadow:0 0 0 3px var(--reno-sand-950-transparent), var(--reno-sand-900) 0 0 12px;opacity:.85;cursor:pointer;border-radius:50%;transition:transform .3s,opacity .3s,border-color .3s,box-shadow .3s}.socialNeonContainerMini img:hover{opacity:1;border-color:var(--reno-sand-400);box-shadow:0 0 0 4px var(--reno-sand-900-transparent), var(--reno-sand-500) 0 0 24px;transform:scale(1.12)translateY(-2px)}@media (width>=640px){.hero{padding:100px 1.5rem 130px}.cardProfile img{border-radius:18px;width:240px;height:240px}.myDescription{gap:32px;margin-top:50px}.myDescription .text-presentation{gap:16px}.timeLineSection{gap:50px;padding:100px 1.5rem}.yearDescription{gap:20px;padding:1.5rem 1.5rem 1.5rem 1.8rem}.socialNeonContainerMini img{width:48px;height:48px}}@media (width>=960px){.hero{padding:120px 2rem 150px}.cardProfile img{border-radius:20px;width:260px;height:260px}.myDescription{gap:36px;max-width:680px;margin-top:60px}.timeLineSection:before{display:block}.timeLineSection{gap:60px;max-width:1000px;padding:120px 2rem}.timeLineSection .yearDescription:nth-of-type(odd){width:calc(50% - 30px);margin-left:0;margin-right:auto}.timeLineSection .yearDescription:nth-of-type(2n){width:calc(50% - 30px);margin-left:auto;margin-right:0}.yearDescription{max-width:none}}@media (width<=360px){.yearDescription{grid-template-columns:1fr;gap:12px}.bubbleDate{width:44px;height:44px;margin-top:0}.cardProfile img{width:170px;height:170px}}