@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700&family=Paytone+One&display=swap";html,#root,body,.App{height:100%;width:100%;margin:0;font-family:Poppins,sans-serif;overflow:hidden}@font-face{font-family:Poppins;src:url(/PortafolioRamonCastillo/assets/Poppins-Medium-Cxde2ZoM.ttf) format("truetype");font-display:swap}:root{--AmarilloEspecial: #FCB71C;--RojoNegativo: #cd1414}html{box-sizing:border-box;background-color:#000}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}.drift-wall{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;perspective:var(--dw-perspective, 1200px);perspective-origin:50% 50%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 6%,#000 94%,transparent 100%)}.drift-wall__plane{position:absolute;top:50%;left:50%;display:flex;flex-direction:row;transform:translate(-50%,-50%);transform-style:preserve-3d;transform-origin:50% 50%}.drift-wall__column{position:relative;width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d}.drift-wall__track{display:flex;flex-direction:column;transform-style:preserve-3d;will-change:transform}.drift-wall__tile{position:relative;display:block;width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));flex:0 0 auto;outline:none;transform-style:preserve-3d;pointer-events:auto}.drift-wall__inner{position:absolute;inset:calc(var(--dw-gap) / 2);display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);border-radius:var(--dw-radius);background:radial-gradient(circle at 78% 24%,rgba(252,183,28,.12),transparent 42%),#111;opacity:var(--dw-dim);transform:translateZ(0);box-shadow:0 12px 26px #0000004d;pointer-events:none;transition:transform .35s ease,opacity .35s ease,border-color .35s ease,box-shadow .35s ease}.drift-wall__tile img{display:block;flex:0 0 auto;width:72%;height:72%;max-width:72%;max-height:72%;margin:auto;object-fit:contain;object-position:50% 50%;filter:grayscale(var(--dw-gray)) saturate(.94);transition:filter .35s ease,transform .35s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.drift-wall__overlay{position:absolute;inset:0;z-index:1;background:var(--dw-overlay);opacity:.16;pointer-events:none;transition:opacity .35s ease}.drift-wall__details{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;box-sizing:border-box;text-align:center;background:linear-gradient(145deg,#050608b8,#0a0b0ef0);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .24s ease,transform .24s ease}.drift-wall__details strong{color:#fff7db;font-family:Paytone One,sans-serif;font-size:clamp(11px,1.1vw,15px);font-weight:400;line-height:1.2;letter-spacing:.02em}.drift-wall__details span{max-width:24ch;color:#fff7dbc7;font-family:"Baloo 2",sans-serif;font-size:clamp(10px,.95vw,13px);font-weight:500;line-height:1.12}.drift-wall__tile.is-active{z-index:3}.drift-wall__tile.is-active .drift-wall__inner{border-color:var(--AmarilloEspecial);opacity:1;transform:translateZ(var(--dw-lift));box-shadow:0 22px 44px #0000008a}.drift-wall__tile.is-active img{filter:grayscale(0) saturate(1.1);transform:scale(1.07)}.drift-wall__tile.is-active .drift-wall__overlay{opacity:0}.drift-wall__tile.is-active .drift-wall__details{opacity:1;transform:translateY(0)}@media(max-width:768px){.drift-wall__plane{left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;transform:translateY(-50%)}.drift-wall__column{width:100%;min-width:0}.drift-wall__track{width:100%}.drift-wall__details{padding:8px}.drift-wall__details span{font-size:10px}}@media(prefers-reduced-motion:reduce){.drift-wall__inner,.drift-wall__tile img,.drift-wall__details{transition:none}}.tecnologias-drift{position:relative;box-sizing:border-box;width:100%;height:100%;min-height:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 82px;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:14px;padding:clamp(14px,2.4vw,34px) clamp(18px,3vw,48px);overflow:hidden;background:#000}.tecnologias-drift__wall{width:100%;height:100%;min-width:0;min-height:0;align-self:stretch;justify-self:stretch}.tecnologias-drift__return{display:grid;place-items:center;align-self:center;justify-self:end;width:60px;height:60px;padding:0;border:none;border-radius:15px;color:#000;background:var(--AmarilloEspecial);cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.tecnologias-drift__return svg{display:block;width:32px;height:32px;margin:0;flex:none}.tecnologias-drift__return:hover,.tecnologias-drift__return:focus-visible{background:#ffd05c;transform:translate(5px);box-shadow:0 0 24px #fcb71c47}.tecnologias-drift__return:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:768px){.tecnologias-drift{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);padding:14px}.tecnologias-drift__wall{height:100%;min-height:0}.tecnologias-drift__return{position:absolute;right:20px;bottom:20px;width:82px;height:82px;border-radius:20px;z-index:5}.tecnologias-drift__return svg{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){.tecnologias-drift__return{transition:none}}.fold-text{display:inline-block;color:var(--fold-text-color, currentColor);font-size:var(--fold-text-font-size, inherit);font-weight:var(--fold-text-font-weight, inherit);line-height:.95;letter-spacing:-.04em;white-space:pre-wrap;-webkit-user-select:text;user-select:text}.fold-text-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fold-text-visual{display:inline}.fold-text-line{display:block}.fold-text-whitespace{display:inline}.fold-text-segment{display:inline-block;line-height:inherit;perspective:var(--fold-perspective, 700px);transform-style:preserve-3d;vertical-align:baseline}.fold-text-segment[data-fold-split=line]{display:block}.fold-text-piece{position:relative;display:inline-block;color:inherit;line-height:inherit;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}.fold-text-piece:after{content:"";position:absolute;inset:-.08em -.02em;pointer-events:none;opacity:var(--fold-crease, 0);mix-blend-mode:multiply;border-radius:.08em}.fold-text-piece[data-fold-hinge=top]:after{background:linear-gradient(180deg,#00000094,#00000038 42%,#ffffff42)}.fold-text-piece[data-fold-hinge=bottom]:after{background:linear-gradient(0deg,#00000094,#00000038 42%,#ffffff42)}.fold-text-piece[data-fold-hinge=left]:after{background:linear-gradient(90deg,#00000094,#00000038 42%,#ffffff42)}.fold-text-piece[data-fold-hinge=right]:after{background:linear-gradient(270deg,#00000094,#00000038 42%,#ffffff42)}@media(prefers-reduced-motion:reduce){.fold-text-piece{transform:none!important}.fold-text-piece:after{opacity:0!important}}.dither-veil{position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y}