:root{--primary: #ef233c;--primaryDark: #b1001f;--secondary: #2b2d42;--secondaryDark: #171826;--secondaryLight: #8d99ae;--gray: #bdc6d1;--grayDrak: #7e8b9b;--grayLight: #edf2f4;--complementary1: #8ecae6;--complementary1Dark: #219ebc;--complementary2: #ffb703;--complementary2Dark: #fb8500;--degradado: linear-gradient(180deg, #ef233c 0%, #fb00c4 89.58%);--rosa: #fb00c4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eee;color:#000;font-family:Roboto Condensed,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{max-width:100%}a{color:inherit}.App,.main{min-height:100vh}.main{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff}.ondapie{width:100%;background-color:var(--secondary)}.btncentral{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background-color:#fff;padding:2rem 0 1rem;width:100%}.sinlinea{text-decoration:none}.button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:164px;height:47px;border-radius:8px;font-family:Roboto Condensed,Arial,sans-serif;font-weight:700;font-size:16px;line-height:19px;color:#fff;cursor:pointer}.button-primary{background:var(--degradado);border:2px solid var(--rosa);filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}.button-primary:hover{background:#fff;color:var(--rosa)}.button-secondary{background-color:var(--secondary);border:2px solid var(--secondary)}.button-secondary:hover{background-color:var(--grayLight);color:var(--secondary)}.menu{position:fixed;bottom:0;z-index:100;display:flex;flex-direction:row;justify-content:space-around;width:100%;color:#fff;animation:menu-mobile .7s ease-out;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}@keyframes menu-mobile{0%{bottom:-300px}to{bottom:0}}.menu a:hover .img_buttom{border:3px solid var(--rosa)}.img_buttom{display:block;width:80px;height:80px;margin-bottom:.3rem;border:1px solid var(--primary);border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:90% 90%}.img_buttom.uno{background-image:url(/img/Perfil.svg)}.img_buttom.dos{background-image:url(/img/Portfolio.svg)}.img_buttom.tres,.volver{background-image:url(/img/Subir.svg)}.base_menu{position:absolute;bottom:0;z-index:-1;width:100%;height:40px;background-color:var(--secondary)}.portada-home{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#fff}.portada-home .contenedor{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;margin:0;background-color:var(--primary)}.portada-home .cabecera{display:flex;flex-direction:row;justify-content:center;width:100%}.portada-home .imagen{margin:.5rem .5rem 0}.portada-home .titulo{display:flex;flex-direction:column;justify-content:center;margin:0 .5rem}.portada-home .h1{margin:0;color:#fff;font-family:Gochi Hand,cursive;font-weight:400;font-size:2.5rem}.portada-home .onda{width:100%;margin:-1px}.portada-home .onda svg{display:block;width:100%}.presentacion{position:relative;margin:0 1rem;padding-left:1rem;font-size:2rem;line-height:2.5rem;text-indent:2rem}.presentacion:before{position:absolute;top:-3px;left:-10px;color:var(--primary);content:open-quote;font-size:3.5rem}.presentacion:after{position:relative;top:-3px;color:var(--primary);content:close-quote}.experiencias{background-color:#fff}.service-section{background-color:var(--section-bg);color:#fff;font-family:Roboto Condensed,Arial,sans-serif;font-weight:400}.service-section.section-habilidades{color:#000}.service-section .dosondas{display:flex;flex-direction:row;justify-content:flex-start;width:100%}.service-section .dosondas .onda:nth-child(2){display:none}.service-section .onda{width:100%;background-color:var(--section-wave-bg)}.service-section .onda svg{display:block;width:100%;margin-top:-1px}.section-wave{fill:var(--section-wave-color)}.service-section .cabecera{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;gap:1rem;margin:0 1rem;padding-top:1rem}.service-section .cabecera h2{margin:0;text-align:left;font-size:2.2rem;font-weight:400}.service-section .contenido{padding:1rem}.service-section .texto{font-size:1.5rem;line-height:29px}.service-section .enlace{display:inherit;color:#fff;text-align:center;font-size:1.2rem;line-height:23px}.galeria{position:relative;width:100%;height:520px;overflow:hidden}.galeria-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.galeria-track::-webkit-scrollbar{display:none}.galeria-slide{display:flex;flex:0 0 100%;flex-direction:column;justify-content:flex-start;align-items:center;background:var(--primary);scroll-snap-align:start}.imgGaleria{display:block;width:373px;height:480px;max-width:100%;max-height:480px;object-fit:cover}.galeria-control{position:absolute;top:45%;width:42px;height:42px;border:0;border-radius:50%;background:#ffffffdb;color:var(--secondary);font-size:2rem;line-height:1;cursor:pointer}.galeria-prev{left:.5rem}.galeria-next{right:.5rem}.galeria-dots{position:absolute;right:0;bottom:.75rem;left:0;display:flex;justify-content:center;gap:.5rem}.galeria-dots button{width:12px;height:12px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer}.galeria-dots button.is-active{background:#fff}.portfolio-header{display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio-header .cabecera{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;background-color:var(--primary)}.volver{position:fixed;top:0;left:0;z-index:100;display:block;width:80px;height:80px;margin:.3rem;border:1px solid var(--primary);border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:90% 90%;filter:drop-shadow(0 4px 4px rgba(0,0,0,.45))}.portfolio-header .h1{margin:1rem 0 0;color:#fff;font-family:Gochi Hand,cursive;font-weight:400;font-size:2.5rem}.portfolio-header .onda{width:100%;fill:var(--primary)}.portfolio-header .grupo .descripcion{margin:0 0 1rem;padding:0 1rem}.portfolio-header .grupo .descripcion .p{color:var(--secondary);font-size:1rem}.portfolio-header .grupo .img_decoracion{display:none}.filtro{display:flex;flex-direction:row;justify-content:space-around;width:100%;margin:.5rem}.filtro_btn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100px;height:47px;border:2px solid var(--rosa);border-radius:8px;background:var(--degradado);color:#fff;font-family:Roboto Condensed,Arial,sans-serif;font-weight:700;font-size:16px;line-height:19px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));cursor:pointer}.filtro_btn:hover{background:#fff;color:var(--rosa)}.filtro_btn:active{box-shadow:inset 0 4px 4px #00000073}.portfolio-grid{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;margin:1rem;padding:.3rem}.contenedor_item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;width:100%;height:400px;margin:.5rem;padding:.5rem;border:1px solid var(--primary);border-radius:8px;color:inherit;text-decoration:none;filter:drop-shadow(0 4px 4px rgba(0,0,0,.45))}.contenedor_item .card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.contenedor_item .etiqueta{position:relative;z-index:1;width:98%;padding:25px;border:1px solid var(--secondary);border-radius:8px;background-color:var(--secondary);color:#fff;text-align:center;filter:drop-shadow(0 4px 4px rgba(0,0,0,.85))}.contenedor_item .h2{margin:0;font-size:2rem}.contenedor_item .subtitulo{font-size:1.5rem}.paginacion{display:flex;flex-direction:row;justify-content:center;align-items:center;width:18rem;margin:1rem;border:1px solid var(--secondary);border-radius:8px;color:var(--gray);font-weight:700;font-size:1.5rem;line-height:30px}.paginacion span{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;border-left:1px solid var(--secondary);border-right:1px solid transparent}.paginacion span:first-child{border-left:1px solid transparent}.paginacion span:first-child:hover{border-radius:8px 0 0 8px}.paginacion span:last-child:hover{border-radius:0 8px 8px 0}.paginacion span:hover,.paginacion span.active{border-right:1px solid var(--primary);background:var(--degradado);color:#fff}.portadaDetalle{position:relative;display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;width:100%;height:120px}.portadaDetalle .detail-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portadaDetalle .contenedorDetalle{position:relative;z-index:1;display:flex;flex-direction:row;justify-content:flex-end;width:100%;border:1px solid transparent;border-radius:8px;background-color:var(--secondary);opacity:.85}.portadaDetalle .contenedorDetalle .h1{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;margin:0;padding:1rem;color:var(--grayLight)}.portadaDetalle .contenedorDetalle .titulo{font-size:1.8rem}.portadaDetalle .contenedorDetalle .subtitulo{font-size:1.2rem}.etiquetas{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:1rem 1rem 0;font-size:1.3rem;font-weight:700}.etiquetas .categoria{margin-right:2rem;color:var(--primary)}.etiquetas .fecha{color:var(--secondary)}.contenidoDetalle{display:flex;flex-direction:column;margin:1rem;color:var(--secondary);font-size:1rem}.contenidoDetalle a.enlace{align-self:center;color:var(--complementary1Dark);text-align:center;font-weight:700}.contenidoDetalle .img{width:100%;margin:1rem 0}.paginacionDetalle{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:100%;color:var(--gray);font-weight:500;font-size:3rem;line-height:30px}.paginacionDetalle span.selector:hover{color:var(--primary)}.footer{display:flex;flex-direction:row;justify-content:center;padding-top:.5rem;background-color:var(--footer-bg)}.footer .contenido{margin:0 0 6rem;padding:0 1rem}.footer .texto{margin:.1rem;color:var(--grayLight);font-size:.9rem}@media(min-width:768px){.btncentral{flex-direction:row;justify-content:center}.menu{right:1px;bottom:50%;flex-direction:column;align-items:flex-end;width:auto;animation:menu-tablet .7s ease-out}@keyframes menu-tablet{0%{right:-300px}to{right:1px}}.base_menu{visibility:hidden}.portada-home{height:auto}.portada-home .cabecera{justify-content:center;margin-top:1.5rem}.portada-home .h1{width:100%;font-size:4rem}.presentacion{min-height:auto;margin:1rem 5rem}.experiencias{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.service-section{display:flex;flex-direction:column;align-items:center}.service-section.section-web,.service-section.section-grafico,.service-section.section-formacion{width:50%}.service-section.section-galeria,.service-section.section-habilidades,.service-section.section-contacto{width:100%}.service-section .dosondas .onda:nth-child(2){display:flex}.service-section .onda{width:100%}.service-section.section-galeria .onda{width:50%}.service-section.section-web .section-wave,.service-section.section-grafico .section-wave,.service-section.section-contacto .section-wave{fill:#fff}.service-section.section-formacion .section-wave{fill:#fb8500}.service-section.section-galeria .section-wave{fill:#219ebc}.service-section.section-habilidades .section-wave{fill:#2b2d42}.service-section .texto{min-height:14.5rem}.service-section .texto ul{column-count:2}.portfolio-header .grupo{display:flex;flex-direction:row;justify-content:center}.portfolio-header .grupo .descripcion{width:45%;padding:0 3rem}.portfolio-header .grupo .img_decoracion{display:block;width:300px}.filtro{width:65%}.portfolio-grid{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;padding-left:5rem}.contenedor_item{width:45%;height:450px;max-height:450px}.portadaDetalle{flex-direction:column;align-items:flex-end;height:200px}.portadaDetalle .contenedorDetalle{width:20rem;height:6rem}.etiquetas{width:auto}.contenidoDetalle{margin:1rem 5rem}.contenidoDetalle .img{align-self:center;width:50%}.footer .contenido{margin:0 0 1rem}}@media(min-width:1000px){.contenedor_item{width:30%;height:350px}}@media(min-width:1100px){.filtro{width:50%}}@media(min-width:1200px){.menu{top:5px;bottom:auto;flex-direction:row;justify-content:flex-end;align-items:flex-start}.img_buttom{margin:.5rem}.service-section.section-web,.service-section.section-grafico,.service-section.section-formacion{width:33.333%}.service-section.section-habilidades,.service-section.section-galeria,.service-section.section-contacto{width:100%}.service-section .dosondas .onda:nth-child(2){display:none}.service-section.section-galeria .onda{width:100%}.service-section.section-habilidades .section-wave{fill:#ef233c}.service-section.section-formacion .section-wave,.service-section.section-galeria .section-wave{fill:#fff}.service-section .texto ul{column-count:3}.galeria-track{width:800px;margin:0 auto}.portfolio-header .grupo .descripcion{width:35%}.filtro{width:30%}}@media(min-width:1250px){.contenedor_item{width:23%}}