section {padding: var(--section-padding);}#hero {position: absolute;top: 0;left: 0;padding: 0;width: 100%;height: 1056.38px;}#hero video {display: block;margin: auto;width: 100%;height: 88%;object-fit: cover;clip-path: ellipse(70% 70% at 50% 28%);background-color: #fbcad4;opacity: 0.6;}#hero .logo-container {position: absolute;top: var(--space-5xl);margin-top: 30px;left: 50%;transform: translate(-50%, 0);max-width: 620px;max-height: 620px;min-width: 580px;min-height: 580px;width: 45vw;height: 45vw;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--space-m);text-align: center;background-color: var(--primary-400);border-radius: 100%;}#hero .logo-container img {margin-left: 24px;width: 28vw;min-width: 150px;max-width: 270px;margin-top: calc(var(--space-m) * -1);}#hero .logo-container .logo-text {display: flex;flex-direction: column;align-items: center;gap: var(--space-3xs);}#hero .logo-container .logo-text h1, #hero .logo-container .logo-text h2 {color: white;padding: 0 35px;}#hero .logo-container .logo-text h1 {font-family: "Colgent";font-size: var(--font-size-4);}#hero .logo-container .logo-text h2 {font-family: "Akega";font-size: var(--font-size-1);font-weight: 400;letter-spacing: 1px;}#hero .logo-container .logo-text h2 .mobile-break {display: none;}#hero .logo-container nge-button {--font-weight-button: 600;--text-color: var(--primary-400);--nge-button-font-size: var(--font-size-0);--nge-button-padding: 24px 40px;}#about {padding-top: 850px;padding-bottom: var(--space-2xl);display: grid;grid-template-areas: "img title" "img description";column-gap: var(--space-3xl);}#about .about-me-image {position: relative;width: 522px;height: 704px;border-radius: 330px;background: url("https://s3.eu-north-1.amazonaws.com/cdn.no-gravity.es/webs/florencia-romero/Foto%20Florencia.webp") no-repeat;background-size: cover;background-position: center;margin: auto;grid-area: img;}#about .about-me-image::before {content: url("/assets/svgs/flores-foto-sobre-mi.svg");position: absolute;bottom: -141px;left: -174px;width: 100%;z-index: 1;}#about .about-me-title {display: flex;flex-direction: column;align-items: center;grid-area: title;}#about .about-me-title span {font-family: "Akega";background: var(--primary-400);text-transform: uppercase;font-size: 27.4px;padding: 14px 20px 7px;border-radius: 100px;color: white;letter-spacing: 1px;text-align: center;margin-top: var(--space-s);}#about .about-me-title .about-me-name {display: flex;gap: 15px;}#about .about-me-title .about-me-name img:nth-child(2) {margin-top: 16px;}#about .about-me-description {display: flex;flex-direction: column;align-items: center;grid-area: description;max-width: 900px;margin-top: 10px;}#about .about-me-description h2 {margin-bottom: var(--space-xs);font-family: "Colgent";color: var(--primary-400);text-transform: uppercase;font-weight: 700;}#about .about-me-description p {font-size: var(--font-size-1);text-align: center;margin-top: var(--space-m);}#about .about-me-description p a {font-size: var(--font-size-1);}#about .about-me-description small {margin-top: var(--space-xl);font-weight: 700;font-size: var(--font-size-0);text-align: center;color: var(--text-color-700);text-wrap: balance;}#about .about-me-description small a {font-size: var(--font-size-0);}#about .about-me-description a {text-decoration: underline;font-weight: 700;color: var(--primary-400);transition: color 0.2s ease;}#about .about-me-description a:hover {color: var(--primary-500);}#services-experiencie {background: var(--primary-100);clip-path: ellipse(94% 49% at 50% 50%);padding: var(--space-3xl) 0;}#services-experiencie h2 {font-family: "Colgent";color: var(--primary-400);text-transform: uppercase;font-weight: 700;text-align: center;}#services-experiencie hr {margin: var(--space-xl) auto;max-width: 910px;border: 2px solid var(--primary-400);}#services .cards-services {display: grid;grid-template-columns: repeat(3, 428px);gap: var(--space-m);margin-top: var(--space-3xl);}#services .cards-services .card {display: flex;flex-direction: column;align-items: center;background: var(--primary-50);padding: var(--space-xl) var(--space-s);border-radius: 45px;}#services .cards-services .card .card-icon {padding: 10px;border-radius: 100px;background: var(--primary-100);width: 183px;height: 183px;margin-bottom: var(--space-s);}#services .cards-services .card .card-icon.ad {display: grid;place-items: center;}#services .cards-services .card .card-icon.ad::before {content: url("/assets/svgs/services/icon-ad.svg");filter: var(--filter-primary-400);}#services .cards-services .card .card-icon.audiovisual {display: grid;place-items: center;}#services .cards-services .card .card-icon.audiovisual::before {content: url("/assets/svgs/services/icon-audiovisual.svg");filter: var(--filter-primary-400);}#services .cards-services .card .card-icon.game {display: grid;place-items: center;}#services .cards-services .card .card-icon.game::before {content: url("/assets/svgs/services/icon-game.svg");filter: var(--filter-primary-400);}#services .cards-services .card .card-icon.trad {display: grid;place-items: center;}#services .cards-services .card .card-icon.trad::before {content: url("/assets/svgs/services/icon-trad.svg");filter: var(--filter-primary-400);}#services .cards-services .card .card-icon.loc {display: grid;place-items: center;}#services .cards-services .card .card-icon.loc::before {content: url("/assets/svgs/services/icon-loc.svg");filter: var(--filter-primary-400);}#services .cards-services .card .card-icon.review {display: grid;place-items: center;}#services .cards-services .card .card-icon.review::before {content: url("/assets/svgs/services/icon-review.svg");filter: var(--filter-primary-400);}#services .cards-services .card h3 {font-size: var(--font-size-2);text-align: center;margin-bottom: var(--space-xs);font-weight: 700;color: var(--text-color-700);}#services .cards-services .card p {text-align: center;font-size: 21px;}#experiencie {font-family: "Colgent";color: var(--primary-600);text-transform: uppercase;display: grid;place-items: center;}#experiencie ul {display: flex;justify-content: space-between;margin-top: var(--space-2xl);flex-wrap: nowrap;width: 100%;max-width: 1500px;}#experiencie ul li {position: relative;font-weight: 400;width: 335px;height: 310px;display: flex;flex-direction: column;justify-content: center;align-items: center;}#experiencie ul li::before {content: url(/assets/svgs/flores-contador.svg);position: absolute;width: 111%;object-fit: contain;transform: scale(0.9);}#experiencie ul li .number {font-size: 100px;}#experiencie ul li .label {font-size: 23px;letter-spacing: 1px;}#experiencie time {font-size: 95px;margin-top: var(--space-2xl);display: flex;flex-direction: column;align-items: center;line-height: 1;}#experiencie time span {font-size: 50px;}@media only screen and (max-width: 1440px) {#experiencie ul {flex-wrap: wrap;justify-content: center;max-width: 850px;margin-left: auto;margin-right: auto;gap: var(--space-l-xl);}}#projects {padding-bottom: var(--space-5xl);}#projects .container {max-width: 1396px;}#projects .projects-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-2xl);}#projects .projects-header h2 {font-family: "Colgent";color: var(--primary-400);text-transform: uppercase;font-weight: 700;}#projects .projects-header a {--nge-button-font-size: var(--font-size-0);--nge-button-padding: var(--space-s) var(--space-m);}#projects .projects-header a span {font-weight: 500;}#projects .last-six-projects {padding-bottom: var(--space-s-m);display: grid;justify-content: center;grid-template-columns: repeat(3, 300px);gap: var(--space-xl);}#projects .last-six-projects li img {width: 100%;height: 441px;border-radius: 50px;object-fit: cover;}@media only screen and (max-width: 1390px) {#about {gap: var(--space-l);grid-template-areas: "title" "img" "description";justify-content: center;padding-top: 800px;}#about .about-me-description {margin-top: 100px;}#about .about-me-image {width: 416px;height: 556px;}#about .about-me-image::before {bottom: -65px;left: -328px;width: 100%;transform: rotate(33deg);}#services .cards-services {justify-content: center;grid-template-columns: repeat(2, 428px);}}@media only screen and (max-width: 1240px) {#hero {display: flex;justify-content: center;overflow: hidden;}#hero video {width: 1280px;position: absolute;height: 85%;}#about {padding-top: 780px;}#projects .last-six-projects {grid-template-columns: repeat(2, 300px);}}@media only screen and (max-width: 1024px) {#hero .logo-container {width: 70vw;height: 70vw;max-width: 580px;max-height: 580px;min-width: 500px;min-height: 500px;}#hero video {height: 80%;}#about {padding-top: 720px;}h2 {font-size: 50px;}#services-experiencie {clip-path: ellipse(245% 49% at 50% 50%);}#services-experiencie hr {max-width: 40vw;}#services .cards-services {justify-content: center;grid-template-columns: 520px;}#experiencie ul {margin-top: var(--space-3xl);}}@media only screen and (max-width: 768px) {#hero .logo-container {width: 80vw;height: 80vw;max-width: 580px;max-height: 580px;min-width: 420px;min-height: 420px;}#hero .logo-container .logo-text h1 {line-height: 1;}#hero .logo-container .logo-text h2 .mobile-break {display: inline;}#hero video {height: 77%;}#about {gap: var(--space-m);padding-bottom: 0;padding-top: 840px;}#about .about-me-title {margin-top: var(--space-2xl);}#about .about-me-title .about-me-name {flex-direction: column;align-items: center;gap: 0;}#about .about-me-title .about-me-name img {width: 50vw;}#about .about-me-title .about-me-name img:nth-child(1) {width: 73vw;}#about .about-me-image {width: 276px;height: 426px;}#about .about-me-image::before {bottom: 0;left: 0;width: 100%;transform: rotate(35deg) scale(0.4) translate(-150px, 350px);}#about .about-me-description {margin-top: unset;}#services .cards-services {justify-content: center;grid-template-columns: 470px;text-wrap: balance;}#services .cards-services .card {border-radius: 21px;}#services .cards-services .card .card-icon {width: 142px;height: 142px;}#services .cards-services .card .card-icon::before {transform: scale(0.7);}#services .cards-services .card h3 {margin-bottom: var(--space-m);}#services .cards-services .card p {font-size: 20px;}#experiencie time {display: flex;flex-direction: column;align-items: center;line-height: 1.2;}#experiencie time span {font-size: 40px;}#projects .projects-header {flex-direction: column;align-items: center;}#projects .projects-header a {margin-top: var(--space-s);}#projects .last-six-projects {margin-top: var(--space-xl);padding-bottom: var(--space-xs-s);grid-template-columns: repeat(2, 190px);}#projects .last-six-projects li img {height: 280px;border-radius: 20px;}}@media only screen and (max-width: 480px) {h2 {font-size: 40px;}#hero video {width: 875px;position: absolute;height: 68%;}#hero .logo-container {width: 78vw;height: 78vw;max-width: 440px;max-height: 440px;min-width: 280px;min-height: 280px;gap: var(--space-s);}#hero .logo-container img {width: 20vw;min-width: 100px;max-width: 180px;}#hero .logo-container .logo-text h1 {font-size: var(--font-size-3);padding: 0 20px;}#hero .logo-container .logo-text h2 {font-size: var(--font-size-0);}#hero .logo-container nge-button {position: absolute;bottom: -100px;--font-weight-button: 600;--text-color: var(--primary-400);--nge-button-font-size: var(--font-size-0);--nge-button-padding: 24px 40px;--background: var(--primary-400);--text-color: white;--primary-light: var(--primary-500);--primary-light-active: var(--primary-500);}#about {padding-top: 720px;}#about .about-me-title span {font-size: 19px;text-wrap: balance;}#about .about-me-image {width: 253px;height: 391px;}#about .about-me-image::before {transform: rotate(15deg) scale(0.44) translate(-299px, 440px);}#about .about-me-description p {font-size: 22px;}#about .about-me-description small {font-size: 17px;}#about .about-me-description small a {font-size: 17px;}#services-experiencie {clip-path: ellipse(311% 49% at 50% 50%);padding: var(--space-2xl) 0;}#services .cards-services {grid-template-columns: 100%;margin-top: var(--space-xl);}#experiencie {padding-left: 0;padding-right: 0;}#experiencie time {margin-top: var(--space-xl);}#experiencie ul {margin-top: var(--space-m);}#experiencie ul li {width: 325px;}#experiencie ul li .number {font-size: 90px;}#experiencie ul li .label {font-size: 20px;}#experiencie ul li::before {transform: scale(0.75);}#projects {padding-top: 0;}#projects .projects-header a {--nge-button-font-size: var(--font-size--1);--nge-button-padding: var(--space-xs) var(--space-s);}#projects .last-six-projects {padding-bottom: 0;gap: var(--space-xs);grid-template-columns: repeat(1, 230px);}#projects .last-six-projects li img {height: 339px;border-radius: 30px;}}