: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{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eee;margin:0;font-family:Roboto Condensed,Arial,sans-serif}img,svg{max-width:100%}a{color:inherit}.App,.main{min-height:100vh}.main{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.ondapie{background-color:var(--secondary);width:100%}.btncentral{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;padding:2rem 0 1rem;display:flex}.sinlinea{text-decoration:none}.button{color:#fff;cursor:pointer;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;width:164px;height:47px;font-family:Roboto Condensed,Arial,sans-serif;font-size:16px;font-weight:700;line-height:19px;display:flex}.button-primary{background:var(--degradado);border:2px solid var(--rosa);filter:drop-shadow(0 4px 4px #00000040)}.button-primary:hover{color:var(--rosa);background:#fff}.button-secondary{background-color:var(--secondary);border:2px solid var(--secondary)}.button-secondary:hover{background-color:var(--grayLight);color:var(--secondary)}.menu{z-index:100;color:#fff;filter:drop-shadow(0 4px 4px #00000040);flex-direction:row;justify-content:space-around;width:100%;animation:.7s ease-out menu-mobile;display:flex;position:fixed;bottom:0}@keyframes menu-mobile{0%{bottom:-300px}to{bottom:0}}.menu a:hover .img_buttom{border:3px solid var(--rosa)}.img_buttom{border:1px solid var(--primary);background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:90% 90%;border-radius:50%;width:80px;height:80px;margin-bottom:.3rem;display:block}.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{z-index:-1;background-color:var(--secondary);width:100%;height:40px;position:absolute;bottom:0}.portada-home{background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.portada-home .contenedor{background-color:var(--primary);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;margin:0;display:flex}.portada-home .cabecera{flex-direction:row;justify-content:center;width:100%;display:flex}.portada-home .imagen{margin:.5rem .5rem 0}.portada-home .titulo{flex-direction:column;justify-content:center;margin:0 .5rem;display:flex}.portada-home .h1{color:#fff;margin:0;font-family:Gochi Hand,cursive;font-size:2.5rem;font-weight:400}.portada-home .onda{width:100%;margin:-1px}.portada-home .onda svg{width:100%;display:block}.presentacion{text-indent:2rem;margin:0 1rem;padding-left:1rem;font-size:2rem;line-height:2.5rem;position:relative}.presentacion:before{color:var(--primary);content:open-quote;font-size:3.5rem;position:absolute;top:-3px;left:-10px}.presentacion:after{color:var(--primary);content:close-quote;position:relative;top:-3px}.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{flex-direction:row;justify-content:flex-start;width:100%;display:flex}.service-section .dosondas .onda:nth-child(2){display:none}.service-section .onda{background-color:var(--section-wave-bg);width:100%}.service-section .onda svg{width:100%;margin-top:-1px;display:block}.section-wave{fill:var(--section-wave-color)}.service-section .cabecera{flex-direction:row;justify-content:space-around;align-items:flex-start;gap:1rem;margin:0 1rem;padding-top:1rem;display:flex}.service-section .cabecera h2{text-align:left;margin:0;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{width:100%;height:520px;position:relative;overflow:hidden}.galeria-track{scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;height:100%;display:flex;overflow-x:auto}.galeria-track::-webkit-scrollbar{display:none}.galeria-slide{background:var(--primary);scroll-snap-align:start;flex-direction:column;flex:0 0 100%;justify-content:flex-start;align-items:center;display:flex}.imgGaleria{object-fit:cover;width:373px;max-width:100%;height:480px;max-height:480px;display:block}.galeria-control{width:42px;height:42px;color:var(--secondary);cursor:pointer;background:#ffffffdb;border:0;border-radius:50%;font-size:2rem;line-height:1;position:absolute;top:45%}.galeria-prev{left:.5rem}.galeria-next{right:.5rem}.galeria-dots{justify-content:center;gap:.5rem;display:flex;position:absolute;bottom:.75rem;left:0;right:0}.galeria-dots button{cursor:pointer;background:0 0;border:1px solid #fff;border-radius:50%;width:12px;height:12px;padding:0}.galeria-dots button.is-active{background:#fff}.portfolio-header{flex-direction:column;justify-content:center;align-items:center;display:flex}.portfolio-header .cabecera{background-color:var(--primary);flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}.volver{z-index:100;border:1px solid var(--primary);filter:drop-shadow(0 4px 4px #00000073);background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:90% 90%;border-radius:50%;width:80px;height:80px;margin:.3rem;display:block;position:fixed;top:0;left:0}.portfolio-header .h1{color:#fff;margin:1rem 0 0;font-family:Gochi Hand,cursive;font-size:2.5rem;font-weight:400}.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{flex-direction:row;justify-content:space-around;width:100%;margin:.5rem;display:flex}.filtro_btn{border:2px solid var(--rosa);background:var(--degradado);color:#fff;filter:drop-shadow(0 4px 4px #00000073);cursor:pointer;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;width:100px;height:47px;font-family:Roboto Condensed,Arial,sans-serif;font-size:16px;font-weight:700;line-height:19px;display:flex}.filtro_btn:hover{color:var(--rosa);background:#fff}.filtro_btn:active{box-shadow:inset 0 4px 4px #00000073}.portfolio-grid{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;margin:1rem;padding:.3rem;display:flex}.contenedor_item{border:1px solid var(--primary);width:100%;height:400px;color:inherit;filter:drop-shadow(0 4px 4px #00000073);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:.5rem;padding:.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.contenedor_item .card-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.contenedor_item .etiqueta{z-index:1;border:1px solid var(--secondary);background-color:var(--secondary);color:#fff;text-align:center;filter:drop-shadow(0 4px 4px #000000d9);border-radius:8px;width:98%;padding:25px;position:relative}.contenedor_item .h2{margin:0;font-size:2rem}.contenedor_item .subtitulo{font-size:1.5rem}.paginacion{border:1px solid var(--secondary);width:18rem;color:var(--gray);border-radius:8px;flex-direction:row;justify-content:center;align-items:center;margin:1rem;font-size:1.5rem;font-weight:700;line-height:30px;display:flex}.paginacion span{border-left:1px solid var(--secondary);border-right:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.paginacion span:first-child{border-left:1px solid #0000}.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{flex-direction:row;justify-content:space-between;width:100%;height:120px;display:flex;position:relative;overflow:hidden}.portadaDetalle .detail-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portadaDetalle .contenedorDetalle{z-index:1;background-color:var(--secondary);opacity:.85;border:1px solid #0000;border-radius:8px;flex-direction:row;justify-content:flex-end;width:100%;display:flex;position:relative}.portadaDetalle .contenedorDetalle .h1{color:var(--grayLight);flex-direction:column;justify-content:center;align-items:flex-end;margin:0;padding:1rem;display:flex}.portadaDetalle .contenedorDetalle .titulo{font-size:1.8rem}.portadaDetalle .contenedorDetalle .subtitulo{font-size:1.2rem}.etiquetas{flex-direction:row;justify-content:space-between;width:100%;padding:1rem 1rem 0;font-size:1.3rem;font-weight:700;display:flex}.etiquetas .categoria{color:var(--primary);margin-right:2rem}.etiquetas .fecha{color:var(--secondary)}.contenidoDetalle{color:var(--secondary);flex-direction:column;margin:1rem;font-size:1rem;display:flex}.contenidoDetalle a.enlace{color:var(--complementary1Dark);text-align:center;align-self:center;font-weight:700}.contenidoDetalle .img{width:100%;margin:1rem 0}.paginacionDetalle{width:100%;color:var(--gray);flex-direction:row;justify-content:space-around;align-items:center;font-size:3rem;font-weight:500;line-height:30px;display:flex}.paginacionDetalle span.selector:hover{color:var(--primary)}.footer{background-color:var(--footer-bg);flex-direction:row;justify-content:center;padding-top:.5rem;display:flex}.footer .contenido{margin:0 0 6rem;padding:0 1rem}.footer .texto{color:var(--grayLight);margin:.1rem;font-size:.9rem}@media (width>=768px){.btncentral{flex-direction:row;justify-content:center}.menu{flex-direction:column;align-items:flex-end;width:auto;animation:.7s ease-out menu-tablet;bottom:50%;right:1px}@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{flex-flow:wrap;justify-content:center;display:flex}.service-section{flex-direction:column;align-items:center;display:flex}.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{flex-direction:row;justify-content:center;display:flex}.portfolio-header .grupo .descripcion{width:45%;padding:0 3rem}.portfolio-header .grupo .img_decoracion{width:300px;display:block}.filtro{width:65%}.portfolio-grid{flex-flow: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 (width>=1000px){.contenedor_item{width:30%;height:350px}}@media (width>=1100px){.filtro{width:50%}}@media (width>=1200px){.menu{flex-direction:row;justify-content:flex-end;align-items:flex-start;top:5px;bottom:auto}.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 (width>=1250px){.contenedor_item{width:23%}}