@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{box-sizing:border-box;font-size:62.5%}*,:after,:before{box-sizing:inherit;list-style:none;scroll-behavior:smooth;text-decoration:none}body{background-color:#050505;border-radius:13px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.6rem;line-height:1.8;margin:2rem 6rem;transition:all .3s ease-in-out}@media (max-width:768px){body{margin:1rem 1rem}}.contenedor{margin:0 auto;max-width:120rem;width:95%}a{text-decoration:none}img,picture{display:block;width:100%}h2{margin:0}p{font-size:1.8rem}ul{padding:0}hr{border:.5px solid #565656;margin:1rem 2rem}.seccion{margin-bottom:2.5rem;margin-top:2.5rem}.contenido-centrado{max-width:800px}.mensaje-alert p{background-color:#050505;color:#e4e4e4}.errores-alert p,.mensaje-alert p{font-size:2rem;font-weight:700;text-align:center}.errores-alert p{background-color:red;color:#050505}.header{background:#1f1f1f;border-radius:13px 13px 0 0;display:flex;flex-direction:column}.header.fijo{background-color:#1f1f1f;border-radius:0 0 0 0;left:0;position:fixed;top:0;transition:background-color .5s ease,box-shadow .9s ease;width:100%;z-index:1000}.header .flags{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;position:absolute;right:0}.header .flags a{color:#e4e4e4;font-size:1rem;font-weight:700;letter-spacing:1px;opacity:.5;padding:.2rem .5rem;text-align:center;transition:all .5s ease}.header .flags a:hover{background-color:#050505;color:#fff;opacity:1}.header .flags .selected{background-color:#565656;color:#fff;padding:.2rem .5rem;transition:all .3s ease}.header .header-nav{align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding-top:2rem}.header .logo{color:#050505;display:block;font-size:3.5rem;font-weight:700;text-align:center;text-transform:uppercase;width:200px}.header .logo span{background-color:#050505;color:#fff;padding:.5rem}.header .enlaces-navegacion{max-height:0;opacity:0;transition-delay:.1s,.3s;transition-duration:.3s;transition-property:opacity,max-height;transition-timing-function:ease-in-out}@media (min-width:768px){.header .enlaces-navegacion{all:unset}}.header .mostrar{max-height:35rem;opacity:1;transition-delay:.1s,.3s;transition-duration:.3s;transition-property:max-height,opacity;transition-timing-function:ease-in-out}.header .enlaces-navegacion a{color:#e4e4e4;display:block;font-size:1.8rem;font-weight:500;margin-bottom:1rem;position:relative;text-align:center;transition:margin-left .3s ease-in-out}@media (min-width:768px){.header .enlaces-navegacion a{margin:0}}.header .enlaces-navegacion a:after{background-color:#ccb14b;bottom:0;content:"";display:block;height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease-in-out;width:0}.header .enlaces-navegacion a:hover:after{width:100%}.header .iconos{align-items:center;color:#daa520;display:flex;font-size:2rem;gap:2rem;padding-top:.5rem}.header .iconos svg{color:#daa520;display:block}.header #menu-icon{cursor:pointer}@media (min-width:768px){.header .contenedor-menu{all:unset}}.header .bx-moon{cursor:pointer;display:none;transition:all .4s ease;transition-delay:.1s,.3s;transition-duration:.3s;transition-property:max-height,opacity;transition-timing-function:ease-in-out}.header .bx-sun{cursor:pointer}@media (min-width:768px){.header{display:flex;flex-direction:column}.header .flags{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin:0 1rem;position:absolute;right:0}.header .flags a{color:#050505;font-weight:700;letter-spacing:1px;padding:.2rem .5rem;text-align:center;transition:all .5s ease}.header .flags a:hover{background-color:#050505;color:#fff}.header .flags .selected{background-color:#565656;color:#fff;padding:.2rem .5rem;transition:all .3s ease}.header .header-nav{align-items:center;flex-direction:row;justify-content:space-around;margin:0 1rem;padding:2rem 0}.header .header-nav .logo{color:#050505;font-size:3.5rem;font-weight:700;text-transform:uppercase;transition:all .3s ease}.header .iconos{display:flex;margin:0;order:1;padding:0}.header #menu-icon{cursor:pointer;display:none}.header .enlaces-navegacion{align-items:center;display:flex;flex-direction:row;gap:2rem;opacity:1}.header .enlaces-navegacion a{font-size:1.6rem}.header .bx-moon{cursor:pointer}}:root{--app-bg:#0f0f0f;--text:#fff;--gold-a:#b19600;--gold-b:#c7aa07;--gold-c:#9b8716;--gold-d:#dbc605;--gold-e:#978100;--gold-f:#a58900}body{background:var(--app-bg);color:var(--text)}.video{height:100svh;isolation:isolate;max-height:100vh;min-height:50rem;overflow:hidden;position:relative}.video>img{display:block;height:100%;inset:0;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(180deg,#000 78%,transparent);-o-object-fit:cover;object-fit:cover;-o-object-position:65% center;object-position:65% center;position:absolute;width:100%}.video:before{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.55) 32%,hsla(0,0%,100%,.06) 78%,hsla(0,0%,100%,.12));inset:0}.video:after,.video:before{content:"";pointer-events:none;position:absolute;z-index:1}.video:after{background:linear-gradient(to bottom,hsla(0,0%,6%,0) 0,var(--app-bg) 100%);bottom:0;height:18vh;left:0;right:0}.video .overlay{display:flex;flex-direction:column;inset:0;justify-content:center;padding:clamp(1rem,4vw,4rem);position:absolute;z-index:2}.contenido-video{margin-left:0;margin-right:0;max-width:min(90vw,60rem);position:relative;text-align:left;z-index:2}@media (min-width:992px){.contenido-video{margin-left:clamp(1rem,6vw,8rem);margin-right:clamp(10rem,28vw,42rem);max-width:clamp(44rem,48vw,72rem)}}.contenido-video h2{text-wrap:balance;--grad:linear-gradient(90deg, #c5a400, #bba000, #b39a0c, #e1c312, #d1b200, #ffea7c);-webkit-text-fill-color:transparent;animation:tituloGradient 15s ease-in-out infinite;background:var(--grad);-webkit-background-clip:text;background-clip:text;background-size:400% 100%;color:transparent;display:inline-block;font-size:clamp(2.6rem,6.5vw,5rem);line-height:1.05;margin:0 0 2.5rem;will-change:background-position}@keyframes movingGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn-cv{--grad:linear-gradient(90deg,var(--gold-a),var(--gold-b),var(--gold-c),var(--gold-d),var(--gold-e),var(--gold-f));--fill:#070707e0;align-items:center;animation:movingGradient 18s ease-in-out infinite;background:linear-gradient(var(--fill),var(--fill)) padding-box,var(--grad) border-box;background-size:100% 100%,300% 100%;border:4px solid transparent;border-radius:36px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;padding:1.2rem 2.8rem;transition:transform .35s ease,box-shadow .35s ease,filter .35s ease; font-size:2rem; margin-top:2rem; }.btn-cv:hover{box-shadow:0 14px 28px rgba(0,0,0,.18);filter:brightness(1.05);transform:translateY(-2px)}.btn-cv:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.btn-cv,.contenido-video h2{animation:none}}.profession{background-color:#000;color:var(--text);max-width:5rem;padding:1rem}.typed-cursor{font-size:5rem;margin-left:.5rem}@media (max-width:768px){.video>img{-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent);mask-image:linear-gradient(180deg,#000 65%,transparent);-o-object-position:75% center;object-position:75% center}.video{height:auto;max-height:none}.video .overlay{background:none;padding:0 1rem 1.5rem;position:static}.contenido-video{margin:-1.2rem auto 0;max-width:32rem;text-align:center}}@media (max-width:768px) and (max-width:768px){.contenido-video{margin:24.2rem auto 0}}@media (max-width:768px){.btn-cv{margin-top:.8rem}}.sobre-mi{background-color:rgba(31,31,31,.69);display:block;justify-content:center}.sobre-mi,.sobre-mi .sobre-mi-contenido{align-items:center;flex-direction:column}.sobre-mi .sobre-mi-contenido{display:flex;gap:5rem;padding:4rem 4rem 4rem 4rem}@media (max-width:768px){.sobre-mi .sobre-mi-contenido{padding:8rem 2rem 12rem}}.sobre-mi img{border-radius:8px;display:block;width:100%}.sobre-mi .sobre-mi-texto h2{ --grad:linear-gradient(90deg,#796704,#c7aa07,#cfb312,#c9b500,#635400,#817436);-webkit-text-fill-color:transparent;animation:tituloGradient 30s ease-in-out infinite;background:var(--grad);-webkit-background-clip:text;background-clip:text;background-size:400% 100%;color:transparent;display:inline-block;font-size:6rem;font-weight:800;letter-spacing:.5px;margin:0;text-align:center;will-change:background-position;margin-bottom:4rem;}.sobre-mi .sobre-mi-texto p{color:#e4e4e4;font-size:2.1rem;text-align:justify}@media (prefers-reduced-motion:reduce){.sobre-mi .sobre-mi-texto h2text-align:center;animation:none}}@media (min-width:1120px){.sobre-mi .sobre-mi-contenido{flex-direction:column-reverse}.sobre-mi .sobre-mi-imagen img{width:40rem}.sobre-mi .sobre-mi-texto h2{font-size:clamp(4rem,5vw,5rem);text-align:left}}.educacion{display:block;flex-direction:column}.educacion h2{font-size:4.5rem;margin:4rem 0;text-align:center}@media (min-width:768px){.educacion h2{font-size:5rem;margin-bottom:4rem}}.educacion .box-certificado{background-color:#e4e4e4;display:block;justify-content:center;margin:6rem auto;max-width:90rem;padding:.5rem;width:100%}.educacion .box-certificado h3{font-size:2.3rem;padding:0 .5rem;text-align:center;text-transform:uppercase}@media (min-width:768px){.educacion .box-certificado h3{font-size:2.7rem}}.educacion .box-certificado p{font-size:1.8rem;font-weight:500;padding:0 .5rem;text-align:center;text-transform:uppercase}.educacion .educacion-contenido{display:grid;gap:2rem;grid-template-columns:repeat(1,1fr)}.educacion .educacion-contenido .box{background-color:#f1f1f1;border-radius:10px;padding:.5rem}.educacion .educacion-contenido .box img{display:block;width:100%}.educacion .educacion-contenido .box h3,.educacion .educacion-contenido .box p{padding:0 .5rem;text-align:center;text-transform:uppercase}.educacion .educacion-contenido .box p{font-size:1.8rem}@media (min-width:768px){.educacion .educacion-contenido{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}}.educacion{--gap:1.25rem}.educacion .educacion-contenido{height:100vh;margin-inline:calc(50% - 50vw);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent);max-width:100vw;overflow:hidden;position:relative;width:100vw}.educacion .edu-rain{display:grid;gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:clamp(8px,2vw,20px)}.educacion .rain-col{min-width:0}.educacion .rain-stream{animation:edu-rain var(--dur,90s) linear infinite;display:flex;flex-direction:column;gap:var(--gap);will-change:transform}@keyframes edu-rain{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.educacion .educacion-contenido:hover .rain-stream{animation-play-state:running!important}.educacion,.educacion *{box-sizing:border-box}.educacion{overflow-x:visible}.educacion img{display:block;height:auto;max-width:100%}.educacion .box-certificado{width:auto}@media (max-width:1024px){.educacion .edu-rain{grid-template-columns:repeat(2,minmax(0,1fr))}.educacion .educacion-contenido{height:90vh}}@media (max-width:640px){.educacion .edu-rain{grid-template-columns:1fr}.educacion .educacion-contenido{height:auto}}.why h2{color:#050505;font-size:5rem;margin:12rem 0 5rem;text-align:center}.why h2 .accent{background:linear-gradient(90deg,#2563eb,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.why__grid{display:grid;gap:28px 36px;grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:auto;margin-bottom:12rem;max-width:min(1400px,95vw)}@media (max-width:1024px){.why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.why__grid{grid-template-columns:1fr}}.why__item{align-items:center;background:hsla(0,0%,100%,0);border:1px solid rgba(229,231,235,0);border-radius:16px;box-shadow:0 6px 22px rgba(15,23,42,0);display:grid;gap:14px 16px;grid-template-columns:auto 1fr;padding:18px 16px}.why__badge{background:hsla(0,0%,100%,0);border:1px solid hsla(0,0%,100%,.643);border-radius:14px;box-shadow:inset 0 1px 4px rgba(0,81,255,.43);display:grid;height:60px;place-items:center;transition:transform .15s ease;width:60px;will-change:transform}.why__badge img{display:block;height:28px;width:28px}.why__text h3{color:#050505;font-size:1.8rem;margin:2px 0 6px}.why__text p{color:#334155;font-size:1.5rem;font-weight:500;line-height:1.5;margin:0}@keyframes why-bounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-10px) scale(1.06)}60%{transform:translateY(0) scale(.98)}}.why__badge:focus-visible,.why__badge:hover{animation:why-bounce .6s;outline:none}.why__badge:active{animation:none;transform:translateY(2px) scale(.96)}.why__badge.boing{animation:why-bounce .6s}.why.why--dark__item{background:hsla(0,0%,100%,.06);border-color:rgba(148,163,184,.25);box-shadow:none}.why.why--dark__badge{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.25)}.why.why--dark__text h3{color:#050505}.why.why--dark__text p{color:#cbd5e1;font-weight:500}.why.why--dark h2{color:#050505}.cursos{background-color:rgba(31,31,31,.69);padding-block:3rem;width:100%}.curso{--radius:24px;--shadow:0 30px 60px rgba(0,0,0,.18);background:#fff;border-radius:var(--radius);display:grid;grid-template-columns:1fr;margin:2rem auto;max-width:1080px;overflow:hidden}@media (min-width:980px){.curso{grid-template-columns:1.1fr 1fr}}.cursos h2{--grad:linear-gradient(90deg,#796704,#ffd900,#9b8716,#c9b500,#a08800,#ddc135);-webkit-text-fill-color:transparent;animation:tituloGradient 30s ease-in-out infinite;background:var(--grad);-webkit-background-clip:text;background-clip:text;background-size:400% 100%;color:transparent;font-size:5rem;font-weight:800;letter-spacing:.5px;margin:0 auto;padding-bottom:4rem;padding-top:4rem;text-align:center}@media (max-width:768px){.cursos h2{font-size:3.5rem}}@media (prefers-reduced-motion:reduce){.sobre-mi-texto h2{animation:none}}.curso__media{aspect-ratio:16/9;background:#000;overflow:hidden;position:relative}@media (min-width:980px){.curso__media{aspect-ratio:auto;border-radius:var(--radius) 0 0 var(--radius);height:360px}}.curso__media img{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.curso__price{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6);border-radius:999px;color:#fff;font-size:1.4rem;padding:.6rem 1rem;position:absolute;right:14px;top:14px}.curso__price b{color:#cdb447}.curso__price s{margin-left:.4rem;opacity:.7}.curso__meta{align-items:center;background:#00000073;border-radius:36px;bottom:14px;color:#fff;display:flex;font-size:1.35rem;font-weight:600;gap:16px;left:16px;padding:.8rem 1rem;position:absolute;right:16px;}.curso__meta .estrella{color:#ffd54f}.curso__meta span{white-space:nowrap}.curso__body{padding:clamp(1.8rem,2.6vw,2.6rem)}@media (min-width:980px){.curso__body{border-radius:0 var(--radius) var(--radius) 0;display:grid;grid-template-rows:auto auto 1fr auto;min-height:360px}}.curso__body h3{color:#1f1f1f;font-size:clamp2.2rem;line-height:1.25;margin:0 0 1rem}.curso__body p{color:#4b5563;font-size:1.4rem;margin:0 0 1.2rem}.curso__bullets{display:grid;gap:.6rem 2rem;grid-template-columns:1fr;list-style:none;margin:0 0 1.6rem;padding:0}@media (min-width:760px){.curso__bullets{grid-template-columns:1fr 1fr}}.curso__bullets li{color:#374151;font-size:1.4rem;padding-left:2.2rem;position:relative}.curso__bullets li:before{color:#22c55e;content:"✓";font-weight:800;left:0;position:absolute;top:0;transform:translateY(2px)}.curso__cta{align-items:center;display:flex;gap:1rem;margin-top:.4rem}.btn-primario{background:linear-gradient(135deg,#6b6620,#ccbd35);border-radius:12px;0 10px 20px rgb(0 0 0 / 15%);color:#fff;display:inline-block;font-size:1.5rem;font-weight:700;padding:1rem 1.6rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primario:hover{0 16px 28px rgb(0 0 0 / 35%);filter:brightness(1.05);transform:translateY(-2px)}.btn-primario:active{transform:translateY(0)}.contacto{background-color:#1a1a1a}.contacto .contenedor-contacto{margin:0 auto;max-width:110rem;padding:1.6rem 2rem 3rem}.contacto h2{--grad:linear-gradient(90deg,#796704,#ffd900,#9b8716,#c9b500,#a08800,#ddc135);-webkit-text-fill-color:transparent;animation:tituloGradient 30s ease-in-out infinite;background:var(--grad);-webkit-background-clip:text;background-clip:text;background-size:400% 100%;color:transparent;font-size:5rem;font-weight:800;letter-spacing:.5px;margin:0 auto;padding-bottom:4rem;padding-top:4rem;text-align:center}@keyframes tituloGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.contacto .sobre-mi-texto h2{animation:none}}.contacto .contacto-grid{align-items:center;display:grid;gap:2rem;grid-template-columns:1fr;justify-content:center}@media (min-width:768px){.contacto .contacto-grid{align-items:start;-moz-column-gap:3rem;column-gap:3rem;grid-template-columns:1fr 1.3fr}}.contacto .contacto-social{background:rgba(15,15,16,0);border-radius:14px;color:#e4e4e4}.contacto .contacto-social h3{color:#ccb14b;font-size:2.2rem;margin:0 0 4rem}@media (max-width:768px){.contacto .contacto-social h3{text-align:center}}.contacto .contacto-social ul{display:grid;font-size:3rem;gap:1rem;list-style:none;margin:0;padding:0}@media (max-width:768px){.contacto .contacto-social ul{font-size:1.8rem;font-weight:700;justify-content:center;text-align:center}}.contacto .contacto-social a{-webkit-backdrop-filter
Applies a filter effect where the first filter in the list takes the element's background image as the input image.
: blur(2px);
    backdrop-filter: blur(2px);
    font-size: 2rem;
    background: linear-gradient(135deg, hsla(0, 0%, 100%, .06), hsla(0, 0%, 100%, .02));
    border-radius: 39px;
    font-weight:bold;
    color: #fff;
    display: inline-block;
    padding: .9rem 1.4rem;
    text-decoration: none;
    transition: transform .25s 
ease, box-shadow .25s 
ease;
    border: 3px solid #ccb14b;}.contacto .contacto-social a:hover{box-shadow:0 10px 18px rgba(0,0,0,.18);transform:translateY(-1px)}@media (min-width:768px){.contacto .contacto-social{justify-self:center;max-width:42rem;text-align:center}.contacto .contacto-social ul{justify-items:center}.contacto .contacto-social a{align-items:center;display:inline-flex;justify-content:center;min-width:20rem;width:auto}}.contacto .contacto-form form{display:grid;gap:1rem 1.2rem;grid-template-columns:1fr;margin-bottom:0}.contacto label{color:#e4e4e4;font-weight:600}.contacto input:not([type=submit]),.contacto textarea{background:#e4e4e4;border:2px solid #d1b40d;border-radius:12px;color:#000;font-weight:500;outline:none;padding:1.1rem 1.2rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.contacto input:not([type=submit])::-moz-placeholder,.contacto textarea::-moz-placeholder{color:#777}.contacto input:not([type=submit])::placeholder,.contacto textarea::placeholder{color:#777}.contacto input:not([type=submit]):focus,.contacto textarea:focus{border-color:#ffdb11;box-shadow:0 0 0 3px rgba(255,219,17,.25)}.contacto textarea{min-height:10rem;resize:vertical}.contacto .btn-inline{background-color:#050505;border:2px solid #daa520;border-radius:9999px;color:#fff;cursor:pointer;font-weight:800;justify-self:start;letter-spacing:.5px;margin-top:.5rem;padding:1rem .3rem;transition:all .2s ease}.contacto .btn-inline:hover{background-color:#1f1f1f;box-shadow:0 10px 22px rgba(0,0,0,.16);filter:brightness(1.02);transform:translateY(-1px)}.btn-inline{background-color:#fff;border:none;border-radius:0;color:#050505;cursor:pointer;margin:2rem 0;padding:1rem;transition:.4s;width:10rem}.btn-inline:hover{background-color:#1f1f1f;color:#fff}.footer{align-items:center;background-color:#1a1a1a;border-radius:0 0 13px 13px;display:flex;flex-direction:column;justify-content:center;padding:6rem 0}.footer a img{width:200px}.footer .logo span{background-color:#050505;color:#fff;padding:.5rem}.footer .iconos-contacto i{border-radius:36px;color:#daa520;font-size:4rem;margin-top:1rem;padding:.5rem;transition:all .3s ease}.footer .iconos-contacto i:hover{background-color:#daa520;color:#1f1f1f;font-size:4rem;padding:.5rem;transform:scale(1.1)}.footer p{color:#daa520;font-size:1.4rem;text-align:center}@media (max-width:540px){.footer p{text-align:center}}.footer p a{color:#e4e4e4}.contenedor-menu{background-color:#565656;border-radius:2rem;display:flex;flex-direction:row;justify-content:space-between;margin:10rem auto;max-width:80rem;padding:4rem}.contenedor-menu a{color:#050505;font-size:4rem;font-weight:700;transition:all .3s ease-in-out}.contenedor-menu a:hover{color:#fff}
        
        .contenido-video h2{
            font-size:7rem;
        }
    
    @media (max-width:768px){
        .contenido-video h2{
            font-size:4rem;
        }
    }



  :root{
    /* Si ya tenés estas variables definidas, podés omitirlas */
    --gold-a:#7a6a10; --gold-b:#b59d28; --gold-c:#d8be55;
    --gold-d:#ccb14b; --gold-e:#a99432; --gold-f:#8f7e2a;
  }

  /* Animación del gradiente (igual a tu .btn-cv) */
  @keyframes movingGradient{
    0%{   background-position: 0% 0%,   0% 0%; }
    50%{  background-position: 0% 0%, 100% 0%; }
    100%{ background-position: 0% 0%,   0% 0%; }
  }

  /* ====== FAB base: posición flotante ====== */
  .wp-fab{
    position: fixed;
    right: clamp(12px, 2vw, 22px);
    bottom: calc(clamp(12px, 2000vw, 60px) + env(safe-area-inset-bottom, 0px));
    z-index: 1000;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;

    /* ---- TU ESTILO SOLICITADO (copiado/adaptado) ---- */
    --grad: linear-gradient(90deg, var(--gold-a), var(--gold-b), var(--gold-c), var(--gold-d), var(--gold-e), var(--gold-f));
    --fill: #070707e0;
    align-items: center;
    animation: movingGradient 18s ease-in-out infinite;
    background: linear-gradient(var(--fill), var(--fill)) padding-box, var(--grad) border-box;
    background-size: 100% 100%, 300% 100%;
    border: 4px solid transparent;
    border-radius: 36px;
    color: #fff;
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    padding: 1.8rem 2.8rem;
    text-transform: uppercase;
    transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
  }
  .wp-fab:hover{ box-shadow: 0 14px 28px rgba(0,0,0,.18); filter: brightness(1.05); transform: translateY(-2px); }
  .wp-fab:active{ transform: translateY(0); }
  .wp-fab:focus-visible{ outline: 2px solid rgba(216,190,85,.8); outline-offset: 3px; }

  /* ====== Variante ICON-ONLY (círculo) ======
     Mantiene el mismo gradiente/borde, pero la hacemos redondita y sin texto */
  .wp-fab.wp-fab--icon{
    width: 72px; height: 72px;
    padding: 0;               /* ignorar padding de la versión "píldora" */
    border-radius: 50%;       /* redonda */
  }
  .wp-fab.wp-fab--icon i{
    font-size: 36px; line-height: 0;
  }

  /* ====== Variante con texto (píldora) ======
     Si en algún momento querés usarla con “WhatsApp” */
  .wp-fab.wp-fab--pill{
    gap: .6rem;
  }
  .wp-fab.wp-fab--pill i{ font-size: 1.6rem; }
  .wp-fab.wp-fab--pill span{ font-size: 1.4rem; letter-spacing:.3px; }

  @media (max-width:768px){
    .wp-fab.wp-fab--icon{width: 64px; height: 64px; border-width:3px; }
    .wp-fab.wp-fab--icon i{ font-size: 36px;  }
    
  }
  @media (prefers-reduced-motion: reduce){
    .wp-fab{ animation: none; transition:none; }
  }

.footer-menu .nav-principal ul{
    display: flex;
    flex-direction: row;
    gap: 2rem;
    justify-content: space-around;
}

.footer-menu .nav-principal ul a {
    color: white;
    font-weight: bold;
    transition: all ease .4s;
   
}

.footer-menu .nav-principal ul a:hover{
    color: goldenrod;
}

/* A11y: texto solo lectores */
.sr-only{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); border:0;
}


/* A11y */
.sr-only{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); border:0;
}

/* Estilo base de las redes en el header */
.header .header-nav{ position: relative; }
.header .header-social{
  display:flex; align-items:center; gap:.6rem;
}
.header .header-social .nav-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:50%;
  background:rgba(255,255,255,.06); color:#fff; text-decoration:none;
  transition:transform .2s ease, background .2s ease;
  border: 2px solid #ccb14b;
}
.header .header-social .nav-icon i{ font-size:18px; line-height:0;}
.header .header-social .nav-icon--wa:hover{ background:#25D36633; color:#25D366; transform:translateY(-1px); }
.header .header-social .nav-icon--ig:hover{ background:#E1306C33; color:#E1306C; transform:translateY(-1px); }
.header .header-social .nav-icon--tk:hover{ background:#69C9D033; color:#69C9D0; transform:translateY(-1px); }
.header .header-social .nav-icon--fb:hover{ background:#1877F233; color:#1877F2; transform:translateY(-1px); }

/* < 1112px: por defecto ocultas… */
@media (max-width:1111.98px){
  .header .header-social{ display:none; }
  /* …pero cuando el menú está abierto, se muestran DEBAJO del ul del menú */
  .header-nav.menu-open .header-social{
    display:flex;
    order: 3;                  /* aparece después del nav en el flujo column */
    align-self: stretch;       /* ocupa ancho del menú */
    justify-content:center;
    gap:.8rem;
    padding:.8rem 0;
    transition: all ease .4s;
    
  }
  /* un pelín más grandes en móvil si querés */
  .header-nav.menu-open .header-social .nav-icon{ width: 40px;
        height: 40px;
        border: 2px solid #ccb14b;
     }
  .header-nav.menu-open .header-social .nav-icon i{ font-size:20px; }
}


/* ===== DESKTOP ≥ 1112px ===== */
@media (min-width:1112px){
  /* en desktop distribuimos: logo | (nav centrado) | redes */
  .header .header-nav{
    justify-content: space-between;
    margin: 0 12rem;/* en lugar de space-around */
  }

  .header .nav-principal{ flex:1 1 auto; }          /* deja al nav ocupar el centro */
  .header .enlaces-navegacion{
    display:flex; align-items:center; justify-content:center; gap:2rem;
  }

  /* MUY IMPORTANTE: redes dentro del flujo (no absolute) */
  .header .header-social{
    position: static !important;
    transform: none !important;
    display:flex; align-items:center; gap:.6rem;
    margin-left: 1rem;
  }

  /* iconitos */
  .header .header-social .nav-icon{
    display:inline-flex; align-items:center; justify-content:center;
    width:36px; height:36px; border-radius:50%;
    background:rgba(255,255,255,.06); color:#fff;
    transition:transform .2s ease, background .2s ease;
  }
  .header .header-social .nav-icon i{ font-size:18px; line-height:0; }

  .header .header-social .nav-icon--wa:hover{ background:#25D36633; color:#25D366; transform:translateY(-1px); }
  .header .header-social .nav-icon--ig:hover{ background:#E1306C33; color:#E1306C; transform:translateY(-1px); }
  .header .header-social .nav-icon--tk:hover{ background:#69C9D033; color:#69C9D0; transform:translateY(-1px); }
  .header .header-social .nav-icon--fb:hover{ background:#1877F233; color:#1877F2; transform:translateY(-1px); }
}

body:not(.dark-mode) .bullets-check .tick{
    color: white;
}

/* Precio actual + viejo (tachado visible) en tarjetas de cursos */
.curso__price{
  display:inline-flex;
  align-items:baseline;
  gap:.5rem;
  border: 2px solid #cdb447;
}

.curso__price b{ font-weight:800; }

/* Fuerza la línea en el medio aunque algún reset la haya quitado */
.curso__price s{
  color:#c9d1d9;                  /* tono más claro para el precio viejo */
  position:relative;
  text-decoration:none;           /* ignoramos decoraciones previas */
  display:inline-block;
  padding-inline:1px;             /* evita que la línea quede “corta” */
}
.curso__price s::after{
  content:"";
  position:absolute; left:0; right:0; top:50%;
  height:2px; background:currentColor; transform:translateY(-50%);
  opacity:.9;
}


/* ===== Centrar todo el contenido del bloque “Sobre mí” ===== */
.sobre-mi .sobre-mi-contenido{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;                /* centra títulos y botón */
}

/* Caja de texto centrada y con ancho cómodo */
.sobre-mi .sobre-mi-texto{
  max-width:min(1360px, 92vw);
  margin-inline:auto;
  display:grid;
  justify-items:center;             /* centra todos los hijos (incluye el botón) */
  gap: 0rem;
}

/* Tus párrafos estaban justificados; los centramos */
.sobre-mi .sobre-mi-texto p{
  text-align:center !important;
}

/* Player centrado y con ancho fluido (más chico en pantallas grandes) */
.sobre-mi-player{
  width: clamp(320px, 52vw, 720px); /* min, preferido, máximo */
  margin: 16px auto 24px;
}

/* En móviles mantené el margen y que no quede pegado al botón */
@media (max-width: 640px){
  .sobre-mi-player{ margin: 12px auto 20px; }
}


.sobre-mi-player{
  width: 100%;
  /* en móviles ocupa todo el ancho */
  max-width: 100%;
  margin: 16px auto 24px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(0,0,0,.18);
  background: #000;
  aspect-ratio: 16 / 9;
}
.sobre-mi-player video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ——— Pantallas grandes: ir achicando ——— */
@media (min-width: 1280px){
  .sobre-mi-player{ max-width: 1080px; }   /* 27" se ve más compacto */
}
@media (min-width: 1440px){
  .sobre-mi-player{ max-width: 1080px; }
}
@media (min-width: 1680px){
  .sobre-mi-player{ max-width: 1080px; }
}
@media (min-width: 1920px){
  .sobre-mi-player{ max-width: 1080px; }   /* Full HD desktop */
}

/* En móviles, que no quede pegado al botón */
@media (max-width: 640px){
  .sobre-mi-player{ margin: 12px auto 20px; }
}

    .header2{background:transparent;width:100%;display:flex;justify-content:center;align-items:center;min-height:80px}
    .header-nav-2{display:flex;justify-content:center;align-items:center;width:100%}
    .logo img{display:block;max-width:250px;height:auto}
    .footer2{align-items:center;background-color:transparent;border-radius:0 0 13px 13px;display:flex;flex-direction:column;justify-content:center;padding:6rem 0}
    .footer2 a img{width:200px}
    .footer2 p{color:#daa520;font-size:1.4rem;text-align:center}
    .footer2 p a{color:#e4e4e4}

    .detalle-wrap{max-width:1200px;margin:22px auto}
    .detalle-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}
    @media (max-width:980px){.detalle-grid{grid-template-columns:1fr}}
    .card{background:#1f1f1f;border-radius:16px;padding:16px;color:#e9edf1}
    .mut{opacity:.85}
    .price{font-size:22px;font-weight:700}
    .ok{background:#12331f;border:1px solid #1e6d39;color:#b9f7cc;padding:10px;border-radius:10px;margin-bottom:10px}
    .err{background:#371717;border:1px solid #6d1e1e;color:#ffb6b6;padding:10px;border-radius:10px;margin-bottom:10px}
    input,textarea,select{width:100%;padding:10px;border-radius:12px;border:1px solid #2a3042;background:white;color:#1f1f1f;font-weight:bold}
    label{font-size:12px;opacity:.85}
    .btn{display:inline-block;background:linear-gradient(135deg, #f3af49, #edde29);color:#061221;padding:15px 14px;border-radius:12px;text-decoration:none;font-weight:700;border:0;cursor:pointer}
    .btn.out{background:#242b3b;color:#e9edf1}
    .volver{display:inline-flex;gap:8px;align-items:center;font-weight:600;color:goldenrod}
    .aside-sticky{position:sticky;top:24px;height:fit-content}
    @media (max-width:980px){ .aside-sticky{position:static} }

    /* Listado del pack dentro del main */
    .pack-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:10px}
    .pack-item{display:grid;grid-template-columns:92px 1fr auto;gap:10px;align-items:center;background:rgba(255,255,255,.02);border:1px solid #2a3042;border-radius:12px;padding:10px}
    .pack-item img{width:92px;height:66px;object-fit:cover;border-radius:8px}
    .pack-title{font-weight:700}
    .pack-price{font-weight:800}
    .badge-promo{display:inline-block;margin-left:8px;background:#c7a663;color:#111;font-weight:800;padding:2px 8px;border-radius:999px;font-size:12px}
    .payment-logos{ margin-top:10px; text-align:center; }
    .payment-logos .cap{
      font-weight:800; text-transform:uppercase; letter-spacing:.06em;
      font-size:.9rem; color:#e9edf1;
    }
    .payment-logos .logos{
      margin-top:8px; display:flex; gap:8px; justify-content:center; flex-wrap:wrap;
    }
    .payment-logos .logo{
      background:#fff; border:1px solid #e5e7eb; border-radius:10px;
      padding:6px 10px; display:inline-flex; align-items:center; justify-content:center;
      box-shadow:0 3px 10px rgba(0,0,0,.18);
      color:#111; font-weight:700;
    }
    .payment-logos .logo img{ height:26px; width:auto; display:block; }
    .payment-logos .logo .fa-cc-paypal{ font-size:26px; color:#003087; }
    .payment-logos .logo .fallback{ display:none; font-weight:700; color:#111; }
    .payment-logos .logo img[hidden] + .fallback{ display:inline-block; }
    
    @media (max-width:560px){
      .payment-logos .logo{ padding:6px 8px; }
      .payment-logos .logo img,
      .payment-logos .logo .fa-cc-paypal{ height:22px; font-size:22px; }
    }
    
    .curso-beneficios{
      margin:22px 0 8px; text-align:center;
      --sp: clamp(10px, 1.8vw, 16px);
      --fs-badge: clamp(14px, 2.2vw, 18px);
      --fs-item: clamp(13px, 1.9vw, 16px);
      --fs-foot: clamp(12px, 1.6vw, 14px);
      --icon: clamp(20px, 4.5vw, 28px);
    }
    .curso-beneficios .badge{
      font-weight:800; letter-spacing:.06em; text-transform:uppercase;
      margin-bottom:12px; color:#e9edf1; font-size:var(--fs-badge);
    }
    .curso-beneficios .pill{
      background:#fff; color:#111; border-radius:14px;
      padding: 1rem; box-shadow:0 6px 18px rgba(0,0,0,.25);
      display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--sp);
    }
    .curso-beneficios .item{
      display:flex; align-items:center; justify-content:center; gap:.65rem;
      min-height:54px; padding:4px 6px;
    }
    .curso-beneficios .item i{font-size:var(--icon); color:#daa520}
    .curso-beneficios .item b{display:block; font-size:var(--fs-item); line-height:1}
    .curso-beneficios .item span{display:block; font-weight:800; font-size:var(--fs-item); line-height:1}
    .curso-beneficios .foot{margin-top:10px; color:#e9edf1; font-size:var(--fs-foot)}
    .curso-beneficios .foot b{display:block; font-weight:800}
    
    /* Separadores solo desktop */
    @media (min-width:901px){
      .curso-beneficios .item:not(:last-child){border-right:1px solid #e5e7eb}
    }
    /* Tablets y móviles: 1 columna */
    @media (max-width:900px){
      .curso-beneficios .pill{grid-template-columns:1fr}
    }
    @media (max-width:560px){
      .curso-beneficios .pill{grid-template-columns:1fr}
      .curso-beneficios .item:not(:last-child){
        border-right:0; border-bottom:1px solid #e5e7eb; padding-bottom:8px;
      }
    }
 .cursos {
  background-color: rgba(31,31,31,.69);
  padding-block: 4rem;
  width: 100%;
}
 
.cursos h2 {
  --grad: linear-gradient(90deg,#796704,#ffd900,#9b8716,#c9b500,#a08800,#ddc135);
  -webkit-text-fill-color: transparent;
  animation: tituloGradient 30s ease-in-out infinite;
  background: var(--grad);
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 400% 100%;
  color: transparent;
  font-size: 5rem;
  font-weight: 800;
  letter-spacing: .5px;
  margin: 0 auto;
  padding-block: 3rem 4rem;
  text-align: center;
}
 
/* ── Card ── */
.curso {
  --radius: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 auto 2.4rem;
  max-width: 1240px;
  width: calc(100% - 4rem);
  overflow: hidden;
  border-radius: var(--radius);
  background: #fff;
  box-shadow: 0 8px 40px rgba(0,0,0,.18), 0 2px 8px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease;
}
 
.curso:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 60px rgba(0,0,0,.22), 0 4px 12px rgba(0,0,0,.1);
}
 
/* ── Media / imagen ── */
.curso__media {
  position: relative;
  overflow: hidden;
  min-height: 520px;
}
 
.curso__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--img-pos, 50% 25%);
  display: block;
  transition: transform .5s ease;
}
 
.curso:hover .curso__media img {
  transform: scale(1.03);
}
 
/* Overlay degradado inferior */
.curso__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,.08) 0%,
    rgba(0,0,0,.0)  35%,
    rgba(0,0,0,.55) 80%,
    rgba(0,0,0,.75) 100%
  );
  pointer-events: none;
}
 
/* Badge precio */
.curso__price {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: baseline;
  gap: .45rem;
  background: rgba(5,5,5,.78);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 2px solid #cdb447;
  border-radius: 999px;
  padding: .55rem 1.2rem;
  font-size: 1.35rem;
  font-weight: 600;
  color: #e4e4e4;
}
 
.curso__price b {
  color: #ffd54f;
  font-weight: 800;
}
 
.curso__price s {
  position: relative;
  text-decoration: none;
  color: #aaa;
  font-size: 1.15rem;
}
 
.curso__price s::after {
  content: '';
  position: absolute;
  left: 0; right: 0; top: 50%;
  height: 1.5px;
  background: currentColor;
  transform: translateY(-50%);
}
 
/* Meta inferior */
.curso__meta {
  position: absolute;
  bottom: 14px;
  left: 14px;
  right: 14px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 36px;
  padding: .7rem 1.2rem;
  font-size: 1.3rem;
  font-weight: 600;
  color: #e4e4e4;
}
 
.curso__meta .estrella {
  color: #ffd54f;
}
 
/* ── Body / contenido ── */
.curso__body {
  padding: clamp(2rem, 3vw, 3.2rem);
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 1.4rem;
  background: #fff;
  min-height: 520px;
}
 
.curso__body h3 {
  color: #111;
  font-size: clamp(1.8rem, 2.2vw, 2.2rem);
  font-weight: 800;
  line-height: 1.2;
  margin: 0;
}
 
/* Descripción truncada */
.curso__desc {
  color: #4b5563;
  font-size: 1.4rem;
  line-height: 1.65;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
 
/* Bullets */
.curso__bullets {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .5rem 1.4rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
 
.curso__bullets li {
  position: relative;
  padding-left: 2rem;
  color: #1f2937;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.45;
  font-weight: 700;
}
 
.curso__bullets li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: -8px;
  color: #ccb14b;
  font-weight: 800;
  font-size: 2rem;
}
 
/* CTA */
.curso__cta {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 1.6rem;
  align-self: end;
}
 
.btn-primario {
  background: linear-gradient(135deg, #b59120, #d4a917, #ccb14b);
  color: #fff;
  font-weight: 800;
  font-size: 1.5rem;
  padding: 1rem 2rem;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
  box-shadow: 0 4px 14px rgba(204,177,75,.35);
}
 
.btn-primario:hover {
  transform: translateY(-2px);
  filter: brightness(1.07);
  box-shadow: 0 8px 22px rgba(204,177,75,.45);
}
 
.btn-primario:active { transform: translateY(0); }
 
.btn-secundario {
  background: transparent;
  color: #374151;
  font-weight: 700;
  font-size: 1.5rem;
  padding: .95rem 1.8rem;
  border-radius: 12px;
  border: 2px solid #d1d5db;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}
 
.btn-secundario:hover {
  border-color: #ccb14b;
  color: #9b8716;
  background: rgba(204,177,75,.06);
}
 
/* ── Responsive ── */
@media (max-width: 860px) {
  .curso {
    grid-template-columns: 1fr;
    width: calc(100% - 2rem);
  }
 
  .curso__media {
    min-height: 360px;
    aspect-ratio: 4/3;
    position: relative;
  }
 
  .curso__media img {
    position: absolute;
  }
 
  .curso__bullets {
    grid-template-columns: 1fr;
  }
}
 
@media (max-width: 520px) {
  .cursos h2 { font-size: 3.2rem; }
 
  .curso__media {
    aspect-ratio: 3/2;
    min-height: 200px;
  }
 
  .curso__body {
    padding: 1.6rem;
    gap: 1rem;
  }
 
  .curso__desc {
    -webkit-line-clamp: 4;
  }
 
  .btn-primario,
  .btn-secundario {
    font-size: 1.4rem;
    padding: .9rem 1.6rem;
  }
}


/*# sourceMappingURL=app.css.map */