h2[data-astro-cid-3zqmlas2]{font-size:5.5rem;font-weight:500;text-align:center}.about{display:flex;justify-content:center;gap:1rem;width:100%}.about__container{display:flex;padding:11rem 13.1rem;justify-content:space-around;gap:4.4rem}.about__img{background-color:#0d0045;-webkit-mask-image:radial-gradient(ellipse,#000 53%,#0000 68%);mask-image:radial-gradient(ellipse,#000 53%,#0000 68%);border-radius:50%;-o-object-fit:cover;object-fit:cover;width:39.5rem;height:48.1rem;min-width:39.5rem;min-height:48.1rem}.about__content{display:flex;flex-direction:column;max-width:75rem;justify-content:center}.about__text{font-size:2.1rem;max-width:70.19rem}.about_quote{text-align:center;font-size:2.1rem}@media screen and (max-width: 768px){.about__container{padding:8rem 3.1rem;flex-direction:column-reverse;align-items:center}.about__img{width:29.5rem;height:38.1rem;min-width:29.5rem;min-height:38.1rem}}.card__portfolio{width:432px;height:246px;overflow:hidden;border-radius:22px;background:#000;position:relative}.card__portfolio img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 0;object-position:center 0;height:160px;width:432px;background:#000}.card__portfolio .descripcion__container{position:absolute;display:flex;flex-direction:column;height:100%;width:100%;top:0;transition:.35s;background:#231724;transform:translateY(63%);padding-top:15px;transition-property:transform,padding-top;color:var(--on-primary)}.card__portfolio:hover .descripcion__container{transform:translateY(0);padding-top:55px}.card__portfolio .descripcion__container .card__title{position:absolute;display:block;width:-moz-max-content;width:max-content;top:0;padding:4px 22px;font-size:var(--text-x-large);font-weight:500;background:#0008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;transform:translateY(-100%);border-radius:0 8px 0 0;transition-duration:.35s;transition-property:background,transform}.card__portfolio:hover .descripcion__container .card__title{transform:translateY(11%);-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000}.card__portfolio .descripcion{padding:0 22px;display:flex;width:100%;height:100%;flex-direction:column;gap:10px}.card__portfolio .descripcion p{font-size:var(--text-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:20px;transition:.35s height}.card__portfolio:hover .descripcion p{overflow:auto;white-space:wrap;height:90px;max-height:90px}.card__portfolio .descripcion p::-webkit-scrollbar{width:4px;background:var(--surface);border-radius:4px}.card__portfolio .descripcion p::-webkit-scrollbar-thumb{width:2px;background:var(--primary);border-radius:4px}.card__portfolio .skills{display:flex;gap:10px;font-size:3rem}.card__portfolio .buttons{padding:14px;width:100%;height:47px;box-sizing:border-box;display:flex;justify-content:center;gap:22px;font-size:var(--text-button)}.card__portfolio .buttons a{position:relative}.card__portfolio .buttons a:hover{color:var(--primary-80)}.card__portfolio .buttons a:after{position:absolute;bottom:0;left:0;content:"";height:2px;width:100%;transform-origin:0 0;transform:scale(0);background:var(--primary);transition:.35s transform}.card__portfolio .buttons a:hover:after{transform:scale(1)}.card__portfolio .buttons a span{display:flex;align-items:center;gap:4px}@media screen and (max-width: 540px){.card__portfolio{width:332px}.card__portfolio img{height:160px;width:332px}.card__title{white-space:pre}}.portfolio__elements[data-astro-cid-uhrerali]{padding:0 4rem;display:flex;justify-content:center;flex-wrap:wrap;gap:4rem}#skills{display:flex;max-width:calc(var(--max-width) + 2.2rem);padding:1.1rem;gap:2.2rem;margin:4rem auto;justify-content:center;min-height:60dvh;align-items:center}#skills .services-container{max-width:var(--max-width);display:flex;gap:4rem;flex-wrap:wrap;justify-content:center}#skills h3{font-size:var(--text-x-large);font-weight:600;color:var(--primary-100)}#skills p{color:var(--primary-90);font-size:var(--text-general);white-space:wrap;overflow:auto}#skills p::-webkit-scrollbar{width:4px;background:var(--surface);border-radius:4px}#skills p::-webkit-scrollbar-thumb{width:2px;background:var(--primary);border-radius:4px}#skills .service{display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:var(--primary-20);width:332px;height:246px;overflow:hidden;padding:2rem;border-radius:22px}@media screen and (max-width: 768px){#skills{flex-direction:column-reverse}#skills .text-content{max-width:100%}}
