@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800&display=swap");:root{--font: "Montserrat";--font-color: #262626;--gap: 3em;--red: #00a0af;--green: #00a0af}*{margin:0;padding:0;font-family:inherit;font-size:1em;border:0 none;background-color:transparent;list-style-type:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;outline:none}body{font-size:62.5%}*{font-variant-ligatures:none}html,body{scroll-behavior:smooth}body{font-family:var(--font);color:var(--font-color);font-weight:300}.container{max-width:108em;margin:0 auto;padding:0 var(--gap)}#header .container{text-align:center;padding-top:var(--gap);padding-bottom:var(--gap)}#header:after{height:0.4em;content:"";display:block;background-image:url(../images/divider.svg);background-size:100% 100%}#header .logo img{max-width:20em}#header #menu{margin:var(--gap) 0}#header #menu a{font-size:1.6em;color:inherit;text-decoration:none;display:block;margin:0.25em 0}#header #menu a:hover,#header #menu li.active a{color:var(--red);font-weight:600;position:relative}#header .social .ja{display:block;margin:2.5em auto 0 auto}#header .social .ja img{width:16.6em}@media (min-width: 720px){#header .logo img{max-width:26em}}@media (min-width: 960px){#header .container{display:flex;align-items:flex-end;text-align:left;padding-top:calc(var(--gap) * 1.5);padding-bottom:calc(var(--gap) * 1.5)}#header #menu{margin:0 0 -0.5em var(--gap);flex-grow:1}#header #menu ul{display:flex}#header #menu ul li{margin-left:var(--gap)}#header #menu a:hover:after,#header #menu li.active a:after{width:0;height:0;border-style:solid;border-width:10px 10px 0 10px;border-color:var(--red) transparent transparent transparent;content:"";position:absolute;bottom:-1.5em;left:50%;transform:translateX(-50%)}#header .social{display:flex;justify-content:flex-end;align-items:flex-end}#header .social .ja{margin:0;padding-left:2.2em;border-left:1px solid #999}#header .social .facebook{margin:0 2.2em 0}}#footer{background:#626366;text-align:center}#footer:before{height:0.4em;content:"";display:block;background-image:url(../images/divider.svg);background-size:100% 100%}#footer .container{padding-top:var(--gap);padding-bottom:var(--gap)}#footer .logo{margin-bottom:var(--gap)}#footer .logo img{max-width:100%;width:16.4em}#footer .social a{margin-right:1em;margin-bottom:0.5em;display:inline-block}#footer .links{color:var(--green)}#footer .links a{color:inherit;font-size:1.2em;text-decoration:none}#footer p{color:#FFF;font-size:1.2em;line-height:1.25em;margin-top:0.5em;margin-bottom:0}@media (min-width: 720px){#footer .container{display:flex;align-items:flex-start;padding-top:calc(var(--gap) * 1.5);padding-bottom:calc(var(--gap) * 1.5)}#footer .logo{flex-grow:1;text-align:left;margin-bottom:0}}.banner{background-image:url(../images/header.jpg);background-size:cover;position:relative;display:flex;min-height:20em}.banner img{width:100%;display:block;min-height:25em;object-fit:cover;object-position:center center}.banner p{margin:auto;color:#FFF;width:100%;text-align:center;font-size:3em;text-transform:uppercase;text-shadow:0 0 0.2em rgba(0,0,0,0.5);font-weight:800}@media (min-width: 500px){.banner{min-height:41vw}.banner p{font-size:4em}}@media (min-width: 720px){.banner p{font-size:5em}}.titulo{font-size:2.7em;text-transform:uppercase;font-weight:bold;margin-bottom:0.5em}@media (min-width: 500px){.titulo{font-size:3.6em}}strong{font-weight:600}.intro{padding-top:calc(var(--gap) * 1.5);text-align:center}.intro p{font-size:1.5em;line-height:1.3em}@media (min-width: 500px){.intro p{font-size:2em}}.intro p+p{margin-top:1em}.intro p a{color:var(--red);text-decoration:none}.intro .button{margin-top:2em}.button,.duplicateLink,.removeLink{background-color:var(--red);background-image:linear-gradient(90deg, #262626, var(--red));font-weight:bold;font-size:1.8em;color:#FFF;text-transform:uppercase;text-decoration:none;padding:0.75em 1.5em 0.85em 1.5em;border-radius:4px;display:inline-block;cursor:pointer}@media (min-width: 500px){.button,.duplicateLink,.removeLink{font-size:2.4em}}.button.inactive,.duplicateLink.inactive,.removeLink.inactive{opacity:0.5}.duplicateLink,.removeLink{font-size:1.4em}.participar{padding:calc(var(--gap) * 2) 0 calc(var(--gap) * 1.5);text-align:center}.participar p{font-size:1.5em;line-height:1.3em;margin:1.5em 0}@media (min-width: 500px){.participar p{font-size:2em}}.programa{background-image:url(../images/bg.png);background-position:center center;background-size:cover;margin-top:-2.5em}.programa .titulo{color:var(--green)}.programa .items li{margin-top:var(--gap);max-width:26em;margin:0 auto}.programa .items li:before{content:"";width:12.4em;height:12.4em;display:block;margin:var(--gap) auto;background-image:url(../images/taller1.svg);background-position:center center;background-size:contain}.programa .items li:nth-child(2):before{background-image:url(../images/taller2.svg)}.programa .items li:nth-child(3):before{background-image:url(../images/taller3.svg)}@media (min-width: 500px){.programa{margin-top:-3.5em;padding-top:calc(var(--gap) * 3)}}@media (min-width: 720px){.programa .items{display:flex;justify-content:space-between;margin-top:var(--gap)}}.como{background-color:rgba(0,160,175,0.25);background:linear-gradient(45deg, rgba(38,38,38,0.1), rgba(0,160,175,0.25))}.inscripcion{text-align:center}.inscripcion .header{max-width:60em;margin:0 auto calc(var(--gap) * 2) auto}.inscripcion form{max-width:80em;margin:0 auto}.inscripcion .titulo{color:var(--green)}.inscripcion .subtitulo{text-align:left;font-size:2em;margin:3em 0 1em 0;font-weight:600}.inscripcion .subtitulo+p{text-align:left;margin:-0.5em 0 1em 0}.inscripcion form>.subtitulo:first-child{margin-top:0}.inscripcion .buttons{padding-bottom:3em;margin-top:-3em}.inscripcion .buttons .button{position:static;margin:0 0.25em 1em 0.25em;font-size:1.5em}.inscripcion .form{display:none}.inscripcion .input{position:relative}.inscripcion .input.offstate{display:none}.inscripcion .input label,.inscripcion .input .label{text-align:left;font-size:1.6em;margin-bottom:1em;display:block;width:100%}.inscripcion .input .placeholder{position:absolute;top:0;left:0;width:100%;height:100%;font-weight:300;font-size:1.6em;padding:1.2em !important;box-sizing:border-box;text-align:left;pointer-events:none}.inscripcion .input .placeholder span{background-color:#FFF;padding:0.5em 0}.inscripcion .input input:focus+.placeholder,.inscripcion .input input.valid+.placeholder{display:none}.inscripcion .input.invalid:after{content:"campo obligatorio";color:red;display:block;text-align:left;margin:-1em 0 1.5em 0;font-size:1.2em}.inscripcion .input label.checkbox input{display:inline-block;vertical-align:middle;width:0.5em;height:0.5em;margin:0 0.25em 0 0;padding:0;border-radius:0;appearance:auto}.inscripcion .input .errMsg,.inscripcion .input .hint{text-align:left;font-size:1.3em;margin:-1em 0 1.5em 0}.inscripcion .input .errMsg{color:#c00}.inscripcion .checkboxes{margin:4em 0}.inscripcion .checkboxes>.label{font-weight:600}.inscripcion .row+.checkboxes{margin-top:2em}.inscripcion label.checkbox input{display:inline-block;vertical-align:middle;width:0.5em;height:0.5em;margin:0 0.25em 0 0;padding:0;border-radius:0}.inscripcion input,.inscripcion select,.inscripcion textarea{font-family:inherit;font-size:1.6em;padding:1.2em 1.5em;background-color:#FFF;display:block;width:100%;box-sizing:border-box;margin-bottom:1em;border-radius:0.25em;-webkit-appearance:none;appearance:none;height:3.6em;border:1px solid #b1b1b1}.inscripcion input::placeholder,.inscripcion select::placeholder,.inscripcion textarea::placeholder{font-weight:300}.inscripcion textarea{height:auto}.inscripcion select{background-image:url(../images/select.svg);background-position:calc(100% - 1.5em) center;background-repeat:no-repeat}.inscripcion .button{margin-top:1.25em}.inscripcion .form-footer{font-style:italic}.inscripcion .form-footer img{margin:0.5em 0}.inscripcion .form-footer p{font-size:1.4em}@media (min-width: 500px){.inscripcion .form-footer{display:flex;justify-content:space-between;align-items:center;text-align:left}}@media (min-width: 500px){.inscripcion input,.inscripcion select,.inscripcion textarea,.inscripcion .input .placeholder{font-size:2em;padding-left:1.3em;padding-right:1.3em}.inscripcion .input label,.inscripcion .input .label{font-size:2em}}@media (min-width: 720px){.inscripcion .row{display:grid;grid-template-columns:1fr 1fr;grid-gap:2em}.inscripcion .buttons{display:flex}.inscripcion .buttons .button{width:50%;font-size:1.7em;margin:0 0.5em 1em 0.5em}}
