-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.ccs.html
37 lines (37 loc) · 260 KB
/
style.ccs.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<!-- saved from url=(0055)https://leonidasesteban.com/aprender/desarrollo-web/CSS -->
<html lang="es" class=" "><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"><title>CSS</title><meta name="twitter:card" content="summary_large_image"><meta property="og:type" content="website"><meta property="fb:app_id" content="396291198665148"><meta name="description" content="CSS"><meta property="og:title" content="CSS"><meta property="og:description" content="CSS"><meta property="og:url" content="https://leonidasesteban.com/aprender/undefined/undefined"><meta property="og:image" content="https://i.vimeocdn.com/video/1177474752-66afad9e7e139fc4cd4ea5e5d4051d354f9c6891029cfb3514f4f87e46ee14f2-d_960x540?r=pad"><meta property="og:type" content="website"><meta property="fb:app_id" content="396291198665148"><meta name="twitter:title" content="CSS"><meta name="twitter:description" content="CSS"><meta name="twitter:image:src" content="https://i.vimeocdn.com/video/1177474752-66afad9e7e139fc4cd4ea5e5d4051d354f9c6891029cfb3514f4f87e46ee14f2-d_960x540?r=pad"><meta name="keywords" content="CSS"><meta name="next-head-count" content="17"><meta name="theme-color" content="#dffbff" media="(prefers-color-scheme: light)"><meta name="theme-color" content="#030021" media="(prefers-color-scheme: dark)"><link rel="manifest" href="https://leonidasesteban.com/manifest.json"><link rel="apple-touch-icon" sizes="57x57" href="https://leonidasesteban.com/icons/icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="https://leonidasesteban.com/icons/icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="https://leonidasesteban.com/icons/icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="https://leonidasesteban.com/icons/icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="https://leonidasesteban.com/icons/icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="https://leonidasesteban.com/icons/icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="https://leonidasesteban.com/icons/icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="https://leonidasesteban.com/icons/icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="https://leonidasesteban.com/icons/icon-180x180.png"><link rel="icon" type="image/png" sizes="192x192" href="https://leonidasesteban.com/icons/icon-192x192.png"><link rel="icon" type="image/png" sizes="96x96" href="https://leonidasesteban.com/icons/icon-96x96.png"><script type="text/javascript" async="" src="./style.ccs_files/js"></script><script type="text/javascript" async="" src="./style.ccs_files/analytics.js.download"></script><script type="text/javascript" async="" src="./style.ccs_files/js(1)"></script><script type="text/javascript" async="" src="./style.ccs_files/analytics.js.download"></script><script type="text/javascript" async="" src="./style.ccs_files/js(2)"></script><script src="./style.ccs_files/2751328021636084" async=""></script><script async="" src="./style.ccs_files/fbevents.js.download"></script><script gtm="GTM-M3GT7K3" type="text/javascript" async="" src="./style.ccs_files/optimize.js.download"></script><script async="" src="./style.ccs_files/gtm.js.download"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M3GT7K3');</script><style>.async-hide { opacity: 0 !important}</style><script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);
})(window,document.documentElement,'async-hide','dataLayer',4000,{'GTM-M3GT7K3':true});</script><script>
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
</script><link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""><noscript data-n-css=""></noscript><script defer="" nomodule="" src="./style.ccs_files/polyfills-5cd94c89d3acac5f.js.download"></script><script src="./style.ccs_files/webpack-b841168c661a90d2.js.download" defer=""></script><script src="./style.ccs_files/framework-560765ab0625ba27.js.download" defer=""></script><script src="./style.ccs_files/main-c7974c97aa783e62.js.download" defer=""></script><script src="./style.ccs_files/_app-53d93f0fd4660af0.js.download" defer=""></script><script src="./style.ccs_files/1bfc9850-80c405f632e0825e.js.download" defer=""></script><script src="./style.ccs_files/fec483df-c44a325c6ad1db1d.js.download" defer=""></script><script src="./style.ccs_files/252f366e-f68304f08770296d.js.download" defer=""></script><script src="./style.ccs_files/3360-162c6b8e456867ce.js.download" defer=""></script><script src="./style.ccs_files/5675-dbb16838d2c5a28f.js.download" defer=""></script><script src="./style.ccs_files/9028-04830e5f7087969e.js.download" defer=""></script><script src="./style.ccs_files/9850-4965908e1d4db92e.js.download" defer=""></script><script src="./style.ccs_files/7152-ce053ebd16778f42.js.download" defer=""></script><script src="./style.ccs_files/8635-ff4b9d79c94b8ced.js.download" defer=""></script><script src="./style.ccs_files/2205-9a6ec798a9cb04b6.js.download" defer=""></script><script src="./style.ccs_files/2298-cff33e48b15ce09f.js.download" defer=""></script><script src="./style.ccs_files/7546-05eb124f9f3b96a9.js.download" defer=""></script><script src="./style.ccs_files/2042-7ab8f26fc0432474.js.download" defer=""></script><script src="./style.ccs_files/3284-c81e1e86aab2ad5d.js.download" defer=""></script><script src="./style.ccs_files/aprender-dc159d5e544fd22b.js.download" defer=""></script><script src="./style.ccs_files/_buildManifest.js.download" defer=""></script><script src="./style.ccs_files/_ssgManifest.js.download" defer=""></script><script src="./style.ccs_files/_middlewareManifest.js.download" defer=""></script><style id="jss-server-side">.jss1 {
font-size: 1rem;
margin-bottom: 1rem;
}</style><style data-styled="active" data-styled-version="5.0.0"></style><style data-href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap">@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXw.woff) format('woff')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXw.woff) format('woff')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXw.woff) format('woff')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXw.woff) format('woff')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style><style data-href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,500;1,400&display=swap">@font-face{font-family:'Rubik';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tdE0Uz.woff) format('woff')}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1Uw.woff) format('woff')}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-NYi1Uw.woff) format('woff')}@font-face{font-family:'Rubik';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tdE3U6f4TnlY1PK6ycZg.woff) format('woff');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Rubik';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tdE3Uzf4TnlY1PK6ycZg.woff) format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Rubik';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tdE3U1f4TnlY1PK6ycZg.woff) format('woff');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tdE3U5f4TnlY1PK6ycZg.woff) format('woff');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Rubik';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tdE3U3f4TnlY1PK6w.woff) format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v21/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style><link as="script" rel="prefetch" href="./style.ccs_files/3918-e39c5c60f6a5db62.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/8829-6779e5cb3b23012c.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/8384-1540dab6038be4e1.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/8905-87b465e458e3e78f.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/2231-adf72d502a042277.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/8043-816bbc50bdfceab7.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/6906-f9cf90e9c0ecf9a1.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/5183-4d78870504e645ac.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/index-0cf8083dc07b2ef1.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/4266-4cee3fa6c83644cf.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/586-8b99229e02a3e1bf.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/todos-88d1cb0bbee42d48.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/9f96d65d-e36f47b36ecca255.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/3219-f233f5d67044ad49.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/9414-181b8f5a6e147406.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/blog-fb038208e92492b1.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/d7eeaac4-f8d780e647ed96e3.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/95b64a6e-ce367865cf971cec.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/6791-907da883701d1235.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/3349-b8d4b1df5264228a.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/[slug]-9e733afba925f470.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/78e521c3-e58cb00f0856853e.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/2343-4566d05ae8c0fe10.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/6854-8c0da4ecdecb9681.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/[lesson_slug]-11d3d9ab5f96e0f0.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/b98bc7c3-828895e959da76f6.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/9241-ff6a3ea7a02d6e66.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/login-76ce58a73f901a17.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/1110-21c140867133740c.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/6143-d1c92f17ad4f7b10.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/5511-2e434894c1990f9c.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/[variant]-981a25b6fd424b8c.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/1618-a7263fff307bb668.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/9270-665416f94cdf8d52.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/8922-b6141a859e77541e.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/estudiante-414ed1c0eff425a1.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/1a48c3c1-6f7e40a069414955.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/5732-b94e81adab2ab1a3.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/portafolio-74dafdfba014c660.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/7078-89ec2975dd812c65.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/[course]-58c2fad253506519.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/7336-e8b0ce8b5b00e1be.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/estudiantes-27f7620555d999f6.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/4500-637cb2176db582d7.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/[project]-49f941a65d232573.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/terminos-ccc210647557e4d3.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/843-0837b94162f45405.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/opiniones-8912d58afcf4ebb3.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/becas-624653e57fc3c1ec.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/cursos-5439ba9c997422b3.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/[variant]-c826e434aa73e0bc.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/6987-3a1f478b3348d249.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/7287-a0e8122d42a0c19e.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/1876-d5dcededc6990b0c.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/mensual-2dc0c1c5c57a8a63.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/anual-5beb845e13674d49.js.download"><script src="./style.ccs_files/v3"></script><link as="script" rel="prefetch" href="./style.ccs_files/favoritos-888daa7f57544fce.js.download"><link as="script" rel="prefetch" href="./style.ccs_files/[course]-3d6ecf79d8049988.js.download"><style data-jss="" data-meta="makeStyles">
.jss8 {
font-size: 1rem;
margin-bottom: 1rem;
}
</style></head><body style=""><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M3GT7K3" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next" data-reactroot="" class="isLoaded"><div class="navigation__MobileCountDownbar-sc-15y3sjg-1 czxraM"></div><div class="navigation__NavigationStyled-sc-15y3sjg-0 XpsOG"><div class="count-down-bar" id="countdown-bar"></div><div class="navigation"><a id="h-home" class="logo" href="https://leonidasesteban.com/"><img width="53.84" height="40" src="./style.ccs_files/icon-105x78.png" class="logo" alt="El logotipo de la plataforma, un cohete formado por dos triangulos de diamante"></a><input class="checkbox" type="checkbox" id="toogle-button" name="active"><label for="toogle-button" class="toogle-button"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="open" color="var(--secondary)" height="30" width="30" xmlns="http://www.w3.org/2000/svg" style="color: var(--secondary);"><path fill="none" d="M0 0h24v24H0z"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="close" color="var(--secondary)" height="30" width="30" xmlns="http://www.w3.org/2000/svg" style="color: var(--secondary);"><path fill="none" d="M0 0h24v24H0z"></path><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></label><div class="menu__MenuStyled-sc-12h5hfi-0 dTFAMI"><div class="menu-sections"><details class="menu-section__MenuSectionStyled-rpide8-0 iuRmAP"><summary><a class="menu-item" id="h-cursos" href="https://leonidasesteban.com/aprender">Cursos</a><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" color="inherit" height="14px" width="14px" xmlns="http://www.w3.org/2000/svg" style="color: inherit;"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></summary><ul class="menu-options"><li class="option"><a class="option-container" id="h-learning-path" href="https://leonidasesteban.com/aprender"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/book-open.png" alt="Plan de estudios"></div><div><p class="option-title">Plan de estudios</p><p class="option-subtitle">Accede al plan de estudios completo.</p></div></a></li><li class="option"><a class="option-container" id="h-course-desarrollo-web" href="https://leonidasesteban.com/cursos/desarrollo-web"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/crecimiento.png" alt="Curso de introducción al desarrollo web"></div><div><p class="option-title">Curso de introducción al desarrollo web</p><p class="option-subtitle">Descubre tu pasión por la programación...</p></div></a></li><li class="option"><a class="option-container" id="h-course-html-y-css" href="https://leonidasesteban.com/cursos/html-css-fundamentos"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/escencia.png" alt="Curso esencial de HTML y CSS"></div><div><p class="option-title">Curso esencial de HTML y CSS</p><p class="option-subtitle">Tu camino como Software Developer empieza...</p></div></a></li><li class="option"><a class="option-container" id="h-course-flexbox-componentes" href="https://leonidasesteban.com/cursos/flexbox-componentes"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/futuro.png" alt="Curso de Flexbox Layout y Componentes"></div><div><p class="option-title">Curso de Flexbox Layout y Componentes</p><p class="option-subtitle">Aprende Flexbox, accesibilidad y estrategias...</p></div></a></li><li class="option"><a class="option-container" id="h-course-css-grid-layout-interfaces" href="https://leonidasesteban.com/cursos/css-grid-layout-interfaces"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/llama.png" alt="Curso de CSS Grid Layout e Interfaces"></div><div><p class="option-title">Curso de CSS Grid Layout e Interfaces</p><p class="option-subtitle">Aprende a implementar diseños complejos...</p></div></a></li><li class="option"><a class="option-container" id="h-course-javascript-escencial" href="https://leonidasesteban.com/cursos/javascript"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/empatia.png" alt="Curso esencial de JavaScript y el DOM"></div><div><p class="option-title">Curso esencial de JavaScript y el DOM</p><p class="option-subtitle">Aprende las bases del lenguaje de programa...</p></div></a></li><li class="option"><a class="option-container" id="h-course-javascript-avanzado" href="https://leonidasesteban.com/cursos/javascript-react"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/no-te-rindas.png" alt="Curso de JavaScript para React"></div><div><p class="option-title">Curso de JavaScript para React</p><p class="option-subtitle">Crea tu propio React utilizando JavaScript</p></div></a></li><li class="option"><a class="option-container" id="h-course-react" href="https://leonidasesteban.com/cursos/react"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/sincronia.png" alt="Curso de React"></div><div><p class="option-title">Curso de React</p><p class="option-subtitle">Aprende la libreria mas famosa de internet</p></div></a></li><li class="option"><a class="option-container" id="h-courses" href="https://leonidasesteban.com/cursos"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/screen.png" alt="Todos los cursos"></div><div><p class="option-title">Todos los cursos</p><p class="option-subtitle">Accede a la lista de cursos de manera ordenada.</p></div></a></li></ul></details><details class="menu-section__MenuSectionStyled-rpide8-0 iuRmAP"><summary><a class="menu-item" id="h-projects" href="https://leonidasesteban.com/proyectos/todos">Proyectos</a><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" color="inherit" height="14px" width="14px" xmlns="http://www.w3.org/2000/svg" style="color: inherit;"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></summary><ul class="menu-options"><li class="option"><a class="option-container" id="h-all-projects" href="https://leonidasesteban.com/proyectos/todos"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/box.png" alt="Todos los proyectos"></div><div><p class="option-title">Todos los proyectos</p><p class="option-subtitle">Accede a gran cantidad de proyectos.</p></div></a></li><li class="option"><a class="option-container" id="h-students" href="https://leonidasesteban.com/proyectos/estudiantes"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/users.png" alt="Proyectos de los estudiantes"></div><div><p class="option-title">Proyectos de los estudiantes</p><p class="option-subtitle">Mira como los estudiantes resulven proyectos.</p></div></a></li><li class="option"><a class="option-container" id="h-outstanding" href="https://leonidasesteban.com/proyectos/estudiantes?type=outstanding"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/badge.png" alt="Estudiantes destacados"></div><div><p class="option-title">Estudiantes destacados</p><p class="option-subtitle">El podio de los estudiantes refleja su esfuerzo.</p></div></a></li></ul></details><details class="menu-section__MenuSectionStyled-rpide8-0 iuRmAP"><summary><a class="menu-item" id="h-comunidad" href="https://leonidasesteban.com/blog">Comunidad</a><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" color="inherit" height="14px" width="14px" xmlns="http://www.w3.org/2000/svg" style="color: inherit;"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></summary><ul class="menu-options"><li class="option"><a class="option-container" id="h-blog" href="https://leonidasesteban.com/blog"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/blog.png" alt="Blog"></div><div><p class="option-title">Blog</p><p class="option-subtitle">Leer los artículos más destacados.</p></div></a></li><li class="option"><a class="option-container" id="h-opiniones" href="https://leonidasesteban.com/opiniones"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/message.png" alt="Opiniones de los estudiantes"></div><div><p class="option-title">Opiniones de los estudiantes</p><p class="option-subtitle">Mira lo que los estudiantes piensan de nosotros.</p></div></a></li><li class="option"><a class="option-container" id="h-certificates" href="https://leonidasesteban.com/certificados"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/file.png" alt="Certificados"></div><div><p class="option-title">Certificados</p><p class="option-subtitle">Recibe certificados de tus cursos aprobados.</p></div></a></li><li class="option"><a class="option-container" id="h-scholarships" href="https://leonidasesteban.com/becas"><div class="option-icon"><img width="32" height="32" src="./style.ccs_files/money.png" alt="Becas"></div><div><p class="option-title">Becas</p><p class="option-subtitle">Descubre la manera de obtener una beca.</p></div></a></li></ul></details><div class="menu-section__MenuSectionStyled-rpide8-0 iuRmAP"><a class="menu-item single-link" id="h-precios" href="https://leonidasesteban.com/precios">Precios</a></div><div class="menu-section__MenuSectionStyled-rpide8-0 iuRmAP"><a class="menu-item single-link" id="h-contacto" href="https://leonidasesteban.com/blog/contacto">Contacto</a></div><div class="menu-section__MenuSectionStyled-rpide8-0 goYosV"><a class="menu-item single-link" id="h-mentoria" href="https://www.patreon.com/LeonidasEsteban"><span class="important"></span>Mentoría</a></div></div></div><div class="user"><div class="user-session__UserStyled-sc-14ieax6-0 foBbhR"><input type="checkbox" id="logout" class="logout-check"><label class="profile" for="logout" data-cy="profile"><img src="./style.ccs_files/anon.png" alt="Pedro" width="32" height="32"><svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M2.42969 0.5L0.929688 2L7 8.07031L13.0703 2L11.5703 0.5L7 5.07031L2.42969 0.5Z" fill="var(--secondary)"></path></svg></label><nav class="user-menu" aria-label="Menú del usuario"><ul><li><a class="menu-item no-m" id="h-profile" href="https://leonidasesteban.com/estudiante"><img width="32" height="32" src="./style.ccs_files/profile.png" alt="Perfil"><div><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 YuNlY menu-title">Mi Perfil</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 faNKKE">Accede y adminsitra tus datos.</p></div></a></li><li><a class="menu-item" id="h-portfolio" href="https://leonidasesteban.com/estudiante#certificados"><img width="32" height="32" src="./style.ccs_files/badge.png" alt="Certificados Icon"><div><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 YuNlY menu-title">Mis certificados</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 faNKKE">Añade tus certificados a Linkedin.</p></div></a></li><li><a class="menu-item" id="h-portfolio" href="https://leonidasesteban.com/estudiante/portafolio"><img width="32" height="32" src="./style.ccs_files/file.png" alt="Certificados Icon"><div><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 YuNlY menu-title">Mi portafolio</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 faNKKE">Administra tu portafolio.</p></div></a></li><div stroke="1" color="var(--neutral70)" opacity="0.16" class="divider__DividerStyled-sc-1xmwlo3-0 kVxlOA"></div><li class="menu-item no-m close-session"><span class="menu-title">Cerrar Sesión</span></li></ul></nav></div></div></div></div><div class="lesson_slug__LessonGrid-sc-1dxm9ar-1 pDeDi"><div class="lesson-content"><div width="767.2000122070312" class="lesson-video-styled__LessonVideoStyled-bcuxgh-0 bXjPgE"><div class="video-observer"></div><div class="video-container video-fixed"><div class="video-fixed-controls"><p><span class="video-fixed-number">4.</span>CSS</p><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc"><img src="./style.ccs_files/external-link.png" width="24" height="24" alt="Icono para volver el video a pantalla completa"></button></div><div class="video-responsive__VideoResponsiveContainer-xnd2n1-0 BmnRT vimeo-container"><iframe title="https://player.vimeo.com/video/569370582?autoplay=true&byline=false&controls=true&title=false&dnt=true&muted=1&pip=1" src="./style.ccs_files/569370582.html" frameborder="0" id="video-player" allowfullscreen="" allow="autoplay; encrypted-media" loading="lazy" data-cy="vimeo-player" data-ready="true"></iframe></div></div></div><div class="lesson-content__LessonContentStyled-faafs5-1 gytbTc"><div class="wrapper"><div class="lesson-info"><h1 id="lesson-title" color="var(--baseNeutral)" class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 lmeZRX"><span class="lesson-number">4.</span>CSS</h1><button class="button__TransparentButton-sc-36yr1s-6 lesson-content__OpenLessons-faafs5-0 fBQgfk"><svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M2.42969 0.5L0.929688 2L7 8.07031L13.0703 2L11.5703 0.5L7 5.07031L2.42969 0.5Z" fill="var(--secondary)"></path></svg></button><div class="class-navigation__ClassNavigationStyled-sc-56kvyz-0 hLiCfQ"><a class="prev" data-cy="prev-lesson" href="https://leonidasesteban.com/aprender/desarrollo-web/html"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"></path></svg> Anterior</a><a class="next" data-cy="next-lesson" href="https://leonidasesteban.com/aprender/desarrollo-web/javascript">Siguiente <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"></path></svg></a></div><div class="class-features__ClassFeaturesStyled-vqmsnf-0 bDzVoD"><div class="favorite"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icons__Svg-sc-1tw18hn-0 donAxU"><path d="M12.517 17.0209L12.0003 16.709L11.4835 17.0209L6.68166 19.9191L7.95611 14.4572L8.09327 13.8694L7.63703 13.4742L3.39354 9.79812L8.97877 9.32442L9.57965 9.27346L9.81498 8.71825L12.0003 3.56248L14.1856 8.71825L14.4209 9.27346L15.0218 9.32442L20.607 9.79812L16.3635 13.4742L15.9073 13.8694L16.0444 14.4572L17.3189 19.9191L12.517 17.0209Z" stroke="var(--neutralText)" stroke-width="2"></path></svg></button><div class="tooltip-favorite">Marcar como favorita</div></div><div class="share__ShareStyled-sc-15enj5c-0 cgnFSw"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--neutralText)" height="24" width="24" xmlns="http://www.w3.org/2000/svg" style="color: var(--neutralText);"><path d="M383.822 344.427c-16.045 0-31.024 5.326-41.721 15.979l-152.957-88.42c1.071-5.328 2.142-9.593 2.142-14.919 0-5.328-1.071-9.593-2.142-14.919l150.826-87.35c11.762 10.653 26.741 17.041 43.852 17.041 35.295 0 64.178-28.766 64.178-63.92C448 72.767 419.117 44 383.822 44c-35.297 0-64.179 28.767-64.179 63.92 0 5.327 1.065 9.593 2.142 14.919l-150.821 87.35c-11.767-10.654-26.741-17.041-43.856-17.041-35.296 0-63.108 28.766-63.108 63.92 0 35.153 28.877 63.92 64.178 63.92 17.115 0 32.089-6.389 43.856-17.042l151.891 88.421c-1.076 4.255-2.141 8.521-2.141 13.847 0 34.094 27.806 61.787 62.037 61.787 34.229 0 62.036-27.693 62.036-61.787.001-34.094-27.805-61.787-62.035-61.787z"></path></svg></button><span class="clipboard">Copiado al clipboard</span><span class="share">Compartir</span></div></div></div><div class="class-description__DescriptionStyles-ormxrl-0 edofEo"><div class="content" id="class-content"><p class="paragraph__P-sc-1qajnsf-0 tniM jss8" color="var(--baseSecondary)">Vamos a dar un super recorrido sobre cómo darle un diseño personalizado a nuestro website.</p><p class="paragraph__P-sc-1qajnsf-0 tniM jss8 link" color="var(--baseSecondary)"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg><a target="”_blank”" rel="noopener noreferrer" href="https://leonidasesteban.com/proyectos/video-player">Proyecto Video Player en Figma</a></p></div><span role="button" class="showMore">MOSTRAR MÁS</span></div></div></div><section role="region" aria-label="Seccion de comentarios" class="comment-section__CommentsSectionStyled-sc-17lusb-1 dqNQkE"><div class="wrapper"><div class="comments-grid"><h2 color="var(--baseNeutral)" class="comment-section__CommentTitle-sc-17lusb-0 iGkiSz">Comentarios</h2><div><div data-cy="comment-form" class="form-styled__FormCommentStyled-sc-1h2orvf-0 bjvvMt"><form disabled="" class="form-styled__FormStyled-sc-1h2orvf-1 oLytA"><figure class="avatar"><img width="40" height="40" src="./style.ccs_files/anon.png" alt="Pedro Santos"></figure><textarea placeholder="Escribe un comentario..." rows="1" autocomplete="off"></textarea><button type="submit" class="submit"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--secondary)" height="25" width="25" xmlns="http://www.w3.org/2000/svg" style="color: var(--secondary);"><path d="M48 448l416-192L48 64v149.333L346 256 48 298.667z"></path></svg></button></form><div class="mardown-activated"><span>Markdown activado</span></div></div></div><article data-cy="comment" id="0b47c6be-190f-493c-a3d6-a966c3c015e6" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Diego_Gutiérrez.png" alt="Diego Gutiérrez" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Diego Gutiérrez</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 10 días</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Leonidas cuando comencé tu fuiste uno de los primeros en enseñarme, los primeros videos estaba perdido aunque explicabas bien, obviamente hoy has mejorado un mundo y entiendo completamente lo que haces, simplemente gracias....</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div></div></article><article data-cy="comment" id="e85ca41d-afc7-46a4-8164-190d087c2bca" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="Natalia Rosa Martinez Reyes" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Natalia Rosa Martinez Reyes</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 2 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>no me da para colocarle ninguno no me autocompleta</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div><div class="replies-list__RepliesListStyled-sc-1qtwl4f-0 crdrbs"><article data-cy="comment" id="72227bc4-4a26-4f0c-aeb7-606497187483" class="comment-common-detail__CommentStyled-sc-68ukop-0 bgPKFJ"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Carlos_H_Paredes.png" alt="Carlos Paredes" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Carlos Paredes</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 2 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>¿A qué te refieres específicamente?</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div></div></div></article><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc load-more">Ocultar respuestas<svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M11.5703 7.99414L13.0703 6.49414L7 0.423828L0.929688 6.49414L2.42969 7.99414L7 3.42383L11.5703 7.99414Z" fill="var(--secondary)"></path></svg></button></div></div></article><article data-cy="comment" id="831f5158-13fc-4ad5-b8ee-846deff70be6" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="Natalia Rosa Martinez Reyes" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Natalia Rosa Martinez Reyes</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 2 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>que hago si no me sale el background ?</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div></div></article><article data-cy="comment" id="fc0d96bd-7b07-4eb1-9cfc-9fc1834ce1b0" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="Freivys Paredes" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Freivys Paredes</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 5 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Excelente la forma y manera en que explicas cada parte del curso. Todo queda muy claro. Gracias por compartir tus conocimientos...</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div></div></article><article data-cy="comment" id="eff6d806-2c9e-4456-8591-3c6405ffe8a9" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="isaac cruz herrera" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">isaac cruz herrera</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 7 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>he tratado de encontrar informacion sobre las propiedades inline-size y block-size y la verdad es que sigo sin entender para que son...?? alguien me podria ayudar. de antemano gracias.</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div></div></article><article data-cy="comment" id="29abf7e7-6f32-43d4-84af-a15f6fc9e03b" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="Diana Laura Abriz Juárez" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Diana Laura Abriz Juárez</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 9 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Buenas tardes, tengo una consulta no me salen los botones en rojo, creo que a partir de que haces el <@import ayuda</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div></div></article><article data-cy="comment" id="aa0626f4-7c13-48ff-bdb5-4b7d4c451aac" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="Luis Aprende" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Luis Aprende</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 9 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>tengo una consulta donde puedo conseguir las imagenes de los botones?</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div><div class="replies-list__RepliesListStyled-sc-1qtwl4f-0 crdrbs"><article data-cy="comment" id="017a81c8-dd73-4fb3-a5cf-ecbe04e9ad3f" class="comment-common-detail__CommentStyled-sc-68ukop-0 bgPKFJ"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Leonidas_Esteban.png" alt="Leonidas Esteban" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Leonidas Esteban</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 9 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>En la clase de instalación de software para programar incluimos el figma que es de donde sacamos las imágenes</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div></div></div></article><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc load-more">Ocultar respuestas<svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M11.5703 7.99414L13.0703 6.49414L7 0.423828L0.929688 6.49414L2.42969 7.99414L7 3.42383L11.5703 7.99414Z" fill="var(--secondary)"></path></svg></button></div></div></article><article data-cy="comment" id="51e8307f-e4ee-43b5-b4d9-b0325a0874ff" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Alvaro_Ibañez.png" alt="Alvaro Ibañez" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Alvaro Ibañez</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 9 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Cual es la principal diferencia de inline-size y block-size respecto a las propiedades width y height, creen que tambien se puede trabajar con estas propiedades? se que no se ha visto Grid ni flexbox, pero me resulto interesante porque es la primera vez que uso esas propiedades.</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div><div class="replies-list__RepliesListStyled-sc-1qtwl4f-0 crdrbs"><article data-cy="comment" id="6195e05b-3fe7-473c-901c-4d62856925b3" class="comment-common-detail__CommentStyled-sc-68ukop-0 bgPKFJ"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Leonidas_Esteban.png" alt="Leonidas Esteban" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Leonidas Esteban</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 9 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>En el curso esencial de HTML y CSS hay explicaciones sofisticadas para el tema. La forma sencilla de verlo es que es la manera moderna de usar esa propiedades.</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div></div></div></article><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc load-more">Ocultar respuestas<svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M11.5703 7.99414L13.0703 6.49414L7 0.423828L0.929688 6.49414L2.42969 7.99414L7 3.42383L11.5703 7.99414Z" fill="var(--secondary)"></path></svg></button></div></div></article><article data-cy="comment" id="32cf8c13-07d7-4565-95dd-430b87a69b56" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Ana_María_Zárate_Chavarría_Hgnrt5s.png" alt="Ana María Zárate Chavarría" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Ana María Zárate Chavarría</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 12 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Hola , solo por si a alguien le sirve, de hecho a mi no me funcionaba el video como tú lo pusiste... me funcionó de esta forma :</p>
<p><video id="video" poster="./images/poster.jpg" > <source src="./videos/lofi.mp4" type="video/mp4"> </video></p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><span data-cy="reaction-count">4</span><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div><div class="replies-list__RepliesListStyled-sc-1qtwl4f-0 crdrbs"><article data-cy="comment" id="4bdc0cf8-17d6-4dea-985e-a62a40b90f68" class="comment-common-detail__CommentStyled-sc-68ukop-0 bgPKFJ"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Leonidas_Esteban.png" alt="Leonidas Esteban" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Leonidas Esteban</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 9 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>trucazo!</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div></div></div></article><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc load-more">Ocultar respuestas<svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M11.5703 7.99414L13.0703 6.49414L7 0.423828L0.929688 6.49414L2.42969 7.99414L7 3.42383L11.5703 7.99414Z" fill="var(--secondary)"></path></svg></button></div></div></article><article data-cy="comment" id="befc9ad9-841e-49e4-bae3-5180ce94b300" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="Mario Castro" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Mario Castro</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 12 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Hola una pregunta no trabajas con sass</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div><div class="replies-list__RepliesListStyled-sc-1qtwl4f-0 crdrbs"><article data-cy="comment" id="ed641eff-cc3c-4df1-8f04-021638264a75" class="comment-common-detail__CommentStyled-sc-68ukop-0 bgPKFJ"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Leonidas_Esteban.png" alt="Leonidas Esteban" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Leonidas Esteban</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 12 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Es una forma de, pero para un curso introductorio no me pareció correcto usarlo.</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">4</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div></div></div></article><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc load-more">Ocultar respuestas<svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M11.5703 7.99414L13.0703 6.49414L7 0.423828L0.929688 6.49414L2.42969 7.99414L7 3.42383L11.5703 7.99414Z" fill="var(--secondary)"></path></svg></button></div></div></article><article data-cy="comment" id="79057a13-f6e4-4607-a7cb-6487f1b88cd7" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_David_Styven_Ruiz_Valencia_e8UeXf8.png" alt="David Styven Ruiz Valencia" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">David Styven Ruiz Valencia</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>CSS es lo mejor, pone todo bonito</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">2</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><span data-cy="reaction-count">5</span><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div><div class="replies-list__RepliesListStyled-sc-1qtwl4f-0 crdrbs"><article data-cy="comment" id="c4094e7e-9a91-4562-bd00-aac29e3bda5b" class="comment-common-detail__CommentStyled-sc-68ukop-0 bgPKFJ"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Leonidas_Esteban.png" alt="Leonidas Esteban" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Leonidas Esteban</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 9 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Si que si!!</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div></div></div></article><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc load-more">Ocultar respuestas<svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M11.5703 7.99414L13.0703 6.49414L7 0.423828L0.929688 6.49414L2.42969 7.99414L7 3.42383L11.5703 7.99414Z" fill="var(--secondary)"></path></svg></button></div></div></article><article data-cy="comment" id="4464efc5-e536-4cb3-bc0c-aba0aae5f18e" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_René_Estrada_gejp0N0.png" alt="René Estrada" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">René Estrada</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Excelente, hasta ahora todo bien, un fuerte abrazo estimado Leonidas!</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div><div class="replies-list__RepliesListStyled-sc-1qtwl4f-0 crdrbs"><article data-cy="comment" id="c7a845fb-f7b8-40b5-92c1-12e40b9195bd" class="comment-common-detail__CommentStyled-sc-68ukop-0 bgPKFJ"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Leonidas_Esteban.png" alt="Leonidas Esteban" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Leonidas Esteban</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 9 meses</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Muchas gracias :)</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div></div></div></article><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc load-more">Ocultar respuestas<svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M11.5703 7.99414L13.0703 6.49414L7 0.423828L0.929688 6.49414L2.42969 7.99414L7 3.42383L11.5703 7.99414Z" fill="var(--secondary)"></path></svg></button></div></div></article><article data-cy="comment" id="77c35bfc-3890-46ca-8e27-220c5cacbb8e" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="Fran alancay" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Fran alancay</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Quise poner el color y no pude :c</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div></div></article><article data-cy="comment" id="921895e1-4c78-4e82-84e8-ea8f3495ec0e" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="Brad Miranda" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Brad Miranda</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>hola buenas los botones no me quedaron arriba del video me aparecen al costado no se a que se debe</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div><div class="replies-list__RepliesListStyled-sc-1qtwl4f-0 crdrbs"><article data-cy="comment" id="25d9671f-b961-4ce0-ae9f-a6a337189970" class="comment-common-detail__CommentStyled-sc-68ukop-0 bgPKFJ"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="Jairo Lezama" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Jairo Lezama</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>No te preocupes, todo esta bien solo que Leonidas tiene el navegador en un tamaño menor para explicar y el contenido de la página se ubica de forma que puedas visualizarlo.</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">3</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><span data-cy="reaction-count">2</span><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div></div></div></article><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc load-more">Ocultar respuestas<svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M11.5703 7.99414L13.0703 6.49414L7 0.423828L0.929688 6.49414L2.42969 7.99414L7 3.42383L11.5703 7.99414Z" fill="var(--secondary)"></path></svg></button></div></div></article><article data-cy="comment" id="c89fff60-b695-4aa7-9f82-d2c3795f10ad" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Estefani_CA.png" alt="Estefani CA" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Estefani CA</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Muy buen curso <3</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div></div></article><article data-cy="comment" id="91c48c7c-1ada-4778-bfa3-362443f3de1e" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Estefani_CA.png" alt="Estefani CA" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Estefani CA</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Genial!!</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div></div></article><article data-cy="comment" id="7c3cb787-78db-46b0-924f-d8b094835025" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="Fabrizzio Veliz" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Fabrizzio Veliz</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Muy buen curso, disculpa Leo me eh estancado tratando de que aparezca los iconos incluso trate de remplazarlos por iconos svg propios pero nada no aparecen no encuentro el error que cometí</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div></div></article><article data-cy="comment" id="681092a7-99c4-4789-bf3d-e8621caea974" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="Esteban Cordoba" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Esteban Cordoba</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Muy bueno el curso se puede trabajar sabiendo estas cosas?</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div></div></article><article data-cy="comment" id="6e91371b-57fe-495b-922b-042842ee9db1" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Rosa_Mora.png" alt="Rosa Mora" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Rosa Mora</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Hola! Alguien puede ayudarme a ubicar el archivo de figma? Gracias XD</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div><div class="replies-list__RepliesListStyled-sc-1qtwl4f-0 crdrbs"><article data-cy="comment" id="833f17a3-7dc1-4081-9725-50727323f8a8" class="comment-common-detail__CommentStyled-sc-68ukop-0 bgPKFJ"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Leonidas_Esteban.png" alt="Leonidas Esteban" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Leonidas Esteban</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>https://leonidasesteban.com/proyectos/video-player aquí lo tienes</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div></div></div></article><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc load-more">Ver mas respuestas<svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M2.42969 0.5L0.929688 2L7 8.07031L13.0703 2L11.5703 0.5L7 5.07031L2.42969 0.5Z" fill="var(--secondary)"></path></svg></button></div></div></article><article data-cy="comment" id="0e7a1928-b855-40e7-a6cc-e2316fb02423" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="Henry Richard Flores Bazurto" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Henry Richard Flores Bazurto</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Este video no carga :(</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div><div class="replies-list__RepliesListStyled-sc-1qtwl4f-0 crdrbs"><article data-cy="comment" id="1ad33700-ba3d-4c5c-94bf-cadf17d3e846" class="comment-common-detail__CommentStyled-sc-68ukop-0 bgPKFJ"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/anon.png" alt="Henry Richard Flores Bazurto" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Henry Richard Flores Bazurto</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Si fuerzas el avance unos segundos ya se puede ver :)</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div></div></div></article><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc load-more">Ocultar respuestas<svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M11.5703 7.99414L13.0703 6.49414L7 0.423828L0.929688 6.49414L2.42969 7.99414L7 3.42383L11.5703 7.99414Z" fill="var(--secondary)"></path></svg></button></div></div></article><article data-cy="comment" id="fe2d524c-1447-440f-95dc-86b0a59cbff9" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Diana_Terrazas_Luna.png" alt="Diana Terrazas Luna" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Diana Terrazas Luna</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Aqui practicaré poco a poco a generar mis propias hojas de estilos en CSS</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div></div></article><article data-cy="comment" id="ee718de0-17e2-49ae-a405-c4adb95df6fc" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Koke_Np.png" alt="Koke Np" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Koke Np</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Como me lo estoy pasando!!! Estoy desbloqueando mapa a saco!!</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">4</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div><div class="replies-list__RepliesListStyled-sc-1qtwl4f-0 crdrbs"><article data-cy="comment" id="60d7b76d-996e-49d9-ad6a-30bbe6084e0a" class="comment-common-detail__CommentStyled-sc-68ukop-0 bgPKFJ"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Leonidas_Esteban.png" alt="Leonidas Esteban" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Leonidas Esteban</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>que alegría :)</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div></div></div></article><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc load-more">Ocultar respuestas<svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M11.5703 7.99414L13.0703 6.49414L7 0.423828L0.929688 6.49414L2.42969 7.99414L7 3.42383L11.5703 7.99414Z" fill="var(--secondary)"></path></svg></button></div></div></article><article data-cy="comment" id="28b2ff19-75e3-4e82-a109-e528b711d792" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Diego_Goncalvez_k7xulWv.png" alt="Diego Goncalvez" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Diego Goncalvez</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>me quedaron los botones todos desprolijos no ordenados como a Esteban, no los tengo en la misma linea, alguna ayuda ?</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div><div class="replies-list__RepliesListStyled-sc-1qtwl4f-0 crdrbs"><article data-cy="comment" id="997ac46d-07bc-4142-a6b9-ba232232d3db" class="comment-common-detail__CommentStyled-sc-68ukop-0 bgPKFJ"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Leonidas_Esteban.png" alt="Leonidas Esteban" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Leonidas Esteban</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Verifica que el orden de iconos en html sea el mismo</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div></div></div></article><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc load-more">Ocultar respuestas<svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M11.5703 7.99414L13.0703 6.49414L7 0.423828L0.929688 6.49414L2.42969 7.99414L7 3.42383L11.5703 7.99414Z" fill="var(--secondary)"></path></svg></button></div></div></article><article data-cy="comment" id="ac7973f4-11ee-4ec3-afb9-ee89658d7867" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Diana_Lorena_Herrera_Rodríguez.png" alt="Diana Lorena Herrera Rodríguez" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Diana Lorena Herrera Rodríguez</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Cordial saludo, no me están cargando las imágenes, si le pongo texto en el html se logra ver la imagen y encima el texto, pero si le quito el texto la imagen se va también. ¿A qué se debe esto?</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">2</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div></div></article><article data-cy="comment" id="fa1b87cf-a829-421d-a737-ef0b6315d2d9" class="comment-common-detail__CommentStyled-sc-68ukop-0 fbNKjn"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Rafael_Torres_Moreno_LLQiLbu.png" alt="Rafael Moreno" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Rafael Moreno</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Estuvo algo intenso la parte del video cuando Leonidas comenzó a explayarse en código jajaja. No me quiero imaginar su ritmo de trabajo. La verdad estuve muy metido en el video y observé que Leonidas utilizó tres tipos de selectores: de tipo, de clase y de id. El selector encierra con llaves todas las propiedades y sus valores que debe aplicar a ciertas etiquetas HTML. Además, mostró como importar hojas de estilo dentro de otra hoja.</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><span data-cy="reaction-count">1</span><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div><button font-weight="500" color="var(--secondary)" class="button__PrimaryButton-sc-36yr1s-0 button__TertiaryButton-sc-36yr1s-2 gIqVtW">Responder</button></div><div class="replies-list__RepliesListStyled-sc-1qtwl4f-0 crdrbs"><article data-cy="comment" id="4c74c96d-aa05-4965-8399-e987eef9d6e1" class="comment-common-detail__CommentStyled-sc-68ukop-0 bgPKFJ"><div class="autor-comment__AuthorStyled-sc-1e49luv-0 vfwls"><div class="author"><figure class="author__avatar"><img width="32" height="32" src="./style.ccs_files/avatar_-_Leonidas_Esteban.png" alt="Leonidas Esteban" loading="lazy"></figure><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 bRrUqW author__name" color="var(--baseNeutral)">Leonidas Esteban</p><p class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 ldrtzl author__time">Hace 1 año</p></div><div class="share"><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc share-btn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" color="var(--turquoise)" height="20" width="20" xmlns="http://www.w3.org/2000/svg" style="color: var(--turquoise);"><path d="M280 341.1l-1.2.1c-3.6.4-7 2-9.6 4.5l-64.6 64.6c-13.7 13.7-32 21.2-51.5 21.2s-37.8-7.5-51.5-21.2c-13.7-13.7-21.2-32-21.2-51.5s7.5-37.8 21.2-51.5l68.6-68.6c3.5-3.5 7.3-6.6 11.4-9.3 4.6-3 9.6-5.6 14.8-7.5 4.8-1.8 9.9-3 15-3.7 3.4-.5 6.9-.7 10.2-.7 1.4 0 2.8.1 4.6.2 17.7 1.1 34.4 8.6 46.8 21 7.7 7.7 13.6 17.1 17.1 27.3 2.8 8 11.2 12.5 19.3 10.1.1 0 .2-.1.3-.1.1 0 .2 0 .2-.1 8.1-2.5 12.8-11 10.5-19.1-4.4-15.6-12.2-28.7-24.6-41-15.6-15.6-35.9-25.8-57.6-29.3-1.9-.3-3.8-.6-5.7-.8-3.7-.4-7.4-.6-11.1-.6-2.6 0-5.2.1-7.7.3-5.4.4-10.8 1.2-16.2 2.5-1.1.2-2.1.5-3.2.8-6.7 1.8-13.3 4.2-19.5 7.3-10.3 5.1-19.6 11.7-27.7 19.9l-68.6 68.6C58.9 304.4 48 330.8 48 359c0 28.2 10.9 54.6 30.7 74.4C98.5 453.1 124.9 464 153 464c28.2 0 54.6-10.9 74.4-30.7l65.3-65.3c10.4-10.5 2-28.3-12.7-26.9z"></path><path d="M433.3 78.7C413.5 58.9 387.1 48 359 48s-54.6 10.9-74.4 30.7l-63.7 63.7c-9.7 9.7-3.6 26.3 10.1 27.4 4.7.4 9.3-1.3 12.7-4.6l63.8-63.6c13.7-13.7 32-21.2 51.5-21.2s37.8 7.5 51.5 21.2c13.7 13.7 21.2 32 21.2 51.5s-7.5 37.8-21.2 51.5l-68.6 68.6c-3.5 3.5-7.3 6.6-11.4 9.3-4.6 3-9.6 5.6-14.8 7.5-4.8 1.8-9.9 3-15 3.7-3.4.5-6.9.7-10.2.7-1.4 0-2.9-.1-4.6-.2-17.7-1.1-34.4-8.6-46.8-21-7.3-7.3-12.8-16-16.4-25.5-2.9-7.7-11.1-11.9-19.1-9.8-8.9 2.3-14.1 11.7-11.3 20.5 4.5 14 12.1 25.9 23.7 37.5l.2.2c16.9 16.9 39.4 27.6 63.3 30.1 3.7.4 7.4.6 11.1.6 2.6 0 5.2-.1 7.8-.3 6.5-.5 13-1.6 19.3-3.2 6.7-1.8 13.3-4.2 19.5-7.3 10.3-5.1 19.6-11.7 27.7-19.9l68.6-68.6c19.8-19.8 30.7-46.2 30.7-74.4s-11.1-54.6-30.9-74.4z"></path></svg></button></div><div class="clipboard"><p class="clipboard-text">Url copiada al portapapeles</p></div></div><div class="comment-wrapper"><div class="comment-content-styled__CommentContent-k13m80-0 huwFCn comment-text"><p>Es correcto! Gracias por sumarle más detalles a toda la explicación. Con un poco de práctica todo se agiliza, por eso en la plataforma la incentivamos un montón. 🥳</p></div><div data-cy="reactions-list" class="reactions__ReactionListStyled-qpnbzs-0 fiYEvg"><div data-cy="like" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 lpltNS"><div class="action__container"><div class="reaction step-like"></div><div class="arrow_container"><p class="arrow_box">Like</p></div></div></div><div data-cy="wand" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-wand"></div><div class="arrow_container"><p class="arrow_box">Qué trucazo</p></div></div></div><div data-cy="nogiveup" width="104" class="reaction-styled__ActionStyles-sc-1b2lzdw-0 fjYZId"><div class="action__container"><div class="reaction step-nogiveup"></div><div class="arrow_container"><p class="arrow_box">No te rindas</p></div></div></div></div></div></article><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc load-more">Ocultar respuestas<svg width="14px" height="9px" class="icons__Svg-sc-1tw18hn-0 eoBnVa" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path width="14px" height="9px" d="M11.5703 7.99414L13.0703 6.49414L7 0.423828L0.929688 6.49414L2.42969 7.99414L7 3.42383L11.5703 7.99414Z" fill="var(--secondary)"></path></svg></button></div></div></article></div></div><div class="videospacer"></div></section></div><div class="lessons-full-path-styles__LessonsFullPathStyled-sc-2fndo2-0 hKkPUo"><div class="full-path-wrapper"><div class="show-path"><div class="arrow-container"><svg width="9px" height="14px" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="icons__Svg-sc-1tw18hn-0 iUxABa"><path width="9px" height="14px" d="M8.5 2.42969L7 0.929687L0.929687 7L7 13.0703L8.5 11.5703L3.92969 7L8.5 2.42969Z" fill="var(--white)"></path></svg></div><p class="show-path-text">Ocultar Contenido</p></div><div class="title-full-path"><a href="https://leonidasesteban.com/aprender/desarrollo-web"><img width="30" height="30" src="./style.ccs_files/medalla_del_crecimiento.png" alt="Medalla del crecimiento"><h2 color="var(--baseNeutral)" class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 gIAQFF">Curso de introducción al desarrollo web</h2></a><button class="button__TransparentButton-sc-36yr1s-6 jwQqVc"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" color="var(--secondary)" height="24" width="24" xmlns="http://www.w3.org/2000/svg" style="color: var(--secondary);"><path fill="none" d="M0 0h24v24H0z"></path><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg></button></div><div class="lessons-list"><div class="chapter-path"><div class="chapter-title"><div class="title-dot-container"><div class="title-dot"></div></div><h3 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 brUTdk chapter-title">Bienvenida</h3></div><a class="lessons-full-path-styles__LessonFullPathStyled-sc-2fndo2-1 grqKjf lesson-full-path" data-cy="hola-mundo"><div class="lesson-dot-container"><div class="lesson-dot"><svg height="24" width="24" xml:space="preserve" class="circular-progress__CircularProgressStyled-sc-16er6ih-0 jOxtnI"><circle class="circle-bg" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle><circle class="circle" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle></svg></div><span>1</span></div><div class="lesson-title-container"><h4 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 jRWkRy">¡Hola Mundo!</h4></div></a><a class="lessons-full-path-styles__LessonFullPathStyled-sc-2fndo2-1 grqKjf lesson-full-path" data-cy="software"><div class="lesson-dot-container"><div class="lesson-dot"><svg height="24" width="24" xml:space="preserve" class="circular-progress__CircularProgressStyled-sc-16er6ih-0 jOxtnI"><circle class="circle-bg" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle><circle class="circle" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle></svg></div><span>2</span></div><div class="lesson-title-container"><h4 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 jRWkRy">Instalación de Software para programar</h4></div></a></div><div class="chapter-path"><div class="chapter-title"><div class="title-dot-container"><div class="title-dot"></div></div><h3 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 brUTdk chapter-title">Los lenguajes del navegador</h3></div><a class="lessons-full-path-styles__LessonFullPathStyled-sc-2fndo2-1 grqKjf lesson-full-path" data-cy="html"><div class="lesson-dot-container"><div class="lesson-dot"><svg height="24" width="24" xml:space="preserve" class="circular-progress__CircularProgressStyled-sc-16er6ih-0 jOxtnI"><circle class="circle-bg" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle><circle class="circle" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle></svg></div><span>3</span></div><div class="lesson-title-container"><h4 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 jRWkRy">HTML</h4></div></a><a class="lessons-full-path-styles__LessonFullPathStyled-sc-2fndo2-1 grqKjf lesson-full-path lesson-active" data-cy="CSS"><div class="lesson-dot-container"><div class="lesson-dot"><svg height="24" width="24" xml:space="preserve" class="circular-progress__CircularProgressStyled-sc-16er6ih-0 cesFdP"><circle class="circle-bg" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle><circle class="circle" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle></svg></div><span>4</span></div><div class="lesson-title-container"><h4 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 jRWkRy">CSS</h4></div></a><a class="lessons-full-path-styles__LessonFullPathStyled-sc-2fndo2-1 grqKjf lesson-full-path" data-cy="javascript"><div class="lesson-dot-container"><div class="lesson-dot"><svg height="24" width="24" xml:space="preserve" class="circular-progress__CircularProgressStyled-sc-16er6ih-0 cesFdP"><circle class="circle-bg" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle><circle class="circle" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle></svg></div><span>5</span></div><div class="lesson-title-container"><h4 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 jRWkRy">JavaScript</h4></div></a></div><div class="chapter-path"><div class="chapter-title"><div class="title-dot-container"><div class="title-dot"></div></div><h3 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 brUTdk chapter-title">Proyecto: Reproductor de Video</h3></div><a class="lessons-full-path-styles__LessonFullPathStyled-sc-2fndo2-1 grqKjf lesson-full-path" data-cy="contenedores-en-CSS"><div class="lesson-dot-container"><div class="lesson-dot"><svg height="24" width="24" xml:space="preserve" class="circular-progress__CircularProgressStyled-sc-16er6ih-0 cesFdP"><circle class="circle-bg" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle><circle class="circle" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle></svg></div><span>6</span></div><div class="lesson-title-container"><h4 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 jRWkRy">Contenedores en CSS</h4></div></a><a class="lessons-full-path-styles__LessonFullPathStyled-sc-2fndo2-1 grqKjf lesson-full-path" data-cy="avanzar-y-retroceder-10-segundos"><div class="lesson-dot-container"><div class="lesson-dot"><svg height="24" width="24" xml:space="preserve" class="circular-progress__CircularProgressStyled-sc-16er6ih-0 cesFdP"><circle class="circle-bg" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle><circle class="circle" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle></svg></div><span>7</span></div><div class="lesson-title-container"><h4 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 jRWkRy">Avanzar y retroceder 10 segundos</h4></div></a><a class="lessons-full-path-styles__LessonFullPathStyled-sc-2fndo2-1 grqKjf lesson-full-path" data-cy="estilizando-el-reproductor"><div class="lesson-dot-container"><div class="lesson-dot"><svg height="24" width="24" xml:space="preserve" class="circular-progress__CircularProgressStyled-sc-16er6ih-0 cesFdP"><circle class="circle-bg" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle><circle class="circle" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle></svg></div><span>8</span></div><div class="lesson-title-container"><h4 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 jRWkRy">Estilizando el reproductor</h4></div></a><a class="lessons-full-path-styles__LessonFullPathStyled-sc-2fndo2-1 grqKjf lesson-full-path" data-cy="progreso-del-reproductor"><div class="lesson-dot-container"><div class="lesson-dot"><svg height="24" width="24" xml:space="preserve" class="circular-progress__CircularProgressStyled-sc-16er6ih-0 cesFdP"><circle class="circle-bg" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle><circle class="circle" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle></svg></div><span>9</span></div><div class="lesson-title-container"><h4 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 jRWkRy">Progreso del reproductor</h4></div></a><a class="lessons-full-path-styles__LessonFullPathStyled-sc-2fndo2-1 grqKjf lesson-full-path" data-cy="muestra-controles-de-reproduccion-condicionalmente"><div class="lesson-dot-container"><div class="lesson-dot"><svg height="24" width="24" xml:space="preserve" class="circular-progress__CircularProgressStyled-sc-16er6ih-0 cesFdP"><circle class="circle-bg" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle><circle class="circle" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle></svg></div><span>10</span></div><div class="lesson-title-container"><h4 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 jRWkRy">Muestra controles de reproducción condicionalmente</h4></div></a><a class="lessons-full-path-styles__LessonFullPathStyled-sc-2fndo2-1 grqKjf lesson-full-path" data-cy="sube-tu-proyecto-a-Internet"><div class="lesson-dot-container"><div class="lesson-dot"><svg height="24" width="24" xml:space="preserve" class="circular-progress__CircularProgressStyled-sc-16er6ih-0 cesFdP"><circle class="circle-bg" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle><circle class="circle" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle></svg></div><span>11</span></div><div class="lesson-title-container"><h4 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 jRWkRy">Sube tu proyecto a Internet</h4></div></a><a class="lessons-full-path-styles__LessonFullPathStyled-sc-2fndo2-1 grqKjf lesson-full-path" data-cy="que-sigue"><div class="lesson-dot-container"><div class="lesson-dot"><svg height="24" width="24" xml:space="preserve" class="circular-progress__CircularProgressStyled-sc-16er6ih-0 cesFdP"><circle class="circle-bg" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle><circle class="circle" cx="12" cy="12" r="12" transform="rotate(270 12 12)"></circle></svg></div><span>12</span></div><div class="lesson-title-container"><h4 class="typography__TypographyStyled-zzklvh-0 typography__DesignSystemStyled-zzklvh-6 jRWkRy">¿Qué sigue?</h4></div></a></div></div></div></div></div><div class="lesson_slug__PrefetchReactions-sc-1dxm9ar-0 fspEQg"></div><div id="page-portal"><div id="overlay" class="Overlay__OverlayStyled-ammyda-0 xsOLP"></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"dehydratedState":{"mutations":[],"queries":[{"state":{"data":[{"uuid":"656d5ddd-7c54-4f73-9f8b-14d2af1c8d12","title":"Bienvenida","slug":"bienvenida","lessons":[{"uuid":"030bfd01-7f60-4b28-977e-6ab5699037c1","title":"¡Hola Mundo!","slug":"hola-mundo","content":{"time":1625003919577,"blocks":[{"data":{"text":"Con un “hola mundo!” han iniciado grandes carreras, hoy es la tuya."},"type":"paragraph"}],"version":"2.19.3"},"thumbnails":[{"link":"https://i.vimeocdn.com/video/1185290720-6ac9c284aa0c7532fd8572852937b32f1b535e9ede4775482ce077e16e72ca44-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1185290720-6ac9c284aa0c7532fd8572852937b32f1b535e9ede4775482ce077e16e72ca44-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1185290720-6ac9c284aa0c7532fd8572852937b32f1b535e9ede4775482ce077e16e72ca44-d_1920x1080?r=pad","width":1920,"height":1080}],"total_duration":166,"completed":false,"has_access":false,"is_public":false,"video":null},{"uuid":"2d3b7c9c-567a-4e03-bb62-f5166b50fc14","title":"Instalación de Software para programar","slug":"software","content":{"time":1632785710149,"blocks":[{"data":{"text":"Solo necesitamos Chrome y Visual Studio Code para ponernos a programar, descargar assets desde Github"},"type":"paragraph"},{"data":{"text":"\u003ca href=\"https://www.google.com/intl/es/chrome/\"\u003eChrome\u003c/a\u003e"},"type":"paragraph"},{"data":{"text":"\u003ca href=\"https://www.figma.com/downloads/\"\u003eFigma\u003c/a\u003e\u0026nbsp;"},"type":"paragraph"},{"data":{"text":"\u003ca href=\"https://code.visualstudio.com/\"\u003eVisual Studio Code\u0026nbsp;\u003c/a\u003e"},"type":"paragraph"},{"data":{"text":"\u003ca href=\"https://github.com/LeonidasEsteban/simple-video-player/raw/master/assets.zip\"\u003eassets\u003c/a\u003e\u0026nbsp;"},"type":"paragraph"},{"data":{"text":"\u003ca href=\"https://leonidasesteban.com/proyectos/video-player\"\u003eProyecto Video Player en Figma\u003c/a\u003e"},"type":"paragraph"}],"version":"2.19.3"},"thumbnails":[{"link":"https://i.vimeocdn.com/video/1176933790-b09f1a839471087ec6b62d8120e272113382dfa8231df679992107492eebd905-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1176933790-b09f1a839471087ec6b62d8120e272113382dfa8231df679992107492eebd905-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1176933790-b09f1a839471087ec6b62d8120e272113382dfa8231df679992107492eebd905-d_1920x1080?r=pad","width":1920,"height":1080}],"total_duration":411,"completed":false,"has_access":false,"is_public":false,"video":null}]},{"uuid":"95ac7303-5d7a-4492-8b50-11a3d3916487","title":"Los lenguajes del navegador","slug":"los-lenguajes-del-navegador","lessons":[{"uuid":"10381308-d032-4de1-ab86-1b1aa1cf2acf","title":"HTML","slug":"html","content":{"time":1658258323148,"blocks":[{"data":{"text":"Esta es solo una pequeña introducción al mundo de la estructura y semántica web.\u003cbr\u003e"},"type":"paragraph"}],"version":"2.19.3"},"thumbnails":[{"link":"https://i.vimeocdn.com/video/1177473003-6e55f27ae840d9247fd6b5bdfc9da7ece2f414a662787a21af764ec3e19d3f32-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1177473003-6e55f27ae840d9247fd6b5bdfc9da7ece2f414a662787a21af764ec3e19d3f32-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1177473003-6e55f27ae840d9247fd6b5bdfc9da7ece2f414a662787a21af764ec3e19d3f32-d_1920x1080?r=pad","width":1920,"height":1080}],"total_duration":892,"completed":false,"has_access":false,"is_public":false,"video":null},{"uuid":"c569b7cb-10b9-461f-8261-11d33f8efedb","title":"CSS","slug":"CSS","content":{"time":1628799550331,"blocks":[{"data":{"text":"Vamos a dar un super recorrido sobre cómo darle un diseño personalizado a nuestro website."},"type":"paragraph"},{"data":{"text":"\u003ca href=\"https://leonidasesteban.com/proyectos/video-player\"\u003eProyecto Video Player en Figma\u003c/a\u003e"},"type":"paragraph"}],"version":"2.19.3"},"thumbnails":[{"link":"https://i.vimeocdn.com/video/1177474752-66afad9e7e139fc4cd4ea5e5d4051d354f9c6891029cfb3514f4f87e46ee14f2-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1177474752-66afad9e7e139fc4cd4ea5e5d4051d354f9c6891029cfb3514f4f87e46ee14f2-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1177474752-66afad9e7e139fc4cd4ea5e5d4051d354f9c6891029cfb3514f4f87e46ee14f2-d_1920x1080?r=pad","width":1920,"height":1080}],"total_duration":1084,"completed":false,"has_access":false,"is_public":false,"video":null},{"uuid":"31b6964d-ba61-49c5-a10c-2ef13399af81","title":"JavaScript","slug":"javascript","content":{"time":1625084528560,"blocks":[{"data":{"text":"JavaScript nos ayudará a crear las interacciones a nuestros usuarios tal y cuál la planeamos nosotros los Frontends Engineers."},"type":"paragraph"}],"version":"2.19.3"},"thumbnails":[{"link":"https://i.vimeocdn.com/video/1177475900-7fed0d6b85284b430774c955997bda55fae7e0c8e3fa1cd8dd660bf188b2a251-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1177475900-7fed0d6b85284b430774c955997bda55fae7e0c8e3fa1cd8dd660bf188b2a251-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1177475900-7fed0d6b85284b430774c955997bda55fae7e0c8e3fa1cd8dd660bf188b2a251-d_1920x1080?r=pad","width":1920,"height":1080}],"total_duration":1017,"completed":false,"has_access":false,"is_public":false,"video":null}]},{"uuid":"d630870c-333a-4ff8-ae8a-0eea6f0ca53a","title":"Proyecto: Reproductor de Video","slug":"proyecto-reproductor-de-video","lessons":[{"uuid":"92f77ecf-e601-4ac0-8ff0-5e6a6a47a898","title":"Contenedores en CSS","slug":"contenedores-en-CSS","content":{"time":1625169797740,"blocks":[],"version":"2.19.3"},"thumbnails":[{"link":"https://i.vimeocdn.com/video/1177476579-bf4e03376d5807c6f20ec37bb2225c26b42fab2dcfd421913cdf7e1969f108c9-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1177476579-bf4e03376d5807c6f20ec37bb2225c26b42fab2dcfd421913cdf7e1969f108c9-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1177476579-bf4e03376d5807c6f20ec37bb2225c26b42fab2dcfd421913cdf7e1969f108c9-d_1920x1080?r=pad","width":1920,"height":1080}],"total_duration":705,"completed":false,"has_access":false,"is_public":false,"video":null},{"uuid":"6403f63b-77ef-44aa-b704-dc16bec52dbb","title":"Avanzar y retroceder 10 segundos","slug":"avanzar-y-retroceder-10-segundos","content":{"time":1625169812858,"blocks":[],"version":"2.19.3"},"thumbnails":[{"link":"https://i.vimeocdn.com/video/1177478262-b5dcf9322c1a420ae0d5325a24b08a8a42b4c5c3bdac9b4295845efaad7943ef-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1177478262-b5dcf9322c1a420ae0d5325a24b08a8a42b4c5c3bdac9b4295845efaad7943ef-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1177478262-b5dcf9322c1a420ae0d5325a24b08a8a42b4c5c3bdac9b4295845efaad7943ef-d_1920x1080?r=pad","width":1920,"height":1080}],"total_duration":512,"completed":false,"has_access":false,"is_public":false,"video":null},{"uuid":"b04b09bd-9fda-46b0-826a-d88f37aa1c90","title":"Estilizando el reproductor","slug":"estilizando-el-reproductor","content":{"time":1625169821207,"blocks":[{"data":{"text":"Vamos a dar estilo a todos los controles de reproducción."},"type":"paragraph"}],"version":"2.19.3"},"thumbnails":[{"link":"https://i.vimeocdn.com/video/1177478895-f756890788d4896f5579c1b958af5000d97f75414ee78e9dbab78d5321eb6e50-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1177478895-f756890788d4896f5579c1b958af5000d97f75414ee78e9dbab78d5321eb6e50-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1177478895-f756890788d4896f5579c1b958af5000d97f75414ee78e9dbab78d5321eb6e50-d_1920x1080?r=pad","width":1920,"height":1080}],"total_duration":1024,"completed":false,"has_access":false,"is_public":false,"video":null},{"uuid":"b4b57b0c-e14a-457a-8987-28c188719490","title":"Progreso del reproductor","slug":"progreso-del-reproductor","content":{"time":1625169829204,"blocks":[],"version":"2.19.3"},"thumbnails":[{"link":"https://i.vimeocdn.com/video/1177480245-8b7e137c8af3b7b963fd5680811d215443811e56b4d55ca5feb9cd7db7ddba4e-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1177480245-8b7e137c8af3b7b963fd5680811d215443811e56b4d55ca5feb9cd7db7ddba4e-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1177480245-8b7e137c8af3b7b963fd5680811d215443811e56b4d55ca5feb9cd7db7ddba4e-d_1920x1080?r=pad","width":1920,"height":1080}],"total_duration":708,"completed":false,"has_access":false,"is_public":false,"video":null},{"uuid":"f5139bd6-c6f2-487b-bbc6-dd039a7dbbf3","title":"Muestra controles de reproducción condicionalmente","slug":"muestra-controles-de-reproduccion-condicionalmente","content":{"time":1625169851483,"blocks":[{"data":{"text":"Gracias a CSS y su speudo-selector :hover podremos crear esta funcionalidad fácilmente"},"type":"paragraph"}],"version":"2.19.3"},"thumbnails":[{"link":"https://i.vimeocdn.com/video/1177459477-862d4eb95c51803c5c8ccd3710f3849ec95297da97c15b5ae274fb691e8ee831-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1177459477-862d4eb95c51803c5c8ccd3710f3849ec95297da97c15b5ae274fb691e8ee831-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1177459477-862d4eb95c51803c5c8ccd3710f3849ec95297da97c15b5ae274fb691e8ee831-d_1920x1080?r=pad","width":1920,"height":1080}],"total_duration":329,"completed":false,"has_access":false,"is_public":false,"video":null},{"uuid":"dd272927-25b2-46c5-ab27-615fe495386e","title":"Sube tu proyecto a Internet","slug":"sube-tu-proyecto-a-Internet","content":{"time":1625156752591,"blocks":[{"data":{"text":"Vamos a crear un Github Page para tu proyecto y lo mandaremos a revisión"},"type":"paragraph"}],"version":"2.19.3"},"thumbnails":[{"link":"https://i.vimeocdn.com/video/1177481691-f82099ddcb1f74460f5660b33a2518a6236c3db48fc72184f8c492d022a4e81a-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1177481691-f82099ddcb1f74460f5660b33a2518a6236c3db48fc72184f8c492d022a4e81a-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1177481691-f82099ddcb1f74460f5660b33a2518a6236c3db48fc72184f8c492d022a4e81a-d_1920x1080?r=pad","width":1920,"height":1080}],"total_duration":393,"completed":false,"has_access":false,"is_public":false,"video":null},{"uuid":"1454f2fe-00f3-4cd7-bc1b-c67f4ad240b9","title":"¿Qué sigue?","slug":"que-sigue","content":{"time":1625169860359,"blocks":[{"data":{"text":"Si te gustó lo hecho en este curso deja una reseña y te invito a continuar aprendiendo en \u003ca href=\"http://leonidasesteban.com\"\u003eleonidasesteban.com\u003c/a\u003e\u0026nbsp;\u003cbr\u003e"},"type":"paragraph"}],"version":"2.19.3"},"thumbnails":[{"link":"https://i.vimeocdn.com/video/1177483772-e5066ec1cc22732516a79a6fffefe45f5fb80a76d1b27d458e9054d5fe521cdb-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1177483772-e5066ec1cc22732516a79a6fffefe45f5fb80a76d1b27d458e9054d5fe521cdb-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1177483772-e5066ec1cc22732516a79a6fffefe45f5fb80a76d1b27d458e9054d5fe521cdb-d_1920x1080?r=pad","width":1920,"height":1080}],"total_duration":376,"completed":false,"has_access":false,"is_public":false,"video":null}]}],"dataUpdateCount":1,"dataUpdatedAt":1664238834995,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchMeta":null,"isFetching":false,"isInvalidated":false,"isPaused":false,"status":"success"},"queryKey":["GET_LESSONS","desarrollo-web",""],"queryHash":"[\"GET_LESSONS\",\"desarrollo-web\",\"\"]"},{"state":{"data":[{"last_course_seen":false,"created_at":"2021-07-30 02:37:19Z","uuid":"6a555740-7e14-494d-8adf-4610570de4c2","slug":"desarrollo-web","title":"Curso de introducción al desarrollo web","order":-1,"summary":{"time":1625003370263,"blocks":[{"data":{"text":"Descubre tu pasión por la programación web completamente gratis"},"type":"paragraph"}],"version":"2.19.3"},"duration":2,"featured_video":{"provider":"VIMEO","provider_id":"569115778","url":"https://vimeo.com/569115778","player_url":"https://player.vimeo.com/video/569115778","thumbnails":[{"link":"https://i.vimeocdn.com/video/1185290720-6ac9c284aa0c7532fd8572852937b32f1b535e9ede4775482ce077e16e72ca44-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1185290720-6ac9c284aa0c7532fd8572852937b32f1b535e9ede4775482ce077e16e72ca44-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1185290720-6ac9c284aa0c7532fd8572852937b32f1b535e9ede4775482ce077e16e72ca44-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":166},"badge":{"name":"Crecimiento","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2021/06/30/medalla_del_crecimiento.png","color":"#e4097b","description":"Medalla del crecimiento"},"badge_state":null,"project":{"title":"Video Player","slug":"video-player","description":{"time":1633827441371,"blocks":[{"data":{"items":["Con este proyecto podrás construir la interfaz de un reproductor de video.","Crea un proyecto con los mejores trucos y buenas prácticas de desarrollo.\u003cbr\u003e","Disfruta de tus videos favoritos creando un reproductor de video personalizado.\u003cbr\u003e"],"style":"unordered"},"type":"list"}],"version":"2.19.3"},"cover_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/covers/d2c175c4-f200-424d-9e0f-a10b0cd4e0d2/Thumbnail-player_NbmGes0.png","thumb_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/thumbs/d2c175c4-f200-424d-9e0f-a10b0cd4e0d2/Thumbnail-player_9v6jPyr.jpg","detail_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/details/d2c175c4-f200-424d-9e0f-a10b0cd4e0d2/proyeccion-player.png","level":"BASIC","created_at":"2021-06-11 19:54:43Z","progress_status":null,"has_access":false},"is_free":true,"is_workshop":false,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2021-11-25 17:25:57Z","uuid":"132d2068-acc2-4f77-833a-d0a72c47ab6c","slug":"terminal","title":"Curso de Terminal para Frontends","order":-0.1,"summary":{"time":1637860184299,"blocks":[{"data":{"text":"Domina la herramienta que abre las puertas del mundo profesional"},"type":"paragraph"}],"version":"2.19.3"},"duration":3,"featured_video":{"provider":"VIMEO","provider_id":"650053894","url":"https://vimeo.com/650053894","player_url":"https://player.vimeo.com/video/650053894","thumbnails":[{"link":"https://i.vimeocdn.com/video/1311205913-876f4918640faebc92a8adb8bc51421af8b401361b959871f_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1311205913-876f4918640faebc92a8adb8bc51421af8b401361b959871f_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1311205913-876f4918640faebc92a8adb8bc51421af8b401361b959871f_1920x1080?r=pad","width":1920,"height":1080}],"duration":203},"badge":{"name":"Terminal","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2021/11/26/badge-terminal.jpg","color":"#0d0e0d","description":"Badge del curso de Terminal para Frontends"},"badge_state":null,"project":null,"is_free":true,"is_workshop":false,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2021-01-07 20:56:19Z","uuid":"4258c139-2ec5-4877-ac67-3540ad6d4051","slug":"html-css-fundamentos","title":"Curso esencial de HTML y CSS","order":1,"summary":{"time":1614287738860,"blocks":[{"data":{"text":"Tu camino como Software Developer empieza aquí."},"type":"paragraph"}],"version":"2.19.1"},"duration":10,"featured_video":{"provider":"VIMEO","provider_id":"504006396","url":"https://vimeo.com/504006396","player_url":"https://player.vimeo.com/video/504006396","thumbnails":[{"link":"https://i.vimeocdn.com/video/1190241049-7983690ebe177bee3cf27c3511f3c50abf2653eb298f4addcb795ab2b101d68f-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1190241049-7983690ebe177bee3cf27c3511f3c50abf2653eb298f4addcb795ab2b101d68f-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1190241049-7983690ebe177bee3cf27c3511f3c50abf2653eb298f4addcb795ab2b101d68f-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":148},"badge":{"name":"Esencia","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2021/09/23/medalla-esencia-on_1.png","color":"#60e4f0","description":"-"},"badge_state":null,"project":{"title":"Nemium","slug":"nemium","description":{"time":1635979222518,"blocks":[{"data":{"items":["Con este proyecto podrás crear la estructura de un blog y comenzar a idear que es lo que te gustaría postear.","Aprenderás a trabajar imágenes, textos, jerarquías y todo lo necesario que te ayudara a entender como construir una página.\u003cbr\u003e","Dentro del proyecto encontrarás variaciones del mismo, que te permitirán entender como adaptarlo a distintos escenarios.\u003cbr\u003e"],"style":"unordered"},"type":"list"}],"version":"2.19.3"},"cover_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/covers/9ad9d2ca-e622-4ed4-a87a-b29edc189462/Thumbnail-medium.jpg","thumb_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/thumbs/9ad9d2ca-e622-4ed4-a87a-b29edc189462/Thumbnail-medium.jpg","detail_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/details/9ad9d2ca-e622-4ed4-a87a-b29edc189462/Proyecci%C3%B3n-medium.png","level":"BASIC","created_at":"2021-02-06 21:47:50Z","progress_status":null,"has_access":false},"is_free":false,"is_workshop":false,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2021-11-05 01:25:51Z","uuid":"0b994e67-9c3d-4f2e-be88-63d872c05edd","slug":"git-github","title":"Curso profesional de Git y Github","order":1.1,"summary":{"time":1636675582510,"blocks":[{"data":{"text":"Git es una herramienta fundamental a dominar en el desarrollo web. En este curso, aprenderemos a gestionar cambios, información y colaboración en aplicaciones utilizando Git, el sistema de control de versiones más popular del mundo."},"type":"paragraph"}],"version":"2.19.3"},"duration":7,"featured_video":{"provider":"VIMEO","provider_id":"642539932","url":"https://vimeo.com/642539932","player_url":"https://player.vimeo.com/video/642539932","thumbnails":[{"link":"https://i.vimeocdn.com/video/1292416915-ce97d4b4f1b78b58c3bc9c2eaf0e58f5ed7b8a7543d006dcb_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1292416915-ce97d4b4f1b78b58c3bc9c2eaf0e58f5ed7b8a7543d006dcb_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1292416915-ce97d4b4f1b78b58c3bc9c2eaf0e58f5ed7b8a7543d006dcb_1920x1080?r=pad","width":1920,"height":1080}],"duration":101},"badge":{"name":"git","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2021/11/05/git-github.png","color":"#f3502a","description":"Badge del curso de Git y Github"},"badge_state":null,"project":null,"is_free":false,"is_workshop":false,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2021-03-02 01:22:37Z","uuid":"53b94a28-43a6-41fe-9bdd-335836cab149","slug":"figma","title":"Curso de diseño interactivo con Figma","order":1.1,"summary":{"time":1617066456766,"blocks":[{"data":{"text":"Diseña interfaces con Figma, la herramienta más potente\u0026nbsp;de diseño interactivo."},"type":"paragraph"}],"version":"2.19.3"},"duration":5,"featured_video":{"provider":"VIMEO","provider_id":"518350377","url":"https://vimeo.com/518350377","player_url":"https://player.vimeo.com/video/518350377","thumbnails":[{"link":"https://i.vimeocdn.com/video/1073642197-4d426a39d936fbff274fe8797b7fea7f4fca65e6b1eed335fef933c93ec79db8-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1073642197-4d426a39d936fbff274fe8797b7fea7f4fca65e6b1eed335fef933c93ec79db8-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1073642197-4d426a39d936fbff274fe8797b7fea7f4fca65e6b1eed335fef933c93ec79db8-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":99},"badge":{"name":"Figma","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2021/04/24/figma.png","color":"","description":"Logo de FIgma sobre fondo blanco con par de sombras"},"badge_state":null,"project":null,"is_free":false,"is_workshop":false,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2022-09-13 22:36:18Z","uuid":"f5fc5ca4-3267-4903-ab34-10a4c4ba238f","slug":"layout-responsive-design","title":"Curso de Auto Layout y Responsive Design","order":1.2,"summary":{"time":1663108294084,"blocks":[{"data":{"text":"Aprende los secretos del Auto Layout con enfoque al diseño Responsive"},"type":"paragraph"}],"version":"2.19.3"},"duration":2,"featured_video":{"provider":"VIMEO","provider_id":"745461740","url":"https://vimeo.com/745461740","player_url":"https://player.vimeo.com/video/745461740","thumbnails":[{"link":"https://i.vimeocdn.com/video/1512721633-703023f5db4de132dca69f1ecbb42c8af4ab65d3304eaf335a34b5d9c1b8bd25-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1512721633-703023f5db4de132dca69f1ecbb42c8af4ab65d3304eaf335a34b5d9c1b8bd25-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1512721633-703023f5db4de132dca69f1ecbb42c8af4ab65d3304eaf335a34b5d9c1b8bd25-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":197},"badge":{"name":"Auto Layout y Responsive Design","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2022/09/14/auto_layout.png","color":null,"description":"auto-layout-responsive-design"},"badge_state":null,"project":null,"is_free":false,"is_workshop":true,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2022-05-10 21:46:18Z","uuid":"c4feea62-36cc-4d81-aaed-9a29ea398ac8","slug":"hero-ui","title":"Taller: Hero UI","order":1.4,"summary":{"time":1652221280496,"blocks":[{"data":{"text":"Aprende a utilizar wrappers, polígonos y responsive design escalable en el componente más importante de toda página"},"type":"paragraph"}],"version":"2.19.3"},"duration":2,"featured_video":{"provider":"VIMEO","provider_id":"708359294","url":"https://vimeo.com/708359294","player_url":"https://player.vimeo.com/video/708359294","thumbnails":[{"link":"https://i.vimeocdn.com/video/1462334680-bfec3b194ebf2f9b59bcf63cbe5a66b7ddd54ca7b9ca2a4133b2ef6099befae0-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1462334680-bfec3b194ebf2f9b59bcf63cbe5a66b7ddd54ca7b9ca2a4133b2ef6099befae0-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1462334680-bfec3b194ebf2f9b59bcf63cbe5a66b7ddd54ca7b9ca2a4133b2ef6099befae0-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":415},"badge":{"name":"Hero","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2022/05/16/loki.png","color":"fccf76","description":"Loki"},"badge_state":null,"project":{"title":"Hero UI","slug":"hero","description":{"time":1652660921922,"blocks":[{"data":{"text":"Este desafío es perfecto si está buscando probar tus habilidades de CSS, implementando el hero de la serie de LOKI."},"type":"paragraph"}],"version":"2.19.3"},"cover_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/covers/74c82106-6796-4db6-9ed9-68955ad21dad/Thumbnail-hero.png","thumb_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/thumbs/74c82106-6796-4db6-9ed9-68955ad21dad/Thumbnail-hero.jpg","detail_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/details/74c82106-6796-4db6-9ed9-68955ad21dad/proyeccion-hero.png","level":"BASIC","created_at":"2021-06-11 20:06:00Z","progress_status":null,"has_access":false},"is_free":false,"is_workshop":true,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2021-02-04 01:20:01Z","uuid":"1eef7bcd-acdf-455f-9413-f998ececcf89","slug":"flexbox-componentes","title":"Curso de Flexbox Layout y Componentes","order":2,"summary":{"time":1618256844406,"blocks":[{"data":{"text":"Aprende Flexbox, accesibilidad y estrategias de escalabilidad para tu CSS."},"type":"paragraph"}],"version":"2.19.3"},"duration":9,"featured_video":{"provider":"VIMEO","provider_id":"508224286","url":"https://vimeo.com/508224286","player_url":"https://player.vimeo.com/video/508224286","thumbnails":[{"link":"https://i.vimeocdn.com/video/1051903745-cabaa156c6410b7b5bfd5f32dc1e478ba91acd2d71c3e62f970502cd7b88c15a-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1051903745-cabaa156c6410b7b5bfd5f32dc1e478ba91acd2d71c3e62f970502cd7b88c15a-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1051903745-cabaa156c6410b7b5bfd5f32dc1e478ba91acd2d71c3e62f970502cd7b88c15a-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":85},"badge":{"name":"Futuro","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2021/09/23/medalla-futuro-on_YYHtc65.png","color":"#FA00FF","description":"-"},"badge_state":null,"project":{"title":"Spotifu","slug":"spotifu","description":{"time":1632359285952,"blocks":[{"data":{"items":["Con este proyecto podrás crear la estructura de una de las apps más famosas de la industria musical.","Aprenderás a manejar los distintos estados de componentes y como interpretarlos desde el diseño hasta el código.\u003cbr\u003e","Dominarás el uso de múltiples buenas prácticas y aplícalas en todos tus proyectos.\u003cbr\u003e"],"style":"unordered"},"type":"list"}],"version":"2.19.3"},"cover_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/covers/2161f6a0-d2ac-4b05-9c43-fff8dbb6854b/Thumbnail-Spotifu_1.jpg","thumb_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/thumbs/2161f6a0-d2ac-4b05-9c43-fff8dbb6854b/Thumbnail-Spotifu.jpg","detail_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/details/2161f6a0-d2ac-4b05-9c43-fff8dbb6854b/Proyecci%C3%B3n-spotifu.png","level":"INTERMEDIATE","created_at":"2021-02-06 05:35:38Z","progress_status":null,"has_access":false},"is_free":false,"is_workshop":false,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2021-04-27 16:44:02Z","uuid":"596d12f5-ddca-408f-ad76-a8d5088ea5bc","slug":"figma-frontends","title":"Curso de Figma para Frontends","order":2.1,"summary":{"time":1662749556325,"blocks":[{"data":{"text":"Mejora la implementación y organización del diseño con tus habilidades de Frontend."},"type":"paragraph"}],"version":"2.19.3"},"duration":1,"featured_video":{"provider":"VIMEO","provider_id":"540809836","url":"https://vimeo.com/540809836","player_url":"https://player.vimeo.com/video/540809836","thumbnails":[{"link":"https://i.vimeocdn.com/video/1183488734-7b802aa50da9ffedad83779391ec0a81076e96b2be61a5202989ef3a673c576e-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1183488734-7b802aa50da9ffedad83779391ec0a81076e96b2be61a5202989ef3a673c576e-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1183488734-7b802aa50da9ffedad83779391ec0a81076e96b2be61a5202989ef3a673c576e-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":60},"badge":{"name":"Figma","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2021/04/24/figma.png","color":"","description":"Logo de FIgma sobre fondo blanco con par de sombras"},"badge_state":null,"project":null,"is_free":true,"is_workshop":false,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2021-05-03 19:46:01Z","uuid":"cee199dc-e022-4c4e-a979-83b2a68e8e44","slug":"portafolio-jaume","title":"Taller: El portafolio de Jaume","order":2.2,"summary":{"time":1620157348564,"blocks":[{"data":{"text":"Crea tu portafolio hoy mismo."},"type":"paragraph"}],"version":"2.19.3"},"duration":2,"featured_video":{"provider":"VIMEO","provider_id":"544705821","url":"https://vimeo.com/544705821","player_url":"https://player.vimeo.com/video/544705821","thumbnails":[{"link":"https://i.vimeocdn.com/video/1128707439-a7855647231b2e802faa0cff7252d73d20400c52ac834dca59cf7609fda0c37e-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1128707439-a7855647231b2e802faa0cff7252d73d20400c52ac834dca59cf7609fda0c37e-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1128707439-a7855647231b2e802faa0cff7252d73d20400c52ac834dca59cf7609fda0c37e-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":49},"badge":{"name":"Jaume","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2021/05/04/jaume.png","color":"","description":"Medalla por completar el portafolio de Jaume"},"badge_state":null,"project":{"title":"Portafolio de Jaume","slug":"portafolio-jaume","description":{"time":1652046015142,"blocks":[{"data":{"text":"¿Te gustaría crear tu portafolio profesional y conseguir el trabajo de tus sueños? Aquí encontrarás la manera correcta de hacerlo."},"type":"paragraph"}],"version":"2.19.3"},"cover_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/covers/af1b2a56-caee-46c2-ab34-00f84d441f55/Thumbnail-portafolio_jaume.jpg","thumb_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/thumbs/af1b2a56-caee-46c2-ab34-00f84d441f55/Thumbnail-portafolio_jaume.jpg","detail_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/details/af1b2a56-caee-46c2-ab34-00f84d441f55/Proyecci%C3%B3n-portafolio_jaume.png","level":"BASIC","created_at":"2021-02-09 04:42:49Z","progress_status":null,"has_access":false},"is_free":false,"is_workshop":true,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2022-05-16 01:30:36Z","uuid":"df549409-b59e-49d2-ab00-23dbaaf878b1","slug":"whatsapp","title":"Taller: Creando un Whatsapp Web","order":2.3,"summary":{"time":1652664430576,"blocks":[{"data":{"text":"Vamos a crear una interfaz única usando flexbox"},"type":"paragraph"}],"version":"2.19.3"},"duration":3,"featured_video":{"provider":"VIMEO","provider_id":"709712813","url":"https://vimeo.com/709712813","player_url":"https://player.vimeo.com/video/709712813","thumbnails":[{"link":"https://i.vimeocdn.com/video/1462329471-894df37b93c9ce58b765d52468a85e64d90938f3dfd63f5447cf6fd2ea3188b7-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1462329471-894df37b93c9ce58b765d52468a85e64d90938f3dfd63f5447cf6fd2ea3188b7-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1462329471-894df37b93c9ce58b765d52468a85e64d90938f3dfd63f5447cf6fd2ea3188b7-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":265},"badge":{"name":"Whatsapp","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2022/05/16/whatsapp.png","color":"28d34e","description":"Badge del taller de Whatsapp web"},"badge_state":null,"project":{"title":"MensajesApp","slug":"mensajesapp","description":{"time":1642202762536,"blocks":[{"data":{"text":"Construye la interfase responsive de la plataforma favorita de muchos, para mantenerse en contacto con familiares y amigos."},"type":"paragraph"}],"version":"2.19.3"},"cover_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/covers/b2fbf720-cf38-453f-a2ae-e312b071c280/Thumbnail.png","thumb_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/thumbs/b2fbf720-cf38-453f-a2ae-e312b071c280/Thumbnail.jpg","detail_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/details/b2fbf720-cf38-453f-a2ae-e312b071c280/Details.png","level":"INTERMEDIATE","created_at":"2022-01-14 23:27:25Z","progress_status":null,"has_access":false},"is_free":false,"is_workshop":true,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2021-05-22 04:27:02Z","uuid":"47479396-9499-4ab0-b9cb-3f8630899896","slug":"css-grid-layout-interfaces","title":"Curso de CSS Grid Layout e Interfaces","order":3,"summary":{"time":1620079304158,"blocks":[{"data":{"text":"Aprende a implementar diseños complejos en CSS Grid Layout"},"type":"paragraph"}],"version":"2.19.3"},"duration":10,"featured_video":{"provider":"VIMEO","provider_id":"566710098","url":"https://vimeo.com/566710098","player_url":"https://player.vimeo.com/video/566710098","thumbnails":[{"link":"https://i.vimeocdn.com/video/1171697143-953359757760c335a449b6a439cd90f2c5931d5ecd0585dee5b11d1a5cf94a9a-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1171697143-953359757760c335a449b6a439cd90f2c5931d5ecd0585dee5b11d1a5cf94a9a-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1171697143-953359757760c335a449b6a439cd90f2c5931d5ecd0585dee5b11d1a5cf94a9a-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":1057},"badge":{"name":"Llama","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2021/06/11/llama-5.png","color":"#fb5303","description":"Medalla con forma de llama con multiples capas para denotar la intensidad de las llamas"},"badge_state":null,"project":{"title":"Calendario","slug":"calendario","description":{"time":1635979037409,"blocks":[{"data":{"items":["Con este proyecto podrás crear la estructura de un calendario para planificar tus tareas.","Domina el uso de CSS Grid Layout mediante buenas prácticas y ejercicios aplicados al proyecto.\u003cbr\u003e","Lleva tus habilidades al límite implementado un diseño pixel perfect.\u003cbr\u003e"],"style":"unordered"},"type":"list"}],"version":"2.19.3"},"cover_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/covers/93587bf2-087d-4c70-9336-79f823339dad/Thumbnail-Calendario.jpg","thumb_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/thumbs/93587bf2-087d-4c70-9336-79f823339dad/Thumbnail-Calendario.jpg","detail_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/details/93587bf2-087d-4c70-9336-79f823339dad/Proyecccion-Calendario.png","level":"ADVANCED","created_at":"2021-04-23 21:59:33Z","progress_status":null,"has_access":false},"is_free":false,"is_workshop":false,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2022-06-14 23:38:59Z","uuid":"a426f32a-7f7b-4c0b-84af-9e71fb36a5b4","slug":"taller-faster","title":"PostCSS, CSS Grid, y buenas practicas en el proyecto Faster","order":3.1,"summary":{"time":1656962851637,"blocks":[{"data":{"text":"Usos avanzados de CSS Grid Layout"},"type":"paragraph"},{"data":{"text":"PostCSS"},"type":"paragraph"}],"version":"2.19.3"},"duration":3,"featured_video":{"provider":"VIMEO","provider_id":"711446963","url":"https://vimeo.com/711446963","player_url":"https://player.vimeo.com/video/711446963","thumbnails":[{"link":"https://i.vimeocdn.com/video/1462340239-9a0c054b7f1ce199f43d53d2b7f9890ab9949db79e4e8afdb43d0d17ebe31c5c-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1462340239-9a0c054b7f1ce199f43d53d2b7f9890ab9949db79e4e8afdb43d0d17ebe31c5c-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1462340239-9a0c054b7f1ce199f43d53d2b7f9890ab9949db79e4e8afdb43d0d17ebe31c5c-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":699},"badge":{"name":"Faster","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2022/07/02/faster.png","color":"#000000","description":null},"badge_state":null,"project":{"title":"Faster","slug":"faster","description":{"time":1632357156565,"blocks":[{"data":{"text":"Administre todas sus transacciones rápidas en un solo panel. Rastree envíos, maneje devoluciones y reordene artículos, todo con un solo clic."},"type":"paragraph"}],"version":"2.19.3"},"cover_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/covers/10f6c94f-bd8f-4f05-a588-d4510129c218/Thumbnail-faster.jpg","thumb_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/thumbs/10f6c94f-bd8f-4f05-a588-d4510129c218/Thumbnail-faster.jpg","detail_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/details/10f6c94f-bd8f-4f05-a588-d4510129c218/Proyeccion-faster.png","level":"INTERMEDIATE","created_at":"2021-03-01 04:47:08Z","progress_status":null,"has_access":false},"is_free":false,"is_workshop":true,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2021-08-19 16:53:14Z","uuid":"d8a69fd8-df41-4275-9db0-902094a4ed76","slug":"javascript","title":"Curso esencial de JavaScript y el DOM","order":4,"summary":{"time":1625094092995,"blocks":[{"data":{"text":"Aprende las bases del lenguaje de programación más popular del mundo"},"type":"paragraph"}],"version":"2.19.3"},"duration":10,"featured_video":{"provider":"VIMEO","provider_id":"604198849","url":"https://vimeo.com/604198849","player_url":"https://player.vimeo.com/video/604198849","thumbnails":[{"link":"https://i.vimeocdn.com/video/1240514681-5cd8a369ce0fa800dfbb054ad688f6659347776e4425c1027cd077b367b61bcf-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1240514681-5cd8a369ce0fa800dfbb054ad688f6659347776e4425c1027cd077b367b61bcf-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1240514681-5cd8a369ce0fa800dfbb054ad688f6659347776e4425c1027cd077b367b61bcf-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":68},"badge":{"name":"Empatía","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2021/09/23/empatia-on.png","color":"#63fdff","description":"Medalla de la Empatía"},"badge_state":null,"project":{"title":"Weather App","slug":"weather-app","description":{"time":1635978903253,"blocks":[{"data":{"items":["Mantente actualizado y preparado sin importar el clima.\u0026nbsp;","Planifique salidas al aire libre con confianza utilizando una variedad de características meteorológicas que lo mantienen actualizado con hasta una semana de anticipación.\u003cbr\u003e"],"style":"unordered"},"type":"list"}],"version":"2.19.3"},"cover_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/covers/c305a282-185d-4dd3-a71d-18a0b2d6b994/Thumbnail-Weather.jpg","thumb_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/thumbs/c305a282-185d-4dd3-a71d-18a0b2d6b994/Thumbnail-Weather.jpg","detail_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/details/c305a282-185d-4dd3-a71d-18a0b2d6b994/Details-weather.png","level":"ADVANCED","created_at":"2021-07-16 21:14:14Z","progress_status":null,"has_access":false},"is_free":false,"is_workshop":false,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2021-09-21 06:24:21Z","uuid":"df8c7906-eb6e-48ac-99d0-21b27c32d240","slug":"pokedex","title":"Taller: creando una Pokédex interactiva","order":4.1,"summary":{"time":1632205335172,"blocks":[{"data":{"text":"Usa HTML, CSS y JavaScript para crear uno de los proyectos más divertidos."},"type":"paragraph"}],"version":"2.19.3"},"duration":4,"featured_video":{"provider":"VIMEO","provider_id":"610829632","url":"https://vimeo.com/610829632","player_url":"https://player.vimeo.com/video/610829632","thumbnails":[{"link":"https://i.vimeocdn.com/video/1259222808-cac6e4da6f78352642d1b60cb6581177d0e3ccccdb085f89d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1259222808-cac6e4da6f78352642d1b60cb6581177d0e3ccccdb085f89d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1259222808-cac6e4da6f78352642d1b60cb6581177d0e3ccccdb085f89d_1920x1080?r=pad","width":1920,"height":1080}],"duration":168},"badge":{"name":"pokeball","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2021/09/21/pokeball_DmP5r5b.png","color":"#ff1c1c","description":"La medalla pokemon"},"badge_state":null,"project":{"title":"Pokédex","slug":"pokedex","description":{"time":1635979057612,"blocks":[{"data":{"items":["La Pokédex es capaz, mediante su sistema de búsqueda, de clasificar a los Pokémon de diferentes formas, la principal es por el número que tienen en su Pokédex y posteriormente el número de la Pokédex Nacional que es común a todos","Aprenderás a graficar las principales estadísticas de los diferentes pokemón."],"style":"unordered"},"type":"list"}],"version":"2.19.3"},"cover_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/covers/6d22b54f-e756-4e90-b761-c0bc00a00fbf/Thumbnail-pokedex.jpg","thumb_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/thumbs/6d22b54f-e756-4e90-b761-c0bc00a00fbf/Thumbnail-pokedex.jpg","detail_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/details/6d22b54f-e756-4e90-b761-c0bc00a00fbf/Proyeccion-Pokedex.png","level":"INTERMEDIATE","created_at":"2021-04-17 03:06:14Z","progress_status":null,"has_access":false},"is_free":false,"is_workshop":true,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2022-09-14 21:13:49Z","uuid":"9b683584-30d3-470b-ad94-8d76e77723d1","slug":"react","title":"Curso de React.js","order":5,"summary":{"time":1631135261747,"blocks":[{"data":{"text":"Domina la librería para crear interfaces más poderosa en la industria."},"type":"paragraph"}],"version":"2.19.3"},"duration":10,"featured_video":{"provider":"VIMEO","provider_id":"681060536","url":"https://vimeo.com/681060536","player_url":"https://player.vimeo.com/video/681060536","thumbnails":[{"link":"https://i.vimeocdn.com/video/1380483576-3230da0093288bf06c2f71c476c752d1f8eeafcf64f2e0f23d59eba6cbd371c6-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1380483576-3230da0093288bf06c2f71c476c752d1f8eeafcf64f2e0f23d59eba6cbd371c6-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1380483576-3230da0093288bf06c2f71c476c752d1f8eeafcf64f2e0f23d59eba6cbd371c6-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":416},"badge":{"name":"Sincronía","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2021/09/23/sincronia-on.png","color":"#63fab8","description":"Medalla de la Sincronía"},"badge_state":null,"project":{"title":"GitList","slug":"gitlist","description":{"time":1634663552711,"blocks":[{"data":{"text":"Maneja los repositorios de tus proyectos como todo un profesional utilizando GitList, la plataforma de desarrollo más grande y avanzada del mundo."},"type":"paragraph"}],"version":"2.19.3"},"cover_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/covers/ab7c4108-b42e-4790-99f2-edacf82061ed/Thumbnail.jpg","thumb_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/thumbs/ab7c4108-b42e-4790-99f2-edacf82061ed/Thumbnail.jpg","detail_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/details/ab7c4108-b42e-4790-99f2-edacf82061ed/Details.png","level":"INTERMEDIATE","created_at":"2021-09-24 23:41:39Z","progress_status":null,"has_access":false},"is_free":false,"is_workshop":false,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2020-07-26 18:59:42Z","uuid":"21b7aa33-31be-4612-a442-376253319f5c","slug":"javascript-react","title":"Curso de JavaScript para React","order":6,"summary":{"time":1614287830479,"blocks":[{"data":{"text":"En este curso vas a crear tu propio React desde 0, sin dependencias y usando solo el lenguaje JavaScript\u0026nbsp;"},"type":"paragraph"}],"version":"2.19.1"},"duration":12,"featured_video":{"provider":"VIMEO","provider_id":"479125113","url":"https://vimeo.com/479125113","player_url":"https://player.vimeo.com/video/479125113","thumbnails":[{"link":"https://i.vimeocdn.com/video/994533335-b172e132b4c624fdce5afe8cbf383cb09d05d4939ac0374bf4b25862609e21ad-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/994533335-b172e132b4c624fdce5afe8cbf383cb09d05d4939ac0374bf4b25862609e21ad-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/994533335-b172e132b4c624fdce5afe8cbf383cb09d05d4939ac0374bf4b25862609e21ad-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":407},"badge":{"name":"No te rindas","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2021/09/23/medalla-noterindas-on.png","color":"#cb961f","description":"Esta medalla pertenece al primer curso creado en la plataforma, es para recordarte que nada es imposible. ¡No te rindas!"},"badge_state":null,"project":{"title":"Block Master","slug":"block-master","description":{"time":1635979076460,"blocks":[{"data":{"items":["Con este proyecto podrás crear la estructura de una plataforma de streaming.","Aprenderás a trabajar imágenes, textos, jerarquías y todo lo necesario que te ayudara a entender como construir una página.\u003cbr\u003e","Pon a volar tu imaginación y construye el proyecto añadiendo tus películas favoritas.\u003cbr\u003e"],"style":"unordered"},"type":"list"}],"version":"2.19.3"},"cover_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/covers/fc310e3c-0800-489a-90ba-c8e7afe3f8de/Thumbnail-blockmaster.jpg","thumb_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/thumbs/fc310e3c-0800-489a-90ba-c8e7afe3f8de/Thumbnail-blockmaster.jpg","detail_image":"https://d1ngjctyujvjjy.cloudfront.net/projects/details/fc310e3c-0800-489a-90ba-c8e7afe3f8de/Proyeccion-Block_Master.png","level":"ADVANCED","created_at":"2021-03-20 00:02:59Z","progress_status":null,"has_access":false},"is_free":false,"is_workshop":false,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2022-07-03 22:41:50Z","uuid":"35dfa993-5dff-4567-bffa-c2d5ec50635a","slug":"creacion-contenido-educativo","title":"Curso de creación de contenido educativo","order":8,"summary":{"time":1656887969446,"blocks":[{"data":{"text":"¿Tienes algo que decir? llegaste a tu curso. Este curso es un poco de todo, aprenderás a grabarte en diferentes condiciones y con diferentes recursos según tus necesidades y capacidades y pasaremos a editar tu contenido y subirlo a redes sociales para que tu contenido sea visto por el mundo"},"type":"paragraph"}],"version":"2.19.3"},"duration":10,"featured_video":{"provider":"VIMEO","provider_id":"726587012","url":"https://vimeo.com/726587012","player_url":"https://player.vimeo.com/video/726587012","thumbnails":[{"link":"https://i.vimeocdn.com/video/1462774147-6e0bd16b8efccc23aaf67ba40a4fa84c0da018596a1c89e36c64bdade739f6eb-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1462774147-6e0bd16b8efccc23aaf67ba40a4fa84c0da018596a1c89e36c64bdade739f6eb-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1462774147-6e0bd16b8efccc23aaf67ba40a4fa84c0da018596a1c89e36c64bdade739f6eb-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":129},"badge":{"name":"creacion","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2022/07/04/creacion-badge.png","color":"#227b43","description":null},"badge_state":null,"project":null,"is_free":false,"is_workshop":false,"has_access":false,"course_progress":null,"last_view_lesson":null},{"last_course_seen":false,"created_at":"2022-07-15 20:37:13Z","uuid":"2e66d0fe-ce8f-4633-99a8-5cca151712a7","slug":"curso-ux-ui-design","title":"Curso de UX/UI Design","order":10,"summary":{"time":1657947776519,"blocks":[{"data":{"text":"Desarrolla las habilidades necesarias para entender y ejecutar un proceso de diseño efectivo de UX/UI Design."},"type":"paragraph"}],"version":"2.19.3"},"duration":3,"featured_video":{"provider":"VIMEO","provider_id":"730527482","url":"https://vimeo.com/730527482","player_url":"https://player.vimeo.com/video/730527482","thumbnails":[{"link":"https://i.vimeocdn.com/video/1471460088-b0c7d7de664cb2da9a5781d7a35cc42f3d4cb1cc9bd4abed7a653ea84a27c0c1-d_640x360?r=pad","width":640,"height":360},{"link":"https://i.vimeocdn.com/video/1471460088-b0c7d7de664cb2da9a5781d7a35cc42f3d4cb1cc9bd4abed7a653ea84a27c0c1-d_960x540?r=pad","width":960,"height":540},{"link":"https://i.vimeocdn.com/video/1471460088-b0c7d7de664cb2da9a5781d7a35cc42f3d4cb1cc9bd4abed7a653ea84a27c0c1-d_1920x1080?r=pad","width":1920,"height":1080}],"duration":57},"badge":{"name":"Curso de UX/UI Design","image":"https://d1ngjctyujvjjy.cloudfront.net/badges/2022/07/16/Badge_vK5R0SH.png","color":"#111111","description":"badges-curso-ux-ui-design"},"badge_state":null,"project":null,"is_free":false,"is_workshop":false,"has_access":false,"course_progress":null,"last_view_lesson":null}],"dataUpdateCount":1,"dataUpdatedAt":1664238834995,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchMeta":null,"isFetching":false,"isInvalidated":false,"isPaused":false,"status":"success"},"queryKey":["GET_ALL_COURSES","MX",""],"queryHash":"[\"GET_ALL_COURSES\",\"MX\",\"\"]"},{"state":{"data":{"year":{"name":"Suscripción Anual","description":"Suscripción Anual a cursos y proyectos","recurring":"year","stripe_id":"price_0JIEF5t8Ux6BJjC1aCKqa9er","price":{"amount":6960,"currency_code":"MXN","currency_symbol":"$"},"product":"ALL","original_price":null,"discount":null,"scholarship":false},"day":{"name":"Suscripción Diaria","description":"Suscripción diaria a cursos y proyectos","recurring":"day","stripe_id":"price_0JIEdFt8Ux6BJjC1s5rRjDFv","price":{"amount":6960,"currency_code":"MXN","currency_symbol":"$"},"product":"ALL","original_price":null,"discount":null,"scholarship":false},"month":{"name":"Suscripción Mensual","description":"Suscripción mensual a cursos y proyectos","recurring":"month","stripe_id":"price_0J2TcIt8Ux6BJjC1dT3vmCuh","price":{"amount":700,"currency_code":"MXN","currency_symbol":"$"},"product":"ALL","original_price":null,"discount":null,"scholarship":false},"projects":{"name":"Suscripción Anual Proyectos","description":"","recurring":"year","stripe_id":"price_0IIhQDt8Ux6BJjC1l2R7kRyE","price":{"amount":960,"currency_code":"MXN","currency_symbol":"$"},"product":"PROJECTS","original_price":null,"discount":null,"scholarship":false}},"dataUpdateCount":2,"dataUpdatedAt":1664238835592,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchMeta":null,"isFetching":false,"isInvalidated":false,"isPaused":false,"status":"success"},"queryKey":["GET_SUBSCRIPCION_PLANS","MX","",null],"queryHash":"[\"GET_SUBSCRIPCION_PLANS\",\"MX\",\"\",null]"}]}},"__N_SSG":true},"page":"/aprender","query":{},"buildId":"fcnKqnJlUYMBEDAQxbshF","isFallback":false,"gsp":true,"scriptLoader":[]}</script>
<script type="text/javascript" id="">!function(b,e,f,g,a,c,d){b.fbq||(a=b.fbq=function(){a.callMethod?a.callMethod.apply(a,arguments):a.queue.push(arguments)},b._fbq||(b._fbq=a),a.push=a,a.loaded=!0,a.version="2.0",a.queue=[],c=e.createElement(f),c.async=!0,c.src=g,d=e.getElementsByTagName(f)[0],d.parentNode.insertBefore(c,d))}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");fbq("init","2751328021636084");</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2751328021636084&ev=PageView&noscript=1"></noscript>
<script type="text/javascript" id="">function setCookie(){function e(){var b="www.google www.bing www.yandex search.yahoo duckduckgo www.ask www.search www.info www.baidu search.aol www.dogpile".split(" "),c=document.referrer.length?document.referrer.split("/")[2]:"";c=c.substr(0,c.lastIndexOf("."));b=b.indexOf(c);return-1<b?!0:!1}function f(){if(document.referrer){var b=(new URL(document.referrer)).hostname;return b}}var g="__referer",h="__organic",d=2592E3;d*=1E3;var a=new Date,k=a.getTime();a.setTime(k+d);a=a.toUTCString();document.cookie=
g+"\x3d"+f()+"; SameSite\x3dNone; Secure; expires\x3d"+a+"; path\x3d/; domain\x3d."+location.hostname.replace(/^www\./i,"");document.cookie=h+"\x3d"+e()+"; SameSite\x3dNone; Secure; expires\x3d"+a+"; path\x3d/; domain\x3d."+location.hostname.replace(/^www\./i,"");return!0}setCookie();</script><script type="text/javascript" id="">fbq("track","PageView");</script><next-route-announcer><p aria-live="assertive" id="__next-route-announcer__" role="alert" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap; overflow-wrap: normal;">HTML</p></next-route-announcer><script src="./style.ccs_files/95b64a6e-ce367865cf971cec.js.download"></script><script src="./style.ccs_files/78e521c3-e58cb00f0856853e.js.download"></script><script src="./style.ccs_files/6791-907da883701d1235.js.download"></script><script src="./style.ccs_files/2343-4566d05ae8c0fe10.js.download"></script><script src="./style.ccs_files/6854-8c0da4ecdecb9681.js.download"></script><script src="./style.ccs_files/[lesson_slug]-11d3d9ab5f96e0f0.js.download"></script><script src="./style.ccs_files/d7eeaac4-f8d780e647ed96e3.js.download"></script><script src="./style.ccs_files/3918-e39c5c60f6a5db62.js.download"></script><script src="./style.ccs_files/8905-87b465e458e3e78f.js.download"></script><script src="./style.ccs_files/1618-a7263fff307bb668.js.download"></script><script src="./style.ccs_files/9270-665416f94cdf8d52.js.download"></script><script src="./style.ccs_files/8922-b6141a859e77541e.js.download"></script><script src="./style.ccs_files/estudiante-414ed1c0eff425a1.js.download"></script><script src="./style.ccs_files/b98bc7c3-828895e959da76f6.js.download"></script><script src="./style.ccs_files/9241-ff6a3ea7a02d6e66.js.download"></script><script src="./style.ccs_files/login-76ce58a73f901a17.js.download"></script><script src="./style.ccs_files/8829-6779e5cb3b23012c.js.download"></script><script src="./style.ccs_files/8384-1540dab6038be4e1.js.download"></script><script src="./style.ccs_files/2231-adf72d502a042277.js.download"></script><script src="./style.ccs_files/8043-816bbc50bdfceab7.js.download"></script><script src="./style.ccs_files/6906-f9cf90e9c0ecf9a1.js.download"></script><script src="./style.ccs_files/5183-4d78870504e645ac.js.download"></script><script src="./style.ccs_files/index-0cf8083dc07b2ef1.js.download"></script><script src="./style.ccs_files/9f96d65d-e36f47b36ecca255.js.download"></script><script src="./style.ccs_files/3219-f233f5d67044ad49.js.download"></script><script src="./style.ccs_files/9414-181b8f5a6e147406.js.download"></script><script src="./style.ccs_files/4266-4cee3fa6c83644cf.js.download"></script><script src="./style.ccs_files/blog-fb038208e92492b1.js.download"></script><script src="./style.ccs_files/3349-b8d4b1df5264228a.js.download"></script><script src="./style.ccs_files/[slug]-9e733afba925f470.js.download"></script><script src="./style.ccs_files/586-8b99229e02a3e1bf.js.download"></script><script src="./style.ccs_files/todos-88d1cb0bbee42d48.js.download"></script><script src="./style.ccs_files/1110-21c140867133740c.js.download"></script><script src="./style.ccs_files/6143-d1c92f17ad4f7b10.js.download"></script><script src="./style.ccs_files/5511-2e434894c1990f9c.js.download"></script><script src="./style.ccs_files/[variant]-981a25b6fd424b8c.js.download"></script><script src="./style.ccs_files/1a48c3c1-6f7e40a069414955.js.download"></script><script src="./style.ccs_files/5732-b94e81adab2ab1a3.js.download"></script><script src="./style.ccs_files/portafolio-74dafdfba014c660.js.download"></script><script src="./style.ccs_files/7078-89ec2975dd812c65.js.download"></script><script src="./style.ccs_files/[course]-58c2fad253506519.js.download"></script><script src="./style.ccs_files/7336-e8b0ce8b5b00e1be.js.download"></script><script src="./style.ccs_files/estudiantes-27f7620555d999f6.js.download"></script><script src="./style.ccs_files/4500-637cb2176db582d7.js.download"></script><script src="./style.ccs_files/[project]-49f941a65d232573.js.download"></script><script src="./style.ccs_files/terminos-ccc210647557e4d3.js.download"></script>
<script type="text/javascript" id="">var dataLayer="undefined"!==typeof dataLayer&&dataLayer instanceof Array?dataLayer:[],videoLabels=[],lastP=[],_playerTitle={},_playerAuthor={},_playerAuthorURL={},_playerUploadDate={};try{init()}catch(a){dataLayer.push({event:"gtm.error",errorMessage:e.message,tag:"CP - UA - Vimeo Video Listener"})}
function init(){try{var a=document.getElementsByTagName("iframe");for(i=0;i<a.length;++i){var b=a[i].getAttribute("src");if(/player\.vimeo\.com\/video/.test(b)){a[i].hasAttribute("id")||a[i].setAttribute("id","vimeo_id_"+i);var c=!1;/api=/.test(b)||(b=updateUrl(b,"api",1),c=!0);/player_id=/.test(b)||(b=updateUrl(b,"player_id",a[i].getAttribute("id")),c=!0);c&&a[i].setAttribute("src",b);videoLabels[a[i].getAttribute("id")]=a[i].getAttribute("src")}}window.addEventListener?window.addEventListener("message",
onMessageReceived,!1):window.attachEvent("onmessage",onMessageReceived,!1)}catch(d){}}function updateUrl(a,b,c){try{return a+(/\?/.test(a)?"\x26":"?")+b+"\x3d"+c}catch(d){}}function onMessageReceived(a){try{var b=a.data;"string"===typeof b&&(b=JSON.parse(b));switch(b.event){case "ready":onReady(b);break;case "play":onPlay(b);break;case "pause":onPause(b);break;case "timeupdate":onPlayProgress(b)}}catch(c){}}
function post(a,b){try{a={method:a};b&&(a.value=b);JSON.stringify(a);var c=document.getElementsByTagName("iframe"),d;for(i=0;i<c.length;++i){var f=c[i].getAttribute("src");/player\.vimeo\.com\/video/.test(f)&&((d=c[i].getAttribute("src").split("?")[0].split("//")[0])||(f="https:"+c[i].getAttribute("src").split("?")[0]),c[i].contentWindow.postMessage(a,f))}}catch(g){}}function getLabel(a){try{return videoLabels[a].split("?")[0].split("/").pop()}catch(b){}}
function getVimeoInfo(a,b){b=document.createElement("script");b.type="text/javascript";b.src=a;document.getElementsByTagName("body")[0].appendChild(b)}function vimeoCallback(a){_playerTitle[a.video_id]=a.title;_playerAuthor[a.video_id]=a.author_name;_playerAuthorURL[a.video_id]=a.author_url;_playerUploadDate[a.video_id]=a.upload_date}
function onReady(a){try{getVimeoInfo("https://www.vimeo.com/api/oembed.json?url\x3dhttps://vimeo.com/"+getLabel(a.player_id)+"\x26callback\x3dvimeoCallback",vimeoCallback),post("addEventListener","play"),post("addEventListener","pause"),post("addEventListener","finish"),post("addEventListener","playProgress")}catch(b){}}
function onPlay(a){try{dataLayer.push({event:"video",eventCategory:"vimeo",eventAction:"vimeo play",eventLabel:_playerTitle[getLabel(a.player_id)].toLowerCase()+" - "+getLabel(a.player_id),vimeo_playerID:getLabel(a.player_id),vimeo_playerTitle:_playerTitle[getLabel(a.player_id)].toLowerCase(),vimeo_playerAuthor:_playerAuthor[getLabel(a.player_id)].toLowerCase(),vimeo_playerAuthorURL:_playerAuthorURL[getLabel(a.player_id)].toLowerCase(),vimeo_playerUploadDate:_playerUploadDate[getLabel(a.player_id)],
nonInteractive:!0})}catch(b){}}
function onPause(a){try{dataLayer.push({event:"video",eventCategory:"vimeo",eventAction:"vimeo video pause",eventLabel:_playerTitle[getLabel(a.player_id)].toLowerCase()+" - "+getLabel(a.player_id),vimeo_playerID:getLabel(a.player_id),vimeo_playerTitle:_playerTitle[getLabel(a.player_id)].toLowerCase(),vimeo_playerAuthor:_playerAuthor[getLabel(a.player_id)].toLowerCase(),vimeo_playerAuthorURL:_playerAuthorURL[getLabel(a.player_id)].toLowerCase(),vimeo_playerUploadDate:_playerUploadDate[getLabel(a.player_id)],nonInteractive:!0})}catch(b){}}
function onPlayProgress(a){try{var b=1.5>=a.data.duration-a.data.seconds?1:(Math.floor(a.data.seconds/a.data.duration*4)/4).toFixed(2);if(!lastP[a.player_id]||b>lastP[a.player_id])lastP[a.player_id]=b,0!=parseFloat(b)&&dataLayer.push({event:"video",eventCategory:"vimeo",eventAction:"vimeo video "+100*b+"% Complete",eventLabel:_playerTitle[getLabel(a.player_id)].toLowerCase()+" - "+getLabel(a.player_id),vimeo_playerID:getLabel(a.player_id),vimeo_playerTitle:_playerTitle[getLabel(a.player_id)].toLowerCase(),
vimeo_playerAuthor:_playerAuthor[getLabel(a.player_id)].toLowerCase(),vimeo_playerAuthorURL:_playerAuthorURL[getLabel(a.player_id)].toLowerCase(),vimeo_playerUploadDate:_playerUploadDate[getLabel(a.player_id)],nonInteractive:!0})}catch(c){}};</script><script type="text/javascript" src="./style.ccs_files/oembed.json"></script><script type="text/javascript" id="">fbq("track","PageView");</script><script type="text/javascript" id="">var timeOnPage=google_tag_manager["GTM-M3GT7K3"].macro(54)*google_tag_manager["GTM-M3GT7K3"].macro(55)/1E3;fbq("trackCustom","Time_Spent",{"Time on page":timeOnPage+"seconds",page:"https:\/\/leonidasesteban.com\/proyectos\/generador-contrasena"});</script><script src="./style.ccs_files/becas-624653e57fc3c1ec.js.download"></script><script src="./style.ccs_files/843-0837b94162f45405.js.download"></script><script src="./style.ccs_files/opiniones-8912d58afcf4ebb3.js.download"></script><script src="./style.ccs_files/cursos-5439ba9c997422b3.js.download"></script><script src="./style.ccs_files/[variant]-c826e434aa73e0bc.js.download"></script><script src="./style.ccs_files/6987-3a1f478b3348d249.js.download"></script><script src="./style.ccs_files/7287-a0e8122d42a0c19e.js.download"></script><script src="./style.ccs_files/1876-d5dcededc6990b0c.js.download"></script><script src="./style.ccs_files/mensual-2dc0c1c5c57a8a63.js.download"></script><script src="./style.ccs_files/anual-5beb845e13674d49.js.download"></script><iframe name="__privateStripeMetricsController5540" frameborder="0" allowtransparency="true" scrolling="no" allow="payment *" src="./style.ccs_files/m-outer-e8599ce48e3ee1681f9c49cea9065a1b.html" aria-hidden="true" tabindex="-1" style="border: none !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; visibility: hidden !important; position: fixed !important; height: 1px !important; pointer-events: none !important; user-select: none !important;"></iframe><script src="./style.ccs_files/favoritos-888daa7f57544fce.js.download"></script><script type="text/javascript" id="">fbq("track","PageView");</script><script type="text/javascript" id="">var timeOnPage=google_tag_manager["GTM-M3GT7K3"].macro(105)*google_tag_manager["GTM-M3GT7K3"].macro(106)/1E3;fbq("trackCustom","Time_Spent",{"Time on page":timeOnPage+"seconds",page:"https:\/\/leonidasesteban.com\/estudiante"});</script><script src="./style.ccs_files/[course]-3d6ecf79d8049988.js.download"></script><script type="text/javascript" src="./style.ccs_files/oembed(1).json"></script><script type="text/javascript" id="">fbq("track","PageView");</script><script type="text/javascript" id="">var timeOnPage=google_tag_manager["GTM-M3GT7K3"].macro(142)*google_tag_manager["GTM-M3GT7K3"].macro(143)/1E3;fbq("trackCustom","Time_Spent",{"Time on page":timeOnPage+"seconds",page:"https:\/\/leonidasesteban.com\/aprender\/desarrollo-web\/hola-mundo"});</script><script type="text/javascript" id="">fbq("track","PageView");</script><script type="text/javascript" id="">var timeOnPage=google_tag_manager["GTM-M3GT7K3"].macro(151)*google_tag_manager["GTM-M3GT7K3"].macro(152)/1E3;fbq("trackCustom","Time_Spent",{"Time on page":timeOnPage+"seconds",page:"https:\/\/leonidasesteban.com\/aprender\/desarrollo-web\/hola-mundo"});</script><script type="text/javascript" id="">fbq("track","PageView");</script><script type="text/javascript" id="">var timeOnPage=google_tag_manager["GTM-M3GT7K3"].macro(160)*google_tag_manager["GTM-M3GT7K3"].macro(161)/1E3;fbq("trackCustom","Time_Spent",{"Time on page":timeOnPage+"seconds",page:"https:\/\/leonidasesteban.com\/aprender\/desarrollo-web\/hola-mundo"});</script><script type="text/javascript" src="./style.ccs_files/oembed(1).json"></script><script type="text/javascript" id="">fbq("track","PageView");</script><script type="text/javascript" id="">var timeOnPage=google_tag_manager["GTM-M3GT7K3"].macro(170)*google_tag_manager["GTM-M3GT7K3"].macro(171)/1E3;fbq("trackCustom","Time_Spent",{"Time on page":timeOnPage+"seconds",page:"https:\/\/leonidasesteban.com\/aprender\/desarrollo-web\/software"});</script><script type="text/javascript" id="">fbq("track","PageView");</script><script type="text/javascript" id="">var timeOnPage=google_tag_manager["GTM-M3GT7K3"].macro(176)*google_tag_manager["GTM-M3GT7K3"].macro(177)/1E3;fbq("trackCustom","Time_Spent",{"Time on page":timeOnPage+"seconds",page:"https:\/\/leonidasesteban.com\/aprender\/desarrollo-web\/software"});</script><script type="text/javascript" id="">fbq("track","PageView");</script><script type="text/javascript" id="">var timeOnPage=google_tag_manager["GTM-M3GT7K3"].macro(185)*google_tag_manager["GTM-M3GT7K3"].macro(186)/1E3;fbq("trackCustom","Time_Spent",{"Time on page":timeOnPage+"seconds",page:"https:\/\/leonidasesteban.com\/aprender\/desarrollo-web\/software"});</script><script type="text/javascript" src="./style.ccs_files/oembed(1).json"></script><script type="text/javascript" src="./style.ccs_files/oembed(1).json"></script></body></html>