@ecored-sena/base-kit 0.0.1 → 0.0.3

package/dist/assets/Tema1-BCirabAO.js

@@ -0,0 +1 @@
+import{_ as h}from"./ejm-CQy5Q_ki.js";import{_ as m}from"./img-placeholder-D94sA4RA.js";import{c as r,a,b as t,d as o,n as p,e as l,f as v,w as g,r as d,o as c,_}from"./index-BYpqhlZS.js";const n="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2025.2.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2070%2070'%20style='enable-background:new%200%200%2070%2070;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23F5F5F5;}%20.st1{fill:%23FFFFFF;}%20%3c/style%3e%3cg%3e%3crect%20class='st0'%20width='70'%20height='70'/%3e%3cg%3e%3cpath%20class='st1'%20d='M53.8,18.3H16.2c-1.5,0-2.7,1.2-2.7,2.7v28c0,1.5,1.2,2.7,2.7,2.7h37.6c1.5,0,2.7-1.2,2.7-2.7V21%20C56.5,19.5,55.3,18.3,53.8,18.3z%20M53.8,21v19.9L48.4,36c-0.8-0.7-2.1-0.7-2.8,0.1l-5.5,5.4L29.4,28.7c-0.8-1-2.3-1-3.1,0l-10,11.7%20V21H53.8z%20M42.2,28.2c0-2.1,1.7-3.8,3.8-3.8c2.1,0,3.8,1.7,3.8,3.8S48.1,32,46,32C43.9,31.9,42.2,30.2,42.2,28.2z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e",x="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='42.764'%20height='50'%20viewBox='0%200%2042.764%2050'%3e%3cg%20transform='translate(-217%20-1875)'%3e%3cg%20transform='translate(217.001%201875)'%3e%3cpath%20d='M3.953-.048l21.136,0c1.374,1.391,9.625,9.726,12.51,12.647V45.931a3.978,3.978,0,0,1-3.953,4H3.953a3.978,3.978,0,0,1-3.953-4V3.954A3.978,3.978,0,0,1,3.953-.048Z'%20transform='translate(5.164%200.066)'%20fill='%23fff'/%3e%3cpath%20d='M1494.793,662.327h-21.068a4.121,4.121,0,0,0-4.091,4.142v41.7a4.121,4.121,0,0,0,4.091,4.142h29.418a4.121,4.121,0,0,0,4.091-4.142V674.922Zm10.142,45.839a1.806,1.806,0,0,1-1.792,1.815h-29.418a1.806,1.806,0,0,1-1.792-1.815v-41.7a1.806,1.806,0,0,1,1.792-1.815h20.116l.011.011v11.214h11.076l.007.007Z'%20transform='translate(-1464.505%20-662.327)'%20fill='%23fc7c6b'/%3e%3cpath%20d='M1456.429,948.847a1.6,1.6,0,0,1-1.537,1.638h-33.821a1.6,1.6,0,0,1-1.537-1.638V932.465a1.6,1.6,0,0,1,1.537-1.638h33.821a1.6,1.6,0,0,1,1.537,1.638Z'%20transform='translate(-1419.535%20-907.828)'%20fill='%23f15642'/%3e%3cpath%20d='M-9.717-9.1a5.19,5.19,0,0,1,2.145.41,3.181,3.181,0,0,1,1.4,1.17,3.208,3.208,0,0,1,.494,1.787,3.176,3.176,0,0,1-.494,1.781,3.2,3.2,0,0,1-1.4,1.164,5.19,5.19,0,0,1-2.145.409H-11.3V0h-2.574V-9.1Zm-.156,4.693a1.8,1.8,0,0,0,1.2-.345,1.22,1.22,0,0,0,.4-.982,1.24,1.24,0,0,0-.4-.988,1.775,1.775,0,0,0-1.2-.351H-11.3v2.665ZM-3.906-9.1H.4a6.024,6.024,0,0,1,2.652.559A4.211,4.211,0,0,1,4.843-6.955,4.469,4.469,0,0,1,5.48-4.55a4.469,4.469,0,0,1-.637,2.405A4.211,4.211,0,0,1,3.049-.559,6.024,6.024,0,0,1,.4,0h-4.3Zm4.2,7.046a2.638,2.638,0,0,0,1.878-.663A2.388,2.388,0,0,0,2.88-4.55a2.388,2.388,0,0,0-.708-1.833A2.638,2.638,0,0,0,.293-7.046H-1.332v4.992ZM9.926-7.111v2h4.017V-3.12H9.926V0H7.352V-9.1h7.137v1.989Z'%20transform='translate(17.999%2038)'%20fill='%23f8f8f8'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e",w="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='42.764'%20height='50'%20viewBox='0%200%2042.764%2050'%3e%3cg%20transform='translate(-698.519%20-1875)'%3e%3cpath%20d='M3.953-.048l21.136,0c1.374,1.391,9.625,9.726,12.51,12.647V45.931a3.978,3.978,0,0,1-3.953,4H3.953a3.978,3.978,0,0,1-3.953-4V3.954A3.978,3.978,0,0,1,3.953-.048Z'%20transform='translate(703.684%201875.066)'%20fill='%23fff'/%3e%3cg%20transform='translate(698.52%201875)'%3e%3cpath%20d='M1494.793,662.327h-21.068a4.121,4.121,0,0,0-4.091,4.142v41.7a4.121,4.121,0,0,0,4.091,4.142h29.418a4.121,4.121,0,0,0,4.091-4.142V674.922Zm10.142,45.839a1.806,1.806,0,0,1-1.792,1.815h-29.418a1.806,1.806,0,0,1-1.792-1.815v-41.7a1.806,1.806,0,0,1,1.792-1.815h20.116l.011.011v11.214h11.076l.007.007Z'%20transform='translate(-1464.505%20-662.327)'%20fill='%2368aeff'/%3e%3cpath%20d='M1456.429,948.847a1.6,1.6,0,0,1-1.537,1.638h-33.821a1.6,1.6,0,0,1-1.537-1.638V932.465a1.6,1.6,0,0,1,1.537-1.638h33.821a1.6,1.6,0,0,1,1.537,1.638Z'%20transform='translate(-1419.535%20-907.828)'%20fill='%23147ffd'/%3e%3cpath%20d='M-15.275-9.1h4.3a6.024,6.024,0,0,1,2.652.559A4.211,4.211,0,0,1-6.526-6.955,4.469,4.469,0,0,1-5.889-4.55a4.469,4.469,0,0,1-.637,2.405A4.211,4.211,0,0,1-8.32-.559,6.024,6.024,0,0,1-10.972,0h-4.3Zm4.2,7.046A2.638,2.638,0,0,0-9.2-2.717,2.388,2.388,0,0,0-8.489-4.55,2.388,2.388,0,0,0-9.2-6.383a2.638,2.638,0,0,0-1.878-.663H-12.7v4.992ZM.572.182A5.443,5.443,0,0,1-2.021-.429a4.591,4.591,0,0,1-1.807-1.69A4.584,4.584,0,0,1-4.485-4.55a4.584,4.584,0,0,1,.657-2.431,4.591,4.591,0,0,1,1.807-1.69A5.443,5.443,0,0,1,.572-9.282a5.443,5.443,0,0,1,2.593.611,4.591,4.591,0,0,1,1.807,1.69A4.584,4.584,0,0,1,5.629-4.55a4.584,4.584,0,0,1-.656,2.431A4.591,4.591,0,0,1,3.165-.429,5.443,5.443,0,0,1,.572.182Zm0-2.132A2.437,2.437,0,0,0,1.82-2.275,2.338,2.338,0,0,0,2.7-3.192,2.775,2.775,0,0,0,3.029-4.55,2.775,2.775,0,0,0,2.7-5.909a2.338,2.338,0,0,0-.884-.917A2.437,2.437,0,0,0,.572-7.15a2.437,2.437,0,0,0-1.248.325,2.338,2.338,0,0,0-.884.917A2.775,2.775,0,0,0-1.885-4.55,2.775,2.775,0,0,0-1.56-3.192a2.338,2.338,0,0,0,.884.917A2.437,2.437,0,0,0,.572-1.95ZM12.038.182a5.385,5.385,0,0,1-2.568-.6A4.52,4.52,0,0,1,7.683-2.106a4.643,4.643,0,0,1-.65-2.444,4.643,4.643,0,0,1,.65-2.444A4.52,4.52,0,0,1,9.47-8.677a5.385,5.385,0,0,1,2.568-.6,5.511,5.511,0,0,1,2.249.442,4.327,4.327,0,0,1,1.664,1.274L14.313-6.084A2.694,2.694,0,0,0,12.168-7.15a2.647,2.647,0,0,0-1.319.325,2.256,2.256,0,0,0-.9.917A2.821,2.821,0,0,0,9.633-4.55a2.821,2.821,0,0,0,.319,1.359,2.256,2.256,0,0,0,.9.917,2.647,2.647,0,0,0,1.319.325,2.694,2.694,0,0,0,2.145-1.066l1.638,1.482A4.327,4.327,0,0,1,14.287-.26,5.511,5.511,0,0,1,12.038.182Z'%20transform='translate(17.999%2038)'%20fill='%23f8f8f8'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e",y="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='42.764'%20height='50'%20viewBox='0%200%2042.764%2050'%3e%3cg%20transform='translate(0.001)'%3e%3cpath%20d='M3.953-.048l21.136,0c1.374,1.391,9.625,9.726,12.51,12.647V45.931a3.978,3.978,0,0,1-3.953,4H3.953a3.978,3.978,0,0,1-3.953-4V3.954A3.978,3.978,0,0,1,3.953-.048Z'%20transform='translate(5.164%200.066)'%20fill='%23fff'/%3e%3cpath%20d='M1494.793,662.327h-21.068a4.121,4.121,0,0,0-4.091,4.142v41.7a4.121,4.121,0,0,0,4.091,4.142h29.418a4.121,4.121,0,0,0,4.091-4.142V674.922Zm10.142,45.839a1.806,1.806,0,0,1-1.792,1.815h-29.418a1.806,1.806,0,0,1-1.792-1.815v-41.7a1.806,1.806,0,0,1,1.792-1.815h20.116l.011.011v11.214h11.076l.007.007Z'%20transform='translate(-1464.505%20-662.327)'%20fill='%2387d64e'/%3e%3cpath%20d='M1456.429,948.847a1.6,1.6,0,0,1-1.537,1.638h-33.821a1.6,1.6,0,0,1-1.537-1.638V932.465a1.6,1.6,0,0,1,1.537-1.638h33.821a1.6,1.6,0,0,1,1.537,1.638Z'%20transform='translate(-1419.535%20-907.828)'%20fill='%2363a832'/%3e%3cpath%20d='M-6.675,0-8.56-2.821-10.42,0h-2.938l3.315-4.6-3.172-4.5h2.9L-8.5-6.474-6.7-9.1h2.782L-7.091-4.706-3.712,0Zm4.082-9.1H-.019v7.059H4.323V0H-2.593ZM9.029.182A8.413,8.413,0,0,1,6.884-.091a5.276,5.276,0,0,1-1.69-.728l.845-1.9a5.468,5.468,0,0,0,1.417.65,5.394,5.394,0,0,0,1.586.247q1.482,0,1.482-.741A.614.614,0,0,0,10.1-3.14a7.77,7.77,0,0,0-1.359-.4,12.966,12.966,0,0,1-1.716-.475,2.888,2.888,0,0,1-1.183-.812A2.2,2.2,0,0,1,5.35-6.331a2.611,2.611,0,0,1,.455-1.5A3.045,3.045,0,0,1,7.163-8.892a5.592,5.592,0,0,1,2.217-.39,7.819,7.819,0,0,1,1.768.2,5.414,5.414,0,0,1,1.534.592l-.793,1.911a5.3,5.3,0,0,0-2.522-.7,2.114,2.114,0,0,0-1.118.227.682.682,0,0,0-.351.592.586.586,0,0,0,.416.546,7.522,7.522,0,0,0,1.339.377,12.544,12.544,0,0,1,1.722.475,2.974,2.974,0,0,1,1.183.806,2.153,2.153,0,0,1,.5,1.5A2.56,2.56,0,0,1,12.6-1.274a3.1,3.1,0,0,1-1.365,1.06A5.521,5.521,0,0,1,9.029.182Z'%20transform='translate(17.999%2038)'%20fill='%23f8f8f8'/%3e%3c/g%3e%3c/svg%3e",k="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='42.764'%20height='50'%20viewBox='0%200%2042.764%2050'%3e%3cg%20transform='translate(0.001)'%3e%3cpath%20d='M3.953-.048l21.136,0c1.374,1.391,9.625,9.726,12.51,12.647V45.931a3.978,3.978,0,0,1-3.953,4H3.953a3.978,3.978,0,0,1-3.953-4V3.954A3.978,3.978,0,0,1,3.953-.048Z'%20transform='translate(5.164%200.066)'%20fill='%23fff'/%3e%3cpath%20d='M1494.793,662.327h-21.068a4.121,4.121,0,0,0-4.091,4.142v41.7a4.121,4.121,0,0,0,4.091,4.142h29.418a4.121,4.121,0,0,0,4.091-4.142V674.922Zm10.142,45.839a1.806,1.806,0,0,1-1.792,1.815h-29.418a1.806,1.806,0,0,1-1.792-1.815v-41.7a1.806,1.806,0,0,1,1.792-1.815h20.116l.011.011v11.214h11.076l.007.007Z'%20transform='translate(-1464.505%20-662.327)'%20fill='%23ffb228'/%3e%3cpath%20d='M1456.429,948.847a1.6,1.6,0,0,1-1.537,1.638h-33.821a1.6,1.6,0,0,1-1.537-1.638V932.465a1.6,1.6,0,0,1,1.537-1.638h33.821a1.6,1.6,0,0,1,1.537,1.638Z'%20transform='translate(-1419.535%20-907.828)'%20fill='%23fb8600'/%3e%3cpath%20d='M-3.321-2.041V0h-8.151V-1.612l4.589-5.447h-4.472V-9.1h7.839v1.612L-8.105-2.041ZM-1.67-9.1H.9V0H-1.67Zm9.087,0a5.19,5.19,0,0,1,2.145.41,3.181,3.181,0,0,1,1.4,1.17,3.208,3.208,0,0,1,.494,1.787,3.176,3.176,0,0,1-.494,1.781,3.2,3.2,0,0,1-1.4,1.164,5.19,5.19,0,0,1-2.145.409H5.831V0H3.257V-9.1ZM7.261-4.407a1.8,1.8,0,0,0,1.2-.345,1.22,1.22,0,0,0,.4-.982,1.24,1.24,0,0,0-.4-.988,1.775,1.775,0,0,0-1.2-.351H5.831v2.665Z'%20transform='translate(17.999%2038)'%20fill='%23f8f8f8'/%3e%3c/g%3e%3c/svg%3e",V="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='42.764'%20height='50'%20viewBox='0%200%2042.764%2050'%3e%3cg%20transform='translate(-698.519%20-1961)'%3e%3cpath%20d='M3.953-.048l21.136,0c1.374,1.391,9.625,9.726,12.51,12.647V45.931a3.978,3.978,0,0,1-3.953,4H3.953a3.978,3.978,0,0,1-3.953-4V3.954A3.978,3.978,0,0,1,3.953-.048Z'%20transform='translate(703.684%201961.066)'%20fill='%23fff'/%3e%3cg%20transform='translate(698.52%201961)'%3e%3cpath%20d='M1494.793,662.327h-21.068a4.121,4.121,0,0,0-4.091,4.142v41.7a4.121,4.121,0,0,0,4.091,4.142h29.418a4.121,4.121,0,0,0,4.091-4.142V674.922Zm10.142,45.839a1.806,1.806,0,0,1-1.792,1.815h-29.418a1.806,1.806,0,0,1-1.792-1.815v-41.7a1.806,1.806,0,0,1,1.792-1.815h20.116l.011.011v11.214h11.076l.007.007Z'%20transform='translate(-1464.505%20-662.327)'%20fill='%23e67e69'/%3e%3cpath%20d='M1456.429,948.847a1.6,1.6,0,0,1-1.537,1.638h-33.821a1.6,1.6,0,0,1-1.537-1.638V932.465a1.6,1.6,0,0,1,1.537-1.638h33.821a1.6,1.6,0,0,1,1.537,1.638Z'%20transform='translate(-1419.535%20-907.828)'%20fill='%23ce4124'/%3e%3cpath%20d='M-8.918-9.1a5.19,5.19,0,0,1,2.145.41,3.181,3.181,0,0,1,1.4,1.17,3.208,3.208,0,0,1,.494,1.787,3.176,3.176,0,0,1-.494,1.781,3.2,3.2,0,0,1-1.4,1.164,5.19,5.19,0,0,1-2.145.409H-10.5V0h-2.574V-9.1Zm-.156,4.693a1.8,1.8,0,0,0,1.2-.345,1.22,1.22,0,0,0,.4-.982,1.24,1.24,0,0,0-.4-.988,1.775,1.775,0,0,0-1.2-.351H-10.5v2.665ZM1.053-9.1a5.19,5.19,0,0,1,2.145.41,3.181,3.181,0,0,1,1.4,1.17A3.208,3.208,0,0,1,5.1-5.733,3.176,3.176,0,0,1,4.6-3.952,3.2,3.2,0,0,1,3.2-2.789a5.19,5.19,0,0,1-2.145.409H-.533V0H-3.107V-9.1ZM.9-4.407a1.8,1.8,0,0,0,1.2-.345,1.22,1.22,0,0,0,.4-.982,1.24,1.24,0,0,0-.4-.988A1.775,1.775,0,0,0,.9-7.072H-.533v2.665ZM8.58-7.059h-2.8V-9.1h8.151v2.041H11.154V0H8.58Z'%20transform='translate(17.999%2038)'%20fill='%23f8f8f8'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e",q="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='45'%20height='45'%20viewBox='0%200%2045%2045'%3e%3cg%20transform='translate(-219%20-2139)'%3e%3crect%20width='45'%20height='45'%20transform='translate(219%202139)'%20fill='%23006df0'/%3e%3cg%20transform='translate(218.564%202160.795)%20rotate(-45)'%3e%3cpath%20d='M18.7,10.5h3.685a6.142,6.142,0,1,1,0,12.284H18.7m-7.37,0H7.642a6.142,6.142,0,1,1,0-12.284h3.685'%20transform='translate(0)'%20fill='none'%20stroke='%23fff'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='3'/%3e%3cpath%20d='M12,18h9.827'%20transform='translate(-1.901%20-1.358)'%20fill='none'%20stroke='%23fff'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='3'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e",L=""+new URL("ej-02-CDkc4Cbe.svg",import.meta.url).href,j={class:"curso-main-container pb-3"},C={class:"container tarjeta tarjeta--blanca p-4 p-md-5 mb-5"},A={class:"row justify-content-center mb-4"},I={class:"col-auto"},M=["href"],Z={class:"row justify-content-center mb-5"},T={class:"col-auto"},D=["href"],S={class:"row justify-content-center mb-5"},H={class:"col-auto"},B=["href"],F={class:"row justify-content-center mb-5"},N={class:"col-auto"},z=["href"],$={class:"row justify-content-center mt-4"},E={class:"col-auto"},P=["href"],O={class:"bloque-texto-g color-secundario p-3 p-sm-4 p-md-5"},G={class:"row justify-content-center mt-4"},K={class:"col-auto"},R=["href"],W={class:"bloque-texto-g bloque-texto-g--inverso color-secundario p-3 p-sm-4 p-md-5"},Y={class:"row justify-content-center mt-4"},U={class:"col-auto"},J=["href"],Q={class:"row justify-content-center mt-5"},X={class:"col-auto"},tt=["href"],et={class:"row justify-content-center mt-5"},st={class:"col-auto"},ot=["href"],at={class:"row justify-content-center mt-5"},it={class:"col-auto"},lt=["href"],nt={class:"row justify-content-center mt-5"},rt={class:"col-auto"},dt=["href"],ct={class:"row justify-content-center mb-5"},ut={class:"col-auto"},mt=["href"],pt={class:"row justify-content-center mb-5"},vt={class:"col-auto"},ft=["href"],bt={class:"row justify-content-center mb-4"},ht={class:"col-auto"},gt=["href"],_t={class:"row justify-content-center mb-5"},xt={class:"col-auto"},wt=["href"],yt={class:"row justify-content-center mb-5"},kt={class:"col-auto"},Vt=["href"],qt={class:"row justify-content-center mb-5"},Lt={class:"col-auto"},jt=["href"],Ct={class:"row"},At={class:"col-auto"},It={key:0,class:"indicador--click"},Mt={class:"col"},Zt={class:"row justify-content-center mb-5 mt-4"},Tt={class:"col-auto"},Dt=["href"],St={class:"row"},Ht={class:"col-lg-6"},Bt=["href"],Ft=["href"],Nt=["href"],zt={class:"col-lg-6"},$t=["href"],Et=["href"],Pt={class:"row justify-content-center mb-5"},Ot={class:"col-auto"},Gt=["href"],Kt={class:"tarjeta color-primario p-3 mb-4"},Rt={class:"row justify-content-around align-items-center"},Wt={class:"col"},Yt={class:"row justify-content-between align-items-center"},Ut={class:"col-sm-auto"},Jt=["href"],Qt={class:"row justify-content-center mb-5"},Xt={class:"col-auto"},te=["href"],ee={class:"mb-3"},se=["href"],oe={key:0,class:"indicador--click"},ae={class:"mb-3"},ie=["href"],le=["href"],ne=["href"],re=["href"],de={class:"mb-4"},ce=["href"],ue=["href"],me=["href"],pe=["href"],ve={class:"row justify-content-center mb-5"},fe={class:"col-auto"},be=["href"],he={class:"row justify-content-center mb-5"},ge={class:"col-auto"},_e=["href"];function xe(s,e,ye,ke,Ve,qe){const f=d("BannerInterno"),i=d("Separador"),b=d("ModalA");return c(),r("div",j,[a(f),t("div",C,[e[50]||(e[50]=o('<div class="titulo-principal color-acento-contenido"><div class="titulo-principal__numero"><span>1</span></div><h1>Básicos</h1></div><div class="titulo-segundo color-acento-contenido" id="t_1_1"><h2>1.1 Encabezados</h2></div><h3 class="mb-5"><i class="fas fa-angle-double-right txt--green"></i> Estilo de título para el índice de contenidos: </h3><div class="row justify-content-center align-items-center"><div class="col-11"><div class="titulo-principal color-primario"><div class="titulo-principal__numero"><span>1</span></div><h1>Título principal, 30pt </h1></div><div class="titulo-segundo color-primario"><h2>1.1 Título de segundo nivel, 24pt</h2></div><h3 class="titulo-tercero">Título de tercer nivel, 20pt </h3><h4 class="titulo-cuarto">Título de cuarto nivel, 18pt</h4><div class="titulo-quinto color-primario"><h4>Título de quinto nivel, 18pt</h4></div><div class="titulo-sexto color-primario mb-4"><h5>Título de sexto nivel, 16pt</h5><span>subtitulo</span></div></div></div>',4)),t("div",A,[t("div",I,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Encabezados.txt"),target:"_blank",type:"application/pdf"},[...e[3]||(e[3]=[t("span",null,"Ver código fuente ",-1)])],8,M)])]),a(i),e[51]||(e[51]=o('<div class="titulo-segundo color-acento-contenido" id="t_1_2"><h2>1.2 Párrafos</h2></div><p class="mb-5">Los párrafos mantienen un tamaño regular de 16 pt con interlineado base de 24 pt, sin embargo, existe excepciones para resaltar contenido donde se puede hacer uso de pesos <span class="text-thin">THIN, </span><span class="text-bold">BOLD, </span>y <span class="text-black">BLACK </span>o <span class="etiqueta">etiquetas</span>de color (según paleta del programa). Así mismo, el ancho de los cajones textos permite variación en las doce (12) columnas. </p>',2)),t("div",Z,[t("div",T,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Parrafos.txt"),target:"_blank",type:"application/pdf"},[...e[4]||(e[4]=[t("span",null,"Ver código fuente ",-1)])],8,D)])]),a(i),e[52]||(e[52]=o('<div class="titulo-segundo color-acento-contenido" id="t_1_3"><h2>1.3 Listados</h2></div><p class="mb-4">Se debe tener en cuenta que las personas realizan un escaneo del mismo para encontrar elementos de su interés. Las listas deben estar compuestas por elementos relacionados entre sí, con un orden específico o un conteo importante.</p><div class="row mb-3"><div class="col-md mb-5 mb-sm-0"><h4>Listado ordenado básico</h4><ol class="lista-ol"><li><span class="text-bold">1. </span>Item lista ordenada 1</li><li><span class="text-bold">2. </span>Item lista ordenada 2</li><li><span class="text-bold">a. </span>Item lista ordenada a</li><li><span class="text-bold">b. </span>Item lista ordenada b </li></ol></div><div class="col-sm mb-5 mb-sm-0"><h4>Listado ordenado cuadro color</h4><ol class="lista-ol--cuadro"><li><div class="lista-ol--cuadro__vineta v--green"><span>1</span></div>Item lista ordenada 1</li><li><div class="lista-ol--cuadro__vineta v--green"><span>2</span></div>Item lista ordenada 2</li><li><div class="lista-ol--cuadro__vineta v--green"><span>a</span></div>Item lista ordenada a</li><li><div class="lista-ol--cuadro__vineta v--green"><span>b</span></div>Item lista ordenada b</li></ol></div><div class="col-sm mb-5 mb-sm-0"><h4>Listado ordenado cuadro color + Separadores</h4><ol class="lista-ol--cuadro lista-ol--separador"><li><div class="lista-ol--cuadro__vineta v--green"><span>1</span></div>Item lista ordenada 1</li><li><div class="lista-ol--cuadro__vineta v--green"><span>2</span></div>Item lista ordenada 3</li><li><div class="lista-ol--cuadro__vineta v--green"><span>a</span></div>Item lista ordenada a</li><li><div class="lista-ol--cuadro__vineta v--green"><span>b</span></div>Item lista ordenada b</li></ol></div></div>',3)),t("div",S,[t("div",H,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Listas.txt"),target:"_blank",type:"application/pdf"},[...e[5]||(e[5]=[t("span",null,"Ver código fuente ",-1)])],8,B)])]),e[53]||(e[53]=o('<div class="row"><div class="col-sm mb-5 mb-sm-0"><h4>Listado no ordenado básico</h4><ul class="lista-ul"><li><i class="lista-ul__vineta"></i>Item lista no ordenada</li><li><ul><li><i class="lista-ul__vineta"></i>Item lista no ordenada</li><li><i class="lista-ul__vineta"></i>Item lista no ordenada</li></ul></li><li><i class="lista-ul__vineta"></i>Item lista no ordenada</li><li><i class="lista-ul__vineta"></i>Item lista no ordenada </li></ul></div><div class="col-sm mb-5 mb-sm-0"><h4>Listado no ordenado color</h4><ul class="lista-ul--color"><li><i class="fas fa-brain txt--green"></i>Item lista no ordenada</li><li><ul><li><i class="fas fa-bug txt--green"></i>Item lista no ordenada</li><li><i class="fas fa-car-side txt--green"></i>Item lista no ordenada</li></ul></li><li><i class="fas fa-compass txt--green"></i>Item lista no ordenada</li><li><i class="fas fa-eye txt--green"></i>Item lista no ordenada </li></ul></div><div class="col-sm"><h4>Listado no ordenado color + Separadores</h4><ul class="lista-ul--color lista-ul--separador"><li><i class="fas fa-feather txt--green"></i>Item lista no ordenada</li><li class="pb-0"><ul><li><i class="fas fa-cookie txt--green"></i>Item lista no ordenada</li></ul></li><li><i class="fas fa-hippo txt--green"></i>Item lista no ordenada</li><li><i class="fas fa-kiwi-bird txt--green"></i>Item lista no ordenada </li></ul></div></div>',1)),t("div",F,[t("div",N,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Listas2.txt"),target:"_blank",type:"application/pdf"},[...e[6]||(e[6]=[t("span",null,"Ver código fuente ",-1)])],8,z)])]),a(i),e[54]||(e[54]=o('<div class="titulo-segundo color-acento-contenido" id="t_1_4"><h2>1.4 Bloques de texto destacado</h2></div><p class="mb-5">Cuando se tiene una información sencilla que se puede explicar en un solo párrafo y acompañada por una imagen es pertinente usar esta herramienta ya que se puede combinar perfectamente con cualquiera de las herramientas anteriormente descritas. Se puede utilizar cuando tenemos un solo bloque de texto, sin subtópicos, listas, ramificaciones y demás divisiones, complementándolo con las demás herramientas. </p><div class="row"><div class="col-lg-5"><div class="cajon color-acento-contenido p-4"><div class="h5">Cajón texto color</div><p class="mb-0">Se puede usar dos o más columnas para diagramar el texto, estos elementos pueden presentar contenedores que permitan diferenciar ideas o conceptos.</p></div></div><div class="col-lg-7"><div class="cajon-b color-primario arriba-izquierda p-3"><p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel porta justo. Praesent congue nibh a justo ornare, eget vulputate nisl eleifend. Cras interdum finibus lacinia. Fusce dignissim sapien sit amet orci imperdiet, pharetra maximus nisi ullamcorper. Aliquam interdum elit ac nisi viverra, ultrices finibus est ultricies. Fusce tincidunt velit nulla. Aliquam eleifend libero eu neque rhoncus, sed placerat mi ornare.</p></div></div></div>',3)),t("div",$,[t("div",E,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Cajon.txt"),target:"_blank",type:"application/pdf"},[...e[7]||(e[7]=[t("span",null,"Ver código fuente ",-1)])],8,P)])]),e[55]||(e[55]=t("hr",{class:"my-5"},null,-1)),t("div",O,[t("div",{class:"bloque-texto-g__img",style:p({backgroundImage:`url(${s.imgEjm})`})},null,4),e[8]||(e[8]=t("div",{class:"bloque-texto-g__texto p-4"},[t("p",{class:"mb-0"},[l("Think about all the possibilities. A good composition is the result of a hierarchy consisting of clearly contrasting elements set with distinct alignments containing irregular intervals of negative space. Nothing of without working at it. Be impossible to ignore."),t("br"),t("br"),l("Stand so tall that they can’t look past you. Saul Bass on failure: Failure is built into creativity… the creative act involves this element of ‘newness’ and ‘experimentalism,’ then one must expect accept possibility of failure. ")])],-1))]),t("div",G,[t("div",K,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Cajon2.txt"),target:"_blank",type:"application/pdf"},[...e[9]||(e[9]=[t("span",null,"Ver código fuente ",-1)])],8,R)])]),e[56]||(e[56]=t("hr",{class:"my-5"},null,-1)),t("div",W,[t("div",{class:"bloque-texto-g__img",style:p({backgroundImage:`url(${s.imgEjm})`})},null,4),e[10]||(e[10]=t("div",{class:"bloque-texto-g__texto p-4"},[t("p",{class:"mb-0"},[l("Think about all the possibilities. A good composition is the result of a hierarchy consisting of clearly contrasting elements set with distinct alignments containing irregular intervals of negative space. Nothing of without working at it. Be impossible to ignore."),t("br"),t("br"),l("Stand so tall that they can’t look past you. Saul Bass on failure: Failure is built into creativity… the creative act involves this element of ‘newness’ and ‘experimentalism,’ then one must expect accept possibility of failure. ")])],-1))]),t("div",Y,[t("div",U,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Cajon3.txt"),target:"_blank",type:"application/pdf"},[...e[11]||(e[11]=[t("span",null,"Ver código fuente ",-1)])],8,J)])]),a(i),e[57]||(e[57]=o('<div class="titulo-segundo color-acento-contenido" id="t_1_5"><h2>1.5 Citas</h2></div><div class="row"><h3 class="titulo-tercero">Cajón texto color A</h3><div class="bloque-texto-a color-secundario p-4 p-md-5"><div class="row m-0 align-items-center justify-content-between"><div class="col-lg-4 mb-4 mb-lg-0"><h2 class="mb-0">Whatever can be captured in words can be conquered with understanding. </h2></div><div class="col-lg-8"><div class="bloque-texto-a__texto p-4"><p>Think about all the possibilities. A good composition is the result of a hierarchy consisting of clearly contrasting elements set with distinct alignments containing irregular intervals of negative space. Nothing of without working at it. Be impossible to ignore.<br><br>Stand so tall that they can’t look past you. Saul Bass on failure: Failure is built into creativity… the creative act involves this element of ‘newness’ and ‘experimentalism,’ then one must expect accept possibility of failure. </p></div></div></div></div></div>',2)),t("div",Q,[t("div",X,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Citas.txt"),target:"_blank",type:"application/pdf"},[...e[12]||(e[12]=[t("span",null,"Ver código fuente ",-1)])],8,tt)])]),e[58]||(e[58]=o('<hr class="my-5"><div class="row"><div class="col-lg-6 mb-5 mb-lg-0"><h3 class="titulo-tercero">Cajón texto color B</h3><div class="bloque-texto-b color-primario p-4"><div class="bloque-texto-b__texto"><i class="fas fa-quote-left"></i><h2 class="mb-0">Can we all just agree as the greater design community to stop talking about Comic Sans altogether?</h2><i class="fas fa-quote-right"></i></div></div></div><div class="col-lg-6"><h3 class="titulo-tercero">Cajón texto color C</h3><div class="bloque-texto-c color-primario p-4"><i class="fas fa-quote-right"></i><h2 class="mb-2">Then you’ll prove to yourself that you can survive anything.</h2><span>- The graphic designer</span></div></div></div>',2)),t("div",et,[t("div",st,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Citas2.txt"),target:"_blank",type:"application/pdf"},[...e[13]||(e[13]=[t("span",null,"Ver código fuente ",-1)])],8,ot)])]),e[59]||(e[59]=o('<hr class="my-5"><div class="row mb-5"><div class="col-lg-6 mb-5 mb-lg-0"><h3 class="titulo-tercero">Cajón texto color D</h3><div class="bloque-texto-d color-primario p-4"><div class="bloque-texto-d__texto mb-2"><i class="fas fa-quote-left"></i><h3 class="text-regular">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tincidunt augue in augue tempus, in dapibus justo interdum. Sed viverra sed odio quis rhoncus. In elementum purus massa, id venenatis purus ullamcorper ut. Vestibulum vel dictum dolor, nec fringilla orci. Nulla vestibulum, metus nec porttitor bibendum, lectus ligula viverra eros, eget tempor risus nulla pretium justo. Nullam turpis dolor, pharetra vel fermentum at, rutrum in elit. Maecenas vitae hendrerit libero, et ornare augue. Vestibulum iaculis, metus et accumsan malesuada, ligula sapien convallis risus, a iaculis velit ante at turpis. Vivamus bibendum tellus sed tincidunt rhoncus. Nam velit massa, porttitor eget quam et, porttitor viverra eros. Donec eget pharetra metus. Cras porta arcu eu mauris iaculis euismod. Sed fringilla vel nisl quis aliquam.</h3><i class="fas fa-quote-right"></i></div><div class="bloque-texto-d__autor"><div class="h5 mb-0">The graphic designer</div><div class="h6 mb-0">Lorem ipsum dolor sit amet</div></div></div></div><div class="col-lg-6"><h3 class="titulo-tercero">Cajón texto color E</h3><div class="bloque-texto-e color-primario p-4"><div class="bloque-texto-e__texto"><i class="fas fa-quote-left"></i><h4 class="text-regular">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tincidunt augue in augue tempus, in dapibus justo interdum. Sed viverra sed odio quis rhoncus. In elementum purus massa, id venenatis purus ullamcorper ut. Vestibulum vel dictum dolor, nec fringilla orci. Nulla vestibulum, metus nec porttitor bibendum, lectus ligula viverra eros, eget tempor risus nulla pretium justo. Nullam turpis dolor, pharetra vel fermentum at, rutrum in elit. Maecenas vitae hendrerit libero, et ornare augue. Vestibulum iaculis, metus et accumsan malesuada.</h4><i class="fas fa-quote-right"></i></div><div class="row align-items-end"><div class="col"><div class="bloque-texto-e__autor"><div class="h5 mb-0">The graphic designer</div><div class="h6 mb-0">Lorem ipsum dolor sit amet</div></div></div><div class="col-4"><img src="'+n+'" alt="Texto que describa la imagen"></div></div></div></div></div>',2)),t("div",at,[t("div",it,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Citas3.txt"),target:"_blank",type:"application/pdf"},[...e[14]||(e[14]=[t("span",null,"Ver código fuente ",-1)])],8,lt)])]),e[60]||(e[60]=o('<hr class="my-5"><h3 class="titulo-tercero">Cajón texto color F</h3><div class="bloque-texto-f color-primario pt-4 px-5 mb-5"><div class="bloque-texto-f__comillas"><i class="fas fa-quote-left"></i><i class="fas fa-quote-right"></i></div><h4 class="text-regular bloque-texto-f__texto">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tincidunt augue in augue tempus, in dapibus justo interdum. Sed viverra sed odio quis rhoncus. In elementum purus massa, id venenatis purus ullamcorper ut. Vestibulum vel dictum dolor, nec fringilla orci. Nulla vestibulum, metus nec porttitor bibendum, lectus ligula viverra eros, eget tempor risus nulla pretium justo. Nullam turpis dolor, pharetra vel fermentum at, rutrum in elit. Maecenas vitae hendrerit libero, et ornare augue. Vestibulum iaculis, metus et accumsan malesuada, ligula sapien convallis risus, a iaculis velit ante at turpis. Vivamus bibendum tellus sed tincidunt rhoncus. Nam velit massa, porttitor eget quam et, porttitor viverra eros. Donec eget pharetra metus. Cras porta arcu eu mauris iaculis euismod. Sed fringilla vel nisl quis aliquam.</h4><div class="bloque-texto-f__autor mb-3"><h3 class="mb-0">The graphic designer</h3></div><div class="bloque-texto-f__avatar"><div class="bloque-texto-f__avatar__img"><img src="'+n+'" alt="Texto que describa la imagen"></div></div></div>',3)),t("div",nt,[t("div",rt,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Citas4.txt"),target:"_blank",type:"application/pdf"},[...e[15]||(e[15]=[t("span",null,"Ver código fuente ",-1)])],8,dt)])]),a(i),e[61]||(e[61]=t("div",{class:"titulo-segundo color-acento-contenido",id:"t_1_6"},[t("h2",null,"1.6 Imágenes ")],-1)),e[62]||(e[62]=t("div",{class:"titulo-sexto color-secundario mb-3"},[t("h5",null,"Título de sexto nivel, 16pt"),t("span",null,"subtitulo ")],-1)),e[63]||(e[63]=t("figure",{class:"mb-3"},[t("img",{src:m,alt:"Texto que describa la imagen"}),t("figcaption",null,"Leyenda de la imagen ")],-1)),t("div",ct,[t("div",ut,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Imagenes.txt"),target:"_blank",type:"application/pdf"},[...e[16]||(e[16]=[t("span",null,"Ver código fuente ",-1)])],8,mt)])]),e[64]||(e[64]=o('<hr class="my-5"><div class="row justify-content-around mb-4"><div class="col-md-6 col-lg-4 mb-4"><div class="imagen-titulo--der color-secundario"><figure><img src="'+n+'" alt="Texto que describa la imagen"></figure><div class="imagen-titulo__titulo"><h4 class="m-0">Titulo de imagen </h4></div></div></div><div class="col-md-6 col-lg-4 mb-4"><div class="imagen-titulo--izq color-acento-botones"><figure><img src="'+n+'" alt="Texto que describa la imagen"></figure><div class="imagen-titulo__titulo"><h4 class="m-0">Titulo de imagen</h4></div></div></div></div>',2)),t("div",pt,[t("div",vt,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Imagenes2.txt"),target:"_blank",type:"application/pdf"},[...e[17]||(e[17]=[t("span",null,"Ver código fuente ",-1)])],8,ft)])]),a(i),e[65]||(e[65]=t("div",{class:"titulo-segundo color-acento-contenido",id:"t_1_7"},[t("h2",null,"1.7 Video ")],-1)),e[66]||(e[66]=t("figure",{class:"mb-3"},[t("div",{class:"video"},[t("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/2L91WMqw96A",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})]),t("figcaption",null,"Video: Leyenda del video")],-1)),t("div",bt,[t("div",ht,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Video.txt"),target:"_blank",type:"application/pdf"},[...e[18]||(e[18]=[t("span",null,"Ver código fuente ",-1)])],8,gt)])]),a(i),e[67]||(e[67]=o('<div class="titulo-segundo color-acento-contenido" id="t_1_8"><h2>1.8 Tablas</h2></div><div class="tabla-a color-primario mb-4"><table><caption>Leyenda de la tabla</caption><thead><tr><th>Encabezado 1</th><th>Encabezado 2</th><th>Encabezado 3</th><th>Encabezado 4</th></tr></thead><tbody><tr><td>Celda 1</td><td>Celda 2</td><td>Celda 3</td><td>Celda 4</td></tr><tr><td>Celda 1</td><td>Celda 2</td><td>Celda 3</td><td>Celda 4</td></tr><tr><td>Celda 1</td><td>Celda 2</td><td>Celda 3</td><td>Celda 4</td></tr></tbody></table></div>',2)),t("div",_t,[t("div",xt,[t("a",{class:"boton color-botones",href:s.obtenerLink("/downloads/t1/Tabla1.txt"),target:"_blank",type:"application/pdf"},[...e[19]||(e[19]=[t("span",null,"Ver código fuente",-1)])],8,wt)])]),e[68]||(e[68]=o('<hr class="my-5"><div class="tabla-b color-primario mb-4"><div class="tabla-b__header"><h4 class="mb-0">Niveles del lenguaje</h4></div><table><caption>Leyenda de la tabla</caption><tbody><tr><th>Vulgar</th><td>Get back to work. Learn from criticism. Creativity is a work-ethic. Design as if your life depended on it. Keep going. It isn’t what you are.</td></tr><tr><th>Coloquial</th><td>It isn’t what you are, but what you’re going to become. Don’t censor yourself. Sterility leads to susceptibility.It is, in effect, conditioned to prefer bad design.</td></tr><tr><th>Convencional o estándar</th><td>Paul Rand once said, “The public is more familiar with bad design than good design. leassuring. You are not your work. Don’t fucking lie to yourself. Life depended on it. Keep going</td></tr><tr><th>Técnico</th><td>The new becomes threatening, the old reassuring.” You are not your work. Don’t lie to yourself. Never, never assume that what Respect your craft. Widows and orphans are terrible.</td></tr><tr><th>Formal</th><td>Design as if your life depended on it. Keep going. It isn’t what you are, but what you’re going to become. Don’t censor yourself. </td></tr></tbody></table></div>',2)),t("div",yt,[t("div",kt,[t("a",{class:"boton color-botones",href:s.obtenerLink("/downloads/t1/Tabla2.txt"),target:"_blank",type:"application/pdf"},[...e[20]||(e[20]=[t("span",null,"Ver código fuente ",-1)])],8,Vt)])]),e[69]||(e[69]=o('<hr class="my-5"><div class="tabla-c mb-4"><table><caption>Leyenda de la tabla</caption><tbody><tr><th>03 de marzo</th><td><p class="text-small">Donec mattis libero quis nisi euismod, a sodales magna porttitor. Morbi nunc elit, feugiat a nisl eu, venenatis ultrices dui. Suspendisse at sodales est</p></td><td><div class="h6 mb-0">$12.500.200</div></td><td><div class="h6 mb-0">$12.500.200</div><span class="text-small">Textos pequeños</span></td><td><div class="h6">FDSD33</div></td></tr><tr><th>03 de marzo</th><td><p class="text-small">Donec mattis libero quis nisi euismod, a sodales magna porttitor. Morbi nunc elit, feugiat a nisl eu, venenatis ultrices dui. Suspendisse at sodales est</p></td><td><div class="h6 mb-0">$12.500.200</div></td><td><div class="h6 mb-0">$12.500.200</div><span class="text-small">Textos pequeños</span></td><td><div class="h6">FDSD33</div></td></tr><tr><th>03 de marzo</th><td><p class="text-small">Donec mattis libero quis nisi euismod, a sodales magna porttitor. Morbi nunc elit, feugiat a nisl eu, venenatis ultrices dui. Suspendisse at sodales est</p></td><td><div class="h6 mb-0">$12.500.200</div></td><td><div class="h6 mb-0">$12.500.200</div><span class="text-small">Textos pequeños</span></td><td><div class="h6">FDSD33</div></td></tr><tr><th>03 de marzo</th><td><p class="text-small">Donec mattis libero quis nisi euismod, a sodales magna porttitor. Morbi nunc elit, feugiat a nisl eu, venenatis ultrices dui. Suspendisse at sodales est</p></td><td><div class="h6 mb-0">$12.500.200</div></td><td><div class="h6 mb-0">$12.500.200</div><span class="text-small">Textos pequeños</span></td><td><div class="h6">FDSD33 </div></td></tr></tbody></table></div>',2)),t("div",qt,[t("div",Lt,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Tabla3.txt"),target:"_blank",type:"application/pdf"},[...e[21]||(e[21]=[t("span",null,"Ver código fuente ",-1)])],8,jt)])]),a(i),e[70]||(e[70]=t("div",{class:"titulo-segundo color-acento-contenido",id:"t_1_9"},[t("h2",null,"1.9 Llamados a la acción")],-1)),e[71]||(e[71]=t("h3",{class:"mb-5"},[t("i",{class:"fas fa-angle-double-right txt--green"}),l(" Botón modal ")],-1)),t("div",Ct,[t("div",At,[t("a",{class:"boton color-acento-botones indicador__container",onClick:e[0]||(e[0]=u=>s.modal1=!0)},[e[22]||(e[22]=t("span",null,"Abrir modal",-1)),s.mostrarIndicador?(c(),r("div",It)):v("",!0)])]),t("div",Mt,[t("p",null,[e[23]||(e[23]=l("moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t ",-1)),t("a",{class:"lnk",onClick:e[1]||(e[1]=u=>s.modal1=!0)},"Abrir modal "),e[24]||(e[24]=l("the height of your stature, it’s the heft of your spirit.",-1))])])]),a(b,{"abrir-modal":s.modal1},{default:g(()=>[...e[25]||(e[25]=[t("div",{class:"row align-items-center"},[t("div",{class:"col-md-6 mb-4 mb-md-0"},[t("h4",null,"Modal 1"),t("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")]),t("div",{class:"col-md-6"},[t("figure",null,[t("img",{src:m,alt:"Texto que describa la imagen"}),t("figcaption",null,"Leyenda de la imagen")])])],-1)])]),_:1},8,["abrir-modal"]),t("div",Zt,[t("div",Tt,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Modal.txt"),target:"_blank",type:"application/pdf"},[...e[26]||(e[26]=[t("span",null,"Ver código fuente ",-1)])],8,Dt)])]),e[72]||(e[72]=t("h3",{class:"mb-5"},[t("i",{class:"fas fa-angle-double-right txt--green"}),l(" Recursos y enlaces externos")],-1)),t("div",St,[t("div",Ht,[t("a",{class:"anexo mb-4",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank"},[...e[27]||(e[27]=[t("div",{class:"anexo__icono"},[t("img",{src:x})],-1),t("div",{class:"anexo__texto"},[t("p",null,"Anexo. Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias")],-1)])],8,Bt),t("a",{class:"anexo mb-4",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank"},[...e[28]||(e[28]=[t("div",{class:"anexo__icono"},[t("img",{src:w})],-1),t("div",{class:"anexo__texto"},[t("p",null,"Anexo. Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias")],-1)])],8,Ft),t("a",{class:"anexo mb-4",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank"},[...e[29]||(e[29]=[t("div",{class:"anexo__icono"},[t("img",{src:y})],-1),t("div",{class:"anexo__texto"},[t("p",null,"Anexo. Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias")],-1)])],8,Nt)]),t("div",zt,[t("a",{class:"anexo mb-4",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank"},[...e[30]||(e[30]=[t("div",{class:"anexo__icono"},[t("img",{src:k})],-1),t("div",{class:"anexo__texto"},[t("p",null,"Anexo. Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias")],-1)])],8,$t),t("a",{class:"anexo mb-4",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank"},[...e[31]||(e[31]=[t("div",{class:"anexo__icono"},[t("img",{src:V})],-1),t("div",{class:"anexo__texto"},[t("p",null,"Anexo. Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias")],-1)])],8,Et),e[32]||(e[32]=t("a",{class:"anexo mb-4 mb-lg-0",href:"https://en.wikipedia.org/wiki/Main_Page",target:"_blank"},[t("div",{class:"anexo__icono"},[t("img",{src:q})]),t("div",{class:"anexo__texto"},[t("p",null,"Anexo. Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias ")])],-1))])]),t("div",Pt,[t("div",Ot,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Externos.txt"),target:"_blank",type:"application/pdf"},[...e[33]||(e[33]=[t("span",null,"Ver código fuente ",-1)])],8,Gt)])]),e[73]||(e[73]=t("hr",{class:"my-5"},null,-1)),t("div",Kt,[t("div",Rt,[e[36]||(e[36]=t("div",{class:"col-3 col-sm-2 col-lg-1"},[t("img",{src:L})],-1)),t("div",Wt,[t("div",Yt,[e[35]||(e[35]=t("div",{class:"col mb-3 mb-sm-0"},[t("h4",{class:"mb-1"},"Título del recurso"),t("p",{class:"mb-0"},"Consideraciones generales de tratamiento clínico del paciente con COVID-19 en el servicio de urgencias ")],-1)),t("div",Ut,[t("a",{class:"boton color-acento-contenido texto-blanco",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank"},[...e[34]||(e[34]=[t("span",null,"Descargar",-1),t("i",{class:"fas fa-file-download"},null,-1)])],8,Jt)])])])])]),t("div",Qt,[t("div",Xt,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Externos2.txt"),target:"_blank",type:"application/pdf"},[...e[37]||(e[37]=[t("span",null,"Ver código fuente ",-1)])],8,te)])]),a(i),e[74]||(e[74]=t("div",{class:"titulo-segundo color-acento-contenido",id:"t_1_10"},[t("h2",null,"1.10 Botones")],-1)),t("div",ee,[t("a",{class:"boton indicador__container",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank",type:"application/pdf",onMouseover:e[2]||(e[2]=u=>s.mostrarIndicador=!1)},[e[38]||(e[38]=t("span",null,"Descargar",-1)),e[39]||(e[39]=t("i",{class:"fas fa-file-download"},null,-1)),s.mostrarIndicador?(c(),r("div",oe)):v("",!0)],40,se)]),t("div",ae,[t("a",{class:"boton color-primario me-4",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank",type:"application/pdf"},[...e[40]||(e[40]=[t("span",null,"Descargar",-1),t("i",{class:"fas fa-file-download"},null,-1)])],8,ie),t("a",{class:"boton color-secundario me-4",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank",type:"application/pdf"},[...e[41]||(e[41]=[t("span",null,"Descargar",-1),t("i",{class:"fas fa-file-download"},null,-1)])],8,le),t("a",{class:"boton color-acento-contenido me-4",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank",type:"application/pdf"},[...e[42]||(e[42]=[t("span",null,"Descargar",-1),t("i",{class:"fas fa-file-download"},null,-1)])],8,ne),t("a",{class:"boton color-acento-botones me-4",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank",type:"application/pdf"},[...e[43]||(e[43]=[t("span",null,"Descargar",-1),t("i",{class:"fas fa-file-download"},null,-1)])],8,re)]),t("div",de,[t("a",{class:"boton--sm color-primario texto-blanco me-4",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank",type:"application/pdf"},[...e[44]||(e[44]=[t("span",null,"Descargar",-1),t("i",{class:"fas fa-file-download"},null,-1)])],8,ce),t("a",{class:"boton--sm color-secundario texto-blanco me-4",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank",type:"application/pdf"},[...e[45]||(e[45]=[t("span",null,"Descargar",-1),t("i",{class:"fas fa-file-download"},null,-1)])],8,ue),t("a",{class:"boton--sm color-acento-contenido texto-blanco me-4",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank",type:"application/pdf"},[...e[46]||(e[46]=[t("span",null,"Descargar",-1),t("i",{class:"fas fa-file-download"},null,-1)])],8,me),t("a",{class:"boton--sm color-acento-botones texto-blanco me-4",href:s.obtenerLink("/downloads/prueba.pdf"),target:"_blank",type:"application/pdf"},[...e[47]||(e[47]=[t("span",null,"Descargar",-1),t("i",{class:"fas fa-file-download"},null,-1)])],8,pe)]),t("div",ve,[t("div",fe,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Botones.txt"),target:"_blank",type:"application/pdf"},[...e[48]||(e[48]=[t("span",null,"Ver código fuente ",-1)])],8,be)])]),a(i),e[75]||(e[75]=o('<div class="titulo-segundo color-acento-contenido" id="t_1_11"><h2>1.11 Animaciones</h2></div><h3 class="titulo-tercero">Fade</h3><div class="row mb-5"><div class="col-sm-6 col-md-4 col-lg-3 col-xxl-2 mb-3"><div class="tarjeta color-primario text-center p-3" data-aos="fade"><h3 class="mb-0">fade</h3></div></div><div class="col-sm-6 col-md-4 col-lg-3 col-xxl-2 mb-3"><div class="tarjeta color-secundario text-center p-3" data-aos="fade-up"><h3 class="mb-0">fade-up</h3></div></div><div class="col-sm-6 col-md-4 col-lg-3 col-xxl-2 mb-3"><div class="tarjeta color-acento-contenido text-center p-3" data-aos="fade-down"><h3 class="mb-0">fade-down</h3></div></div><div class="col-sm-6 col-md-4 col-lg-3 col-xxl-2 mb-3"><div class="tarjeta color-acento-botones text-center p-3" data-aos="fade-left"><h3 class="mb-0">fade-left</h3></div></div><div class="col-sm-6 col-md-4 col-lg-3 col-xxl-2 mb-3"><div class="tarjeta color-primario text-center p-3" data-aos="fade-right"><h3 class="mb-0">fade-right</h3></div></div><div class="col-sm-6 col-md-4 col-lg-3 col-xxl-2 mb-3"><div class="tarjeta color-secundario text-center p-3" data-aos="fade-up-right"><h3 class="mb-0">fade-up-right</h3></div></div><div class="col-sm-6 col-md-4 col-lg-3 col-xxl-2 mb-3"><div class="tarjeta color-acento-contenido text-center p-3" data-aos="fade-up-left"><h3 class="mb-0">fade-up-left</h3></div></div><div class="col-sm-6 col-md-4 col-lg-3 col-xxl-2 mb-3"><div class="tarjeta color-acento-botones text-center p-3" data-aos="fade-down-right"><h3 class="mb-0">fade-down-right</h3></div></div><div class="col-sm-6 col-md-4 col-lg-3 col-xxl-2 mb-3"><div class="tarjeta color-primario text-center p-3" data-aos="fade-down-left"><h3 class="mb-0">fade-down-left</h3></div></div></div>',3)),t("div",he,[t("div",ge,[t("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t1/Animaciones.txt"),target:"_blank",type:"application/pdf"},[...e[49]||(e[49]=[t("span",null,"Ver código fuente ",-1)])],8,_e)])])])])}const we={name:"Tema1",data:()=>({imgEjm:h,mostrarIndicador:!0,modal1:!1,modal2:!1})},Ae=_(we,[["render",xe]]);export{Ae as default};

package/dist/assets/Tema10-BJyRWrA6.js

@@ -0,0 +1 @@
+import{_ as s}from"./ej-05-bXqMyP0C.js";import{c as u,a as i,b as t,d as l,e as r,w as v,f as b,n as o,r as m,o as p,_ as h}from"./index-BYpqhlZS.js";const j=""+new URL("avatar-DwAwoNl6.svg",import.meta.url).href,_=""+new URL("Tarjetas-C9zVJ_pk.svg",import.meta.url).href,x=""+new URL("conectada_01-ITZBSPcB.svg",import.meta.url).href,g=""+new URL("conectada_02-0s-62CuK.svg",import.meta.url).href,y=""+new URL("conectada_03-vB0jaA6T.svg",import.meta.url).href,w={class:"curso-main-container pb-3"},k={class:"container tarjeta tarjeta--blanca p-4 p-md-5 mb-5"},T={class:"row justify-content-center mb-5"},q={class:"col-auto"},L=["href"],$={class:"row justify-content-center mb-5"},A={class:"col-auto"},C=["href"],S={class:"row justify-content-center mb-5"},R={class:"col-auto"},D=["href"],I={class:"row mb-5"},z={class:"col-lg-12 order-2 order-lg-1"},B={class:"row justify-content-center mb-5"},V={class:"col-auto"},J=["href"],E={class:"row justify-content-center mb-5"},P={class:"col-auto"},N=["href"],G={class:"row mb-5"},F={class:"col-lg-12 order-2 order-lg-1"},M={class:"row mb-4"},U={class:"col-sm-6 col-xl-3 mb-4 mb-xl-0"},H={key:0,class:"indicador--hover"},K={class:"tarjeta-slide__contenedor"},Y={class:"col-sm-6 col-xl-3 mb-4 mb-xl-0"},Z={class:"tarjeta-slide__contenedor"},O={class:"col-sm-6 col-xl-3 mb-4 mb-sm-0"},Q={class:"tarjeta-slide__contenedor"},W={class:"col-sm-6 col-xl-3"},X={class:"tarjeta-slide__contenedor"},tt={class:"row justify-content-center mb-5"},et={class:"col-auto"},at=["href"],st={class:"row mb-4"},it={class:"col-sm-6 col-xl-3 mb-4 mb-xl-0"},ot={class:"tarjeta tarjeta-flip color-primario"},lt={class:"tarjeta-flip__contenedor"},rt={class:"col-sm-6 col-xl-3 mb-4 mb-xl-0"},nt={key:0,class:"indicador--hover"},dt={class:"tarjeta-flip__contenedor"},ct={class:"col-sm-6 col-xl-3 mb-4 mb-sm-0"},ut={class:"tarjeta tarjeta-flip color-acento-contenido"},vt={class:"tarjeta-flip__contenedor"},mt={class:"col-sm-6 col-xl-3"},pt={class:"tarjeta tarjeta-flip color-acento-botones"},bt={class:"tarjeta-flip__contenedor"},gt={class:"row justify-content-center mb-5"},ft={class:"col-auto"},ht=["href"],jt={class:"row mb-5"},_t={class:"col-lg-12 order-2 order-lg-1"},xt={class:"row justify-content-center mb-5"},yt={class:"col-auto"},wt=["href"];function kt(a,e,qt,Lt,$t,At){const f=m("BannerInterno"),n=m("Separador"),c=m("TabsA");return p(),u("div",w,[i(f),t("div",k,[e[25]||(e[25]=l('<div class="titulo-principal color-acento-contenido"><div class="titulo-principal__numero"><span>10</span></div><h1>Tarjetas</h1></div><div class="row justify-content-center align-items-center mb-4"><div class="col-lg-6"><figure><img src="'+_+'" alt="alt"></figure></div><div class="col-lg-6"><div class="crd bg1 p-4 mb-4"><p class="mb-0">Las tarjetas se utilizan para agrupar varios contenidos dentro de un contenedor que se puede replicar de manera modular en el contenido del sitio web.</p></div><p>Es un forma de seccionar información un poco más amplia que en el carrusel de tarjetas, aunque igualmente se debe ser concreto en la explicación. Al ser tarjetas su intencionalidad está enfocada a dar un dato o definición específica, que el usuario pueda llevarse ese dato fácilmente en su memoria o asociarlo a un hecho rápidamente, puede usarse para:</p><div class="row justify-content-start align-items-center ps-3"><div class="col-lg-6"><ul class="lista-ul--color"><li><i class="lista-ul__vineta txt--green"></i>Definir roles específicos</li><li><i class="lista-ul__vineta txt--green"></i>Aclaraciones y excepciones</li><li><i class="lista-ul__vineta txt--green"></i>Caracterizaciones</li><li><i class="lista-ul__vineta txt--green"></i>Ventajas y desventajas</li></ul></div><div class="col-lg-6"><ul class="lista-ul--color"><li><i class="lista-ul__vineta txt--green"></i>Datos curiosos</li><li><i class="lista-ul__vineta txt--green"></i>Explicaciones pequeñas y concretas</li><li><i class="lista-ul__vineta txt--green"></i>Resultados</li><li><i class="lista-ul__vineta txt--green"></i>Estadísticas</li></ul></div></div></div></div>',2)),i(n),e[26]||(e[26]=l('<div class="titulo-segundo color-acento-contenido" id="t_10_1"><h2>10.1 Tarjetas - avatar</h2></div><h3 class="titulo-tercero">Tipo 1</h3><div class="row no-pointer mb-4"><div class="col-sm-6 col-lg-3 mb-4 mb-lg-0"><div class="tarjeta--boton color-primario p-4"><div class="row justify-content-center mb-3"><div class="col-7"><figure><img src="'+s+'" alt="Texto que describa la imagen"></figure></div></div><h3 class="text-center">Intuition important</h3><p class="text-center mb-0">Sed ut perspiciatis unde omnis iste natus error sit vtatem accusa ntium dol. </p></div></div><div class="col-sm-6 col-lg-3 mb-4 mb-lg-0"><div class="tarjeta--boton color-secundario p-4"><div class="row justify-content-center mb-3"><div class="col-7"><figure><img src="'+s+'" alt="Texto que describa la imagen"></figure></div></div><h3 class="text-center">Intuition important</h3><p class="text-center mb-0">Sed ut perspiciatis unde omnis iste natus error sit vtatem accusa ntium dol. </p></div></div><div class="col-sm-6 col-lg-3 mb-4 mb-sm-0"><div class="tarjeta--boton color-acento-contenido text-white--hover p-4"><div class="row justify-content-center mb-3"><div class="col-7"><figure><img src="'+s+'" alt="Texto que describa la imagen"></figure></div></div><h3 class="text-center">Intuition important</h3><p class="text-center mb-0">Sed ut perspiciatis unde omnis iste natus error sit vtatem accusa ntium dol. </p></div></div><div class="col-sm-6 col-lg-3"><div class="tarjeta--boton color-acento-botones p-4"><div class="row justify-content-center mb-3"><div class="col-7"><figure><img src="'+s+'" alt="Texto que describa la imagen"></figure></div></div><h3 class="text-center">Intuition important</h3><p class="text-center mb-0">Sed ut perspiciatis unde omnis iste natus error sit vtatem accusa ntium dol.</p></div></div></div>',3)),t("div",T,[e[6]||(e[6]=t("p",{class:"text-center fst-italic"},[t("strong",null,"Nota:"),r(" Revisar los estilos para quitar el cursor pointer")],-1)),t("div",q,[t("a",{class:"boton color-botones texto-blanco",href:a.obtenerLink("/downloads/t10/Tarjetas_avatar.txt"),target:"_blank",type:"application/pdf"},[...e[5]||(e[5]=[t("span",null,"Ver código fuente",-1)])],8,L)])]),e[27]||(e[27]=l('<hr class="my-5"><h3 class="titulo-tercero">Tipo 2</h3><div class="row"><div class="col-lg-6"><div class="tarjeta-avatar-b mb-4"><div class="tarjeta-avatar-b__img"><img src="'+s+'" alt="AvatarTop"></div><div class="tarjeta tarjeta--azul"><div class="p-4"><h4>John Doe</h4><p>moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.</p></div></div></div></div><div class="col-lg-6"><div class="tarjeta-avatar-b mb-4"><div class="tarjeta-avatar-b__img"><img src="'+s+'" alt="AvatarTop"></div><div class="tarjeta color-acento-botones"><div class="p-4"><h4>John Doe</h4><p>moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.</p></div></div></div></div></div>',3)),t("div",$,[t("div",A,[t("a",{class:"boton color-botones texto-blanco",href:a.obtenerLink("/downloads/t10/Tarjetas_avatar2.txt"),target:"_blank",type:"application/pdf"},[...e[7]||(e[7]=[t("span",null,"Ver código fuente",-1)])],8,C)])]),e[28]||(e[28]=l('<hr class="my-5"><h3 class="titulo-tercero">Tipo 3</h3><div class="row mb-4"><div class="col-md-6 col-lg mb-5 mb-lg-0"><div class="tarjeta-avatar"><img src="'+s+'" alt=""><div class="tarjeta color-primario"><div class="p-4"><h4 class="text-center">John Doe</h4><p class="mb-0">moment. K askdnaskjda sjkdn akjsndasd ajshd akjshd kajshd ask djhak sjdha ksjdha kjsdha kjsdha kjsdh akjshda kjshd aksjdh kajsd djkhakjshdka jsak Abandon the shelter of insecurity.</p></div></div></div></div><div class="col-md-6 col-lg mb-5 mb-lg-0"><div class="tarjeta-avatar"><img src="'+s+'" alt=""><div class="tarjeta color-acento-botones"><div class="p-4"><h4 class="text-center">John Doe</h4><p class="mb-0">moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.</p></div></div></div></div><div class="col-md-6 col-lg mb-5 mb-lg-0"><div class="tarjeta-avatar"><img src="'+s+'" alt=""><div class="tarjeta color-acento-contenido"><div class="p-4 text-white"><h4 class="text-center">Greatness isn’t the height</h4><p class="mb-0">moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.</p></div></div></div></div></div>',3)),t("div",S,[t("div",R,[t("a",{class:"boton color-botones texto-blanco",href:a.obtenerLink("/downloads/t10/Tarjetas_avatar3.txt"),target:"_blank",type:"application/pdf"},[...e[8]||(e[8]=[t("span",null,"Ver código fuente",-1)])],8,D)])]),t("div",I,[t("div",z,[i(c,{class:"color-acento-botones"},{default:v(()=>[...e[9]||(e[9]=[t("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[t("ul",{class:"lista-ul mb-4"},[t("li",null,[t("i",{class:"fas fa-angle-right txt--green"}),r("Titulo corto de máximo 5 palabras")]),t("li",null,[t("i",{class:"fas fa-angle-right txt--green"}),r("Cada tarjeta debe ir acompañada de un texto corto de máximo 40 palabras que acompañe a una foto o ilustración. ")])])],-1)])]),_:1})])]),i(n),e[29]||(e[29]=l('<div class="titulo-segundo color-acento-contenido" id="t_10_2"><h2>10.2 Tarjetas - conectadas</h2></div><div class="tarjeta--container row mb-4"><div class="col-md tarjeta color-primario p-5"><div class="row justify-content-center mb-4"><div class="col-6"><figure><img src="'+s+'" alt="Texto que describa la imagen"></figure></div></div><h2 class="text-center">Celebrate your<br>failures</h2><p>To surpass others is fucking tough, if you only do as you are told you don’t have it in you to succeed. Think about all the possibilities. You’ve been placed in the crucial moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.</p></div><div class="col-md tarjeta color-acento-botones p-5"><div class="row justify-content-center mb-4"><div class="col-6"><figure><img src="'+s+'" alt="Texto que describa la imagen"></figure></div></div><h2 class="text-center">Sterility leads to<br>susceptibility</h2><p>Remember it’s called the creative process, it’s not the creative moment. Saul Bass on failure: Failure is built into creativity… the creative act involves this element of ‘newness’ and ‘experimentalism,’ then one must expect and accept the possibility of failure.</p></div><div class="col-md tarjeta color-acento-contenido text-white p-5"><div class="row justify-content-center mb-4"><div class="col-6"><figure><img src="'+s+'" alt="Texto que describa la imagen"></figure></div></div><h2 class="text-center">Sterility leads to<br>susceptibility</h2><p>Remember it’s called the creative process, it’s not the creative moment. Saul Bass on failure: Failure is built into creativity… the creative act involves this element of ‘newness’ and ‘experimentalism,’ then one must expect and accept the possibility of failure.</p></div></div>',2)),t("div",B,[t("div",V,[t("a",{class:"boton color-botones",href:a.obtenerLink("/downloads/t10/Tarjetas_conectadas.txt"),target:"_blank",type:"application/pdf"},[...e[10]||(e[10]=[t("span",null,"Ver código fuente",-1)])],8,J)])]),e[30]||(e[30]=l('<div class="titulo-sexto color-acento-contenido mb-3"><h5>Ejemplo</h5><span>tarjetas - conectadas</span></div><div class="row justify-content-center mb-4"><div class="col-lg-9 position-relative"><div class="avatar"><figure><img class="img250" src="'+x+'" alt="alt"></figure></div><div class="crd crd--avatarHorizontal crd--first py-4"><div class="row align-items-center"><div class="col-auto"><figure><img class="img100" src="'+g+'" alt="alt"></figure></div><div class="col"><h5>Calidad de la información</h5><p>Es importante tener en cuenta las variables, la ponderación de estas refleja la calidad de la información, la cual le permitirá obtener información concreta, clara y medible. Es necesario resaltar las características determinantes desde enfoques cualitativos y cuantitativos del dato obtenido.</p></div></div></div><div class="crd crd--avatarHorizontal py-4"><div class="row align-items-center"><div class="col-auto"><figure><img class="img100" src="'+g+'" alt="alt"></figure></div><div class="col"><h5>Aplicación de técnicas</h5><p>Desarrolle técnicas que le permitan tener un panorama completo de la información que se esté analizando, integrando las variables obtenidas en la medición y contrastando detalladamente los datos.</p></div></div></div><div class="crd crd--avatarHorizontal crd--last py-4"><div class="row align-items-center"><div class="col-auto"><figure><img class="img100" src="'+y+'" alt="alt"></figure></div><div class="col"><h5>Comunicación correcta de los resultados</h5><p>En los análisis de resultados, el determinante es saber mostrar la información, tenga en cuenta la objetividad, la claridad, la transparencia y la organización de la información.</p></div></div></div></div></div>',2)),t("div",E,[t("div",P,[t("a",{class:"boton color-botones",href:a.obtenerLink("/downloads/t10/Tarjetas_conectadas2.txt"),target:"_blank",type:"application/pdf"},[...e[11]||(e[11]=[t("span",null,"Ver código fuente",-1)])],8,N)])]),t("div",G,[t("div",F,[i(c,{class:"color-acento-botones"},{default:v(()=>[...e[12]||(e[12]=[t("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[t("ul",{class:"lista-ul mb-4"},[t("li",null,[t("i",{class:"fas fa-angle-right txt--green"}),r("Titulo corto de máximo 5 palabras")]),t("li",null,[t("i",{class:"fas fa-angle-right txt--green"}),r("Cada tarjeta debe ir acompañada de un texto corto de máximo 40 palabras que acompañe a una foto o ilustración.")])])],-1)])]),_:1})])]),i(n),e[31]||(e[31]=t("div",{class:"titulo-segundo color-acento-contenido",id:"t_10_3"},[t("h2",null,"10.3 Tarjetas - animadas")],-1)),e[32]||(e[32]=t("h3",{class:"titulo-tercero"},"Tipo 1 - Tarjetas slide",-1)),t("div",M,[t("div",U,[t("div",{class:"tarjeta tarjeta-slide arriba color-primario",onMouseover:e[0]||(e[0]=d=>a.indicadorTarjetaSlide=!1)},[a.indicadorTarjetaSlide?(p(),u("div",H)):b("",!0),t("div",K,[e[13]||(e[13]=t("div",{class:"tarjeta-slide__contenido p-4 p-xl-5"},[t("h1",null,"John Doe"),t("p",null,"Lorem ipsum dolor sit amet,")],-1)),t("div",{class:"tarjeta-slide__img",style:o({"background-image":`url(${a.avatarImg})`})},null,4)])],32)]),t("div",Y,[t("div",{class:"tarjeta tarjeta-slide abajo color-secundario",onMouseover:e[1]||(e[1]=d=>a.indicadorTarjetaSlide=!1)},[t("div",Z,[t("div",{class:"tarjeta-slide__img",style:o({"background-image":`url(${a.avatarImg})`})},null,4),e[14]||(e[14]=t("div",{class:"tarjeta-slide__contenido p-4 p-xl-5"},[t("h1",null,"John Doe"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus id, vulputate turpis. ")],-1))])],32)]),t("div",O,[t("div",{class:"tarjeta tarjeta-slide derecha color-acento-contenido",onMouseover:e[2]||(e[2]=d=>a.indicadorTarjetaSlide=!1)},[t("div",Q,[t("div",{class:"tarjeta-slide__img",style:o({"background-image":`url(${a.avatarImg})`})},null,4),e[15]||(e[15]=t("div",{class:"tarjeta-slide__contenido p-4 p-xl-5"},[t("h1",null,"John Doe"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus id, vulputate turpis. ")],-1))])],32)]),t("div",W,[t("div",{class:"tarjeta tarjeta-slide izquierda color-acento-botones",onMouseover:e[3]||(e[3]=d=>a.indicadorTarjetaSlide=!1)},[t("div",X,[t("div",{class:"tarjeta-slide__img",style:o({"background-image":`url(${a.avatarImg})`})},null,4),e[16]||(e[16]=t("div",{class:"tarjeta-slide__contenido p-4 p-xl-5"},[t("h1",null,"John Doe"),t("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus id, vulputate turpis.")],-1))])],32)])]),t("div",tt,[t("div",et,[t("a",{class:"boton color-botones texto-blanco",href:a.obtenerLink("/downloads/t10/Tarjetas_animadas.txt"),target:"_blank",type:"application/pdf"},[...e[17]||(e[17]=[t("span",null,"Ver código fuente",-1)])],8,at)])]),e[33]||(e[33]=t("hr",{class:"my-5"},null,-1)),e[34]||(e[34]=t("h3",{class:"titulo-tercero"},"Tipo 1 - Tarjetas flip",-1)),t("div",st,[t("div",it,[t("div",ot,[t("div",lt,[t("div",{class:"tarjeta-flip__img",style:o({"background-image":`url(${a.avatarImg})`})},null,4),e[18]||(e[18]=t("div",{class:"tarjeta-flip__contenido p-4"},[t("h4",null,"John Doe"),t("p",{class:"mb-0"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus id, vulputate turpis.")],-1))])])]),t("div",rt,[t("div",{class:"tarjeta tarjeta-flip color-secundario",onMouseover:e[4]||(e[4]=d=>a.indicadorTarjetaFlip=!1)},[a.indicadorTarjetaFlip?(p(),u("div",nt)):b("",!0),t("div",dt,[t("div",{class:"tarjeta-flip__img",style:o({"background-image":`url(${a.avatarImg})`})},null,4),e[19]||(e[19]=t("div",{class:"tarjeta-flip__contenido p-4"},[t("h4",null,"John Doe"),t("p",{class:"mb-0"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus id, vulputate turpis.")],-1))])],32)]),t("div",ct,[t("div",ut,[t("div",vt,[t("div",{class:"tarjeta-flip__img",style:o({"background-image":`url(${a.avatarImg})`})},null,4),e[20]||(e[20]=t("div",{class:"tarjeta-flip__contenido p-4"},[t("h4",null,"John Doe"),t("p",{class:"mb-0"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus id, vulputate turpis.")],-1))])])]),t("div",mt,[t("div",pt,[t("div",bt,[t("div",{class:"tarjeta-flip__img",style:o({"background-image":`url(${a.avatarImg})`})},null,4),e[21]||(e[21]=t("div",{class:"tarjeta-flip__contenido p-4"},[t("h4",null,"John Doe"),t("p",{class:"mb-0"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus id, vulputate turpis.")],-1))])])])]),t("div",gt,[t("div",ft,[t("a",{class:"boton color-botones texto-blanco",href:a.obtenerLink("/downloads/t10/Tarjetas_animadas2.txt"),target:"_blank",type:"application/pdf"},[...e[22]||(e[22]=[t("span",null,"Ver código fuente",-1)])],8,ht)])]),t("div",jt,[t("div",_t,[i(c,{class:"color-acento-botones"},{default:v(()=>[...e[23]||(e[23]=[t("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[t("ul",{class:"lista-ul mb-4"},[t("li",null,[t("i",{class:"fas fa-angle-right txt--green"}),r("Titulo corto de máximo 5 palabras")]),t("li",null,[t("i",{class:"fas fa-angle-right txt--green"}),r("Cada tarjeta debe ir acompañada de un texto corto de máximo 40 palabras que acompañe a una foto o ilustración.")])])],-1)])]),_:1})])]),i(n),e[35]||(e[35]=l('<div class="titulo-segundo color-acento-contenido" id="t_10_4"><h2>10.4 Tarjetas con número</h2></div><div class="row mb-4"><div class="col-md-6 col-xl mb-4 mb-xl-0"><div class="tarjeta-numerada color-primario p-5"><div class="tarjeta-numerada__numero"><div class="h2">1</div></div><p class="text-center"><b>Ruta integral de atención en salud</b></p><p class="text-center">Acciones realizadas en los entornos donde transcurre la vida y se desarrollan las personas</p></div></div><div class="col-md-6 col-xl mb-4 mb-xl-0"><div class="tarjeta-numerada color-secundario p-5"><div class="tarjeta-numerada__numero"><div class="h2">2</div></div><p class="text-center"><b>Ruta integral de atención en salud</b></p><p class="text-center">Acciones realizadas en los entornos donde transcurre la vida y se desarrollan las personas</p></div></div><div class="col-md-6 col-xl mb-4 mb-xl-0"><div class="tarjeta-numerada color-acento-contenido p-5"><div class="tarjeta-numerada__numero"><div class="h2">3</div></div><p class="text-center"><b>Ruta integral de atención en salud</b></p><p class="text-center">Acciones realizadas en los entornos donde transcurre la vida y se desarrollan las personas</p></div></div><div class="col-md-6 col-xl mb-4 mb-xl-0"><div class="tarjeta-numerada color-acento-botones p-5"><div class="tarjeta-numerada__numero"><div class="h2">4</div></div><p class="text-center"><b>Ruta integral de atención en salud</b></p><p class="text-center">Acciones realizadas en los entornos donde transcurre la vida y se desarrollan las personas</p></div></div></div>',2)),t("div",xt,[t("div",yt,[t("a",{class:"boton color-botones texto-blanco",href:a.obtenerLink("/downloads/t10/Tarjetas_con_numero.txt"),target:"_blank",type:"application/pdf"},[...e[24]||(e[24]=[t("span",null,"Ver código fuente",-1)])],8,wt)])])])])}const Tt={name:"Tema10",data:()=>({avatarImg:j,indicadorTarjetaSlide:!0,indicadorTarjetaFlip:!0}),mounted(){this.$nextTick(()=>{this.$aosRefresh()})},updated(){this.$aosRefresh()}},Rt=h(Tt,[["render",kt]]);export{Rt as default};

package/dist/assets/Tema10-DksSyG96.css

@@ -0,0 +1 @@
+.actividad{background-color:#f2f2f2}.avatar{position:absolute;bottom:0;right:-4rem;z-index:1}@media(max-width:1000px){.avatar{display:none}}.crd--avatarHorizontal{position:relative;padding-right:12rem}.crd--avatarHorizontal>*{position:relative}.crd--avatarHorizontal h5{color:#7f4fc7}.crd--avatarHorizontal p{margin-bottom:0}.crd--avatarHorizontal:before{position:absolute;content:"";top:0;right:0;width:calc(100% - 60px);height:100%;background-color:#c5e5fe}@media(max-width:1000px){.crd--avatarHorizontal{padding-right:2rem}}.crd--first:before,.crd--last:before{background-color:#ddedf8!important}.crd--first:before{border-top-left-radius:30px}.crd--last:before{border-bottom-left-radius:30px}

package/dist/assets/Tema11-DAh0z3TD.css

@@ -0,0 +1 @@
+.actividad{background-color:#f2f2f2}.clr--pink{background-color:#ffafb2}.clr--pink02{background-color:#ffdfe0}

package/dist/assets/Tema11-DKGz8ctF.js

@@ -0,0 +1 @@
+import{c as a,a as e,b as o,d as r,w as l,r as i,o as n,f as u,_ as m}from"./index-BYpqhlZS.js";const p=""+new URL("audio-ej-D1CkDLPi.mp3",import.meta.url).href,v=""+new URL("5-CClCvLE9.mp3",import.meta.url).href,h=""+new URL("6-CIiYScFQ.mp3",import.meta.url).href,b=""+new URL("7-DoiIN9I3.mp3",import.meta.url).href,g="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2026.2.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201000.9%20616.7'%20style='enable-background:new%200%200%201000.9%20616.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;stroke:%23818181;stroke-width:3;stroke-miterlimit:10;}%20.st1{fill:%23E6E6E5;}%20.st2{fill:%23FFFFFF;stroke:%23818181;stroke-width:5;stroke-miterlimit:10;}%20.st3{fill:%23A7A9AC;}%20%3c/style%3e%3cpath%20class='st0'%20d='M42.9,531.6V85.1c0-17.1,13.9-31,31-31H927c17.1,0,31,13.9,31,31v446.5c0,17.1-13.9,31-31,31H73.9%20C56.8,562.6,42.9,548.7,42.9,531.6z'/%3e%3crect%20x='97'%20y='499.6'%20class='st1'%20width='807'%20height='10'/%3e%3ccircle%20class='st2'%20cx='500.5'%20cy='285.8'%20r='68.5'/%3e%3ccircle%20class='st2'%20cx='142.8'%20cy='504.6'%20r='18.2'/%3e%3cg%3e%3cpath%20class='st3'%20d='M537.6,289.5c-0.4,0.9-0.3,1.8-0.4,2.7c-1.2,8.1-4.4,15.4-9.7,21.7c-1.3,1.6-3.3,1.8-4.8,0.6%20c-1.8-1.5-2.3-3.4-1-5.1c1.7-2.2,3.3-4.5,4.6-7c1.9-3.7,3.1-7.6,3.6-11.7c0.9-6.9-0.2-13.6-3.2-19.9c-1.3-2.8-3-5.4-5-7.7%20c-0.7-0.9-1.5-1.7-1.4-3c0-1.4,1.2-3,2.6-3.6c1.4-0.5,2.9-0.1,3.9,1.1c5.4,6.3,8.9,13.5,10.2,21.7c0.2,1.2,0.4,2.3,0.4,3.5%20c0,0.1,0,0.2,0.1,0.3c0,0.1,0,0.3,0,0.4c-0.1,0.1-0.1,0.2,0,0.3c0,0.2,0,0.5,0,0.7c-0.1,0.3-0.1,0.7,0,1c0,0.5,0,1,0,1.5%20c-0.1,0.4-0.1,0.9,0,1.3c0,0.1,0,0.3,0,0.4c-0.1,0.1-0.1,0.2,0,0.3C537.6,289.2,537.6,289.3,537.6,289.5z'/%3e%3cpath%20class='st3'%20d='M537.6,288.2c-0.2-0.4-0.2-0.9,0-1.3C537.6,287.4,537.6,287.8,537.6,288.2z'/%3e%3cpath%20class='st3'%20d='M537.6,285.5c-0.2-0.3-0.2-0.7,0-1C537.6,284.8,537.6,285.1,537.6,285.5z'/%3e%3cpath%20class='st3'%20d='M537.6,283.7c-0.2-0.1-0.2-0.2,0-0.3C537.6,283.5,537.6,283.6,537.6,283.7z'/%3e%3cpath%20class='st3'%20d='M537.6,289c-0.2-0.1-0.2-0.2,0-0.3C537.6,288.8,537.6,288.9,537.6,289z'/%3e%3cpath%20class='st3'%20d='M500.5,286.2c0,7.4,0,14.9,0,22.3c0,1.9-0.8,3.1-2.3,3.6c-1.3,0.4-2.4,0.1-3.4-0.7c-3.3-2.7-6.6-5.5-9.9-8.2%20c-2.6-2.2-5.3-4.4-7.9-6.6c-0.4-0.3-0.8-0.4-1.2-0.4c-2.9,0-5.8-0.1-8.7,0c-2.5,0.1-3.8-1.8-3.8-3.8c0.1-4.3,0-8.5,0-12.8%20c0-2.3,1.4-3.7,3.6-3.7c2.9,0,5.8,0,8.8,0c0.5,0,0.9-0.1,1.4-0.5c5.9-4.9,11.7-9.8,17.6-14.6c1.7-1.4,3.8-1.3,5.1,0.4%20c0.4,0.5,0.6,1,0.6,1.7c0,0.5,0,1,0,1.5C500.5,271.8,500.5,279,500.5,286.2z'/%3e%3cpath%20class='st3'%20d='M521.3,285.9c0,6.2-1.8,11.5-5.2,16.3c-1.2,1.6-3.2,2-4.7,0.9c-1.9-1.3-2.5-3.3-1.4-5.1c1.5-2.2,2.7-4.4,3.3-7%20c1.4-5.9,0.4-11.4-3.1-16.4c-0.5-0.7-1.1-1.3-1.3-2.2c-0.4-1.6,0.5-3.4,2.2-4.2c1.5-0.8,3.1-0.4,4.2,0.9c3.2,4,5.2,8.6,5.8,13.7%20C521.2,284,521.2,285.1,521.3,285.9z'/%3e%3c/g%3e%3c/svg%3e",f=""+new URL("15-D2-5qa4z.svg",import.meta.url).href,_={class:"curso-main-container pb-3"},w={class:"container tarjeta tarjeta--blanca p-4 p-md-5 mb-5"},j={class:"row"},x={class:"col-md-6"},k={key:0,class:"indicador--click"},y={class:"col-md-6"},C={class:"col-md-6"},A={class:"col-md-6"},E={class:"row justify-content-center mb-5"},F={class:"col-auto"},T=["href"],M={class:"row justify-content-center g-0 mb-4"},z={class:"col-lg-4"},I={class:"tarjeta clr--pink p-4 rounded-0 h-100"},V={class:"tarjeta bg-white p-4"},L={class:"col-lg-4"},$={class:"tarjeta clr--pink02 p-4 rounded-0 h-100"},B={class:"tarjeta bg-white p-4"},R={class:"col-lg-4"},N={class:"tarjeta clr--pink p-4 rounded-0 h-100"},D={class:"tarjeta bg-white p-4"},U={class:"row justify-content-center mb-5"},H={class:"col-auto"},P=["href"];function S(s,t,G,O,Q,Y){const d=i("BannerInterno"),c=i("TarjetaAudio");return n(),a("div",_,[e(d),o("div",w,[t[6]||(t[6]=r('<div class="titulo-principal color-acento-contenido"><div class="titulo-principal__numero"><span>11</span></div><h1>Audio</h1></div><div class="row justify-content-center align-items-center mb-5"><div class="col-lg-6"><figure><img src="'+g+'" alt="alt"></figure></div><div class="col-lg-6"><div class="crd bg1 p-4 mb-4"><p class="mb-0">Archivo en formato MP3 que se puede combinar con otros componentes interactivos para reforzar la explicación de un tema o concepto. Por ejemplo, se puede utilizar en conjunto con un slider de diapositivas para dar lugar a un sonoviso. </p></div></div></div>',2)),o("div",j,[o("div",x,[e(c,{class:"color-primario mb-4",texto:"Texto de muestra  ",audio:s.audioEj,onAudioHover:t[0]||(t[0]=J=>s.mostrarIndicadorTarjetaAudio=!1)},{default:l(()=>[s.mostrarIndicadorTarjetaAudio?(n(),a("div",k)):u("",!0)]),_:1},8,["audio"])]),o("div",y,[e(c,{class:"color-secundario mb-4",texto:"Texto de muestra ",audio:s.audioEj},null,8,["audio"])]),o("div",C,[e(c,{class:"color-acento-contenido mb-4",texto:"Texto de muestra ",audio:s.audioEj,"no-barra":""},null,8,["audio"])]),o("div",A,[e(c,{class:"color-acento-botones mb-4",texto:"Texto de muestra ",audio:s.audioEj},null,8,["audio"])])]),o("div",E,[o("div",F,[o("a",{class:"boton color-botones texto-blanco b--rad",href:s.obtenerLink("/downloads/t11/Audio.txt"),target:"_blank",type:"application/pdf"},[...t[1]||(t[1]=[o("span",null,"Ver código fuente",-1)])],8,T)])]),t[7]||(t[7]=o("hr",{class:"my-5"},null,-1)),t[8]||(t[8]=o("div",{class:"titulo-segundo color-acento-contenido"},[o("h2",null,"Ejemplos destacados")],-1)),t[9]||(t[9]=o("img",{src:f,alt:"Texto que describa la imagen"},null,-1)),o("div",M,[o("div",z,[o("div",I,[o("div",V,[e(c,{class:"color-acento-contenido mb-3",texto:"Mom, can you come with me to the doctor's office?",audio:s.audio5},null,8,["audio"]),t[2]||(t[2]=o("p",{class:"mb-0"},"Mamá, ¿puedes venir conmigo al consultorio del doctor?",-1))])])]),o("div",L,[o("div",$,[o("div",B,[e(c,{class:"color-acento-contenido bg-white mb-3",texto:"How are you doing, Doctor? Nice to meet you.",audio:s.audio6},null,8,["audio"]),t[3]||(t[3]=o("p",{class:"mb-0"},"¿Cómo está, doctor? Es un placer conocerlo.",-1))])])]),o("div",R,[o("div",N,[o("div",D,[e(c,{class:"color-acento-contenido bg-white mb-3",texto:"Ok, Coach. I will follow your advice.",audio:s.audio7},null,8,["audio"]),t[4]||(t[4]=o("p",{class:"mb-0"},"Muy bien, entrenador. Voy a seguir su consejo.",-1))])])])]),o("div",U,[o("div",H,[o("a",{class:"boton color-botones texto-blanco b--rad",href:s.obtenerLink("/downloads/t11/Audio2.txt"),target:"_blank",type:"application/pdf"},[...t[5]||(t[5]=[o("span",null,"Ver código fuente",-1)])],8,P)])])])])}const q={name:"Tema11",data:()=>({audioEj:p,audio5:v,audio6:h,audio7:b,mostrarIndicadorTarjetaAudio:!0}),mounted(){this.$nextTick(()=>{this.$aosRefresh()})},updated(){this.$aosRefresh()}},W=m(q,[["render",S]]);export{W as default};

package/dist/assets/Tema12-C1eTlHlw.js

@@ -0,0 +1 @@
+import{c,a as l,b as e,d,w as r,r as i,o as u,e as o,_ as p}from"./index-BYpqhlZS.js";const m="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2026.2.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201000.9%20616.7'%20style='enable-background:new%200%200%201000.9%20616.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;stroke:%23818181;stroke-width:3;stroke-miterlimit:10;}%20.st1{fill:%23E6E6E5;}%20.st2{fill:%23FFFFFF;stroke:%23818181;stroke-width:5;stroke-miterlimit:10;}%20%3c/style%3e%3cpath%20class='st0'%20d='M42.9,531.6V85.1c0-17.1,13.9-31,31-31H927c17.1,0,31,13.9,31,31v446.5c0,17.1-13.9,31-31,31H73.9%20C56.8,562.6,42.9,548.7,42.9,531.6z'/%3e%3crect%20x='97'%20y='499.6'%20class='st1'%20width='807'%20height='10'/%3e%3ccircle%20class='st2'%20cx='500.5'%20cy='285.8'%20r='68.5'/%3e%3ccircle%20class='st2'%20cx='142.8'%20cy='504.6'%20r='18.2'/%3e%3cpolygon%20class='st2'%20points='534,285.8%20506.1,301.9%20478.3,317.9%20478.3,285.8%20478.3,253.6%20506.1,269.7%20'/%3e%3c/svg%3e",g={class:"curso-main-container pb-3"},b={class:"container tarjeta tarjeta--blanca p-4 p-md-5 mb-5"},f={class:"row"},v={class:"col-lg-12 order-2 order-lg-1"},w={class:"row"},y={class:"col-lg-12 order-2 order-lg-1"},h={class:"row mb-5"},x={class:"col-lg-12 order-2 order-lg-1"},j={class:"row mb-5"},_={class:"col-lg-12 order-2 order-lg-1"},E={class:"row my-5"},S={class:"col-lg-12 order-2 order-lg-1"};function T(V,a,Y,z,D,k){const n=i("BannerInterno"),t=i("TabsA"),s=i("Separador");return u(),c("div",g,[l(n),e("div",b,[a[8]||(a[8]=d('<div class="titulo-principal color-acento-contenido"><div class="titulo-principal__numero"><span>12</span></div><h1>Videos</h1></div><div class="row justify-content-center align-items-center mb-5"><div class="col-lg-6"><figure><img src="'+m+'" alt="alt"></figure></div><div class="col-lg-6"><div class="crd bg1 p-4 mb-4"><p>Cada tema relacionado en los contenidos de un recurso educativo digital puede incluir el desarrollo de los siguientes tipos de recursos audiovisuales: <strong>Spot animado, motion graphics y video clases.</strong></p></div><p class="mb-0">Se realizan <strong>videos temáticos</strong> para reforzar la explicación de tema o concepto del recurso educativo digital y también <strong>videos de oferta</strong> para hacerle publicidad al programa que se está desarrollando.</p></div></div>',2)),e("div",f,[e("div",v,[l(t,{class:"color-acento-botones"},{default:r(()=>[...a[0]||(a[0]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Tipos de recursos audiovisuales"},[e("ul",{class:"lista-ul mb-4"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Spot animado, incluye la animación de personajes utilizando técnicas tradicionales de animación 2d.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Motion graphics, incluyen: animación de imágenes, recursos fotográficos y material pregrabado de audio y video.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Video clase, se genera a partir de un video el que el experto temático presenta pantalla con un tema específico o tutorial y desde el equipo de producción se realizan las actividades de edición de video que incluye procesos como musicalización, limpieza de audio y adición de cortinillas intro/outro.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Live Action video en ambientes de aprendizaje y trabajo en exteriores, producción audiovisual generalmente realizada en un ambiente de aprendizaje donde están ubicadas los equipos, mesas de trabajo y/o maquinaria. Se requiere agendar con anticipación las jornadas de grabación.")])]),e("p",{class:"mb-0"},[e("strong",null,"Para la realización de los anteriores recursos audiovisuales se sugiere entregar solamente el guion con las indicaciones pertinentes y a partir del mismo el equipo de producción define el tipo de video a desarrollar.")])],-1)])]),_:1})])]),l(s),a[9]||(a[9]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_12_1"},[e("h2",null,"12.1 Video - Spot animado")],-1)),l(t,{class:"color-acento-botones mb-5"},{default:r(()=>[...a[1]||(a[1]=[e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 1"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/3KDDv2LrIcE",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1),e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 2"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/-rq4_7xgFLM",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1),e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 3"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/cCxnzKy-hLU",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1),e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 4"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/8gZTBdLt_IM",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1),e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 5"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/MbPhrvkKgH0",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1)])]),_:1}),e("div",w,[e("div",y,[l(t,{class:"color-acento-botones"},{default:r(()=>[...a[2]||(a[2]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos del guion"},[e("ul",{class:"lista-ul mb-0"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("El guion debe tener una extensión de máximo 500 palabras (ó 24 líneas de texto en arial 12) que equivalen a 3 minutos, ya que 1 minuto equivale a 166 palabras.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Se sugiere que este segmentado por escenas, cada escena con un texto de máximo 25 palabras y dejar palabras destacadas en negrilla.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("La información debe ser explicada de forma clara y sencilla, que se pueda dar a nivel visual, para esto se requiere imágenes o analogías que aclaren aun concepto cercano.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("El texto debe estar de forma editable no en imagen, de manera que se pueda copiar y pegar.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Si el guion trae tablas no deben ser complejas ni muy largas, dada la naturaleza del recurso. ")])])],-1)])]),_:1})])]),l(s),a[10]||(a[10]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_12_2"},[e("h2",null,"12.2 Video - Motion Graphics")],-1)),l(t,{class:"color-acento-botones mb-5"},{default:r(()=>[...a[3]||(a[3]=[e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 1"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/vdPrCjWJSHo",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1),e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 2"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/8EuGaDjVbjA",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1),e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 3"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/Z9zSnDD46IU",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1),e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 4"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/-G8D2UP9ZiY",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1),e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 5"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/GXTHrucLiac",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1)])]),_:1}),e("div",h,[e("div",x,[l(t,{class:"color-acento-botones"},{default:r(()=>[...a[4]||(a[4]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos del guion"},[e("ul",{class:"lista-ul mb-0"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Se debe especificar el nombre del experto temático.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Todo material de apoyo debe estar realizado en la plantilla institucional - SENA.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Los contenidos pertenecientes al material de apoyo deben tener una correcta ortografía, ser legibles y que presenten un buen uso del color (evitar colores muy contrastantes).")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Señalar términos o palabras destacadas en negrilla para resaltarlas en pantalla.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("El material de apoyo deberá ser entregado al equipo de Diseño y Desarrollo RED.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Los videos deben ser entregados sin edición alguna, es decir, sin agregar textos, música de fondo, animaciones, etc. ")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Calidad de video: FHD - 1920*1080. Software recomendado OBS Studio.")])])],-1)])]),_:1})])]),a[11]||(a[11]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_12_3"},[e("h2",null,"12.3 Video Clase / Video tutorial")],-1)),l(t,{class:"color-acento-botones mb-5"},{default:r(()=>[...a[5]||(a[5]=[e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 1"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/1p9t9ymdH6Y",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1),e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 2"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/mgvJvJ_OO2o",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1),e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 3"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/j_4Cm4ZZWQ0",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1),e("div",{class:"tarjeta color-acento-botones--borde p-4",titulo:"Ejemplo - 4"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/xkfoHMVK2Ak",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])],-1)])]),_:1}),e("div",j,[e("div",_,[l(t,{class:"color-acento-botones"},{default:r(()=>[...a[6]||(a[6]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Pautas para grabar contenido desde casa"},[e("ul",{class:"lista-ul mb-0"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Se debe especificar el nombre del experto temático.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Todo material de apoyo debe estar realizado en la plantilla institucional - SENA.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Los contenidos pertenecientes al material de apoyo deben tener una correcta ortografía, ser legibles y que presenten un buen uso del color (evitar colores muy contrastantes).")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Señalar términos o palabras destacadas en negrilla para resaltarlas en pantalla.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("El material de apoyo deberá ser entregado al equipo de Diseño y Desarrollo RED.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Los videos deben ser entregados sin edición alguna, es decir, sin agregar textos, música de fondo, animaciones, etc.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Calidad de video: FHD - 1920*1080. Software recomendado OBS Studio.")])])],-1)])]),_:1})])]),a[12]||(a[12]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_12_4"},[e("h2",null,"12.4 Video Información del programa")],-1)),a[13]||(a[13]=e("div",{class:"row justify-content-center"},[e("div",{class:"col-lg-11"},[e("div",{class:"crd crd--border p-4"},[e("figure",null,[e("div",{class:"video"},[e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/jASywqOHrQM",title:"YouTube video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""})])])])])],-1)),e("div",E,[e("div",S,[l(t,{class:"color-acento-botones"},{default:r(()=>[...a[7]||(a[7]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Pautas para grabar contenido desde casa"},[e("ul",{class:"lista-ul mb-0"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Es un video cuyo objetivo es vender el programa y motivar a la persona a inscribirse.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("El guión tiene 5 momentos: Saludo, ¿Qué aprenderá el estudiante?, ¿Qué ocupaciones puede desempeñar como egresado?, Duración en meses del programa (si es técnico 15 meses si es tecnólogo 27 meses) o en horas si es complementario y Despedida invitando a inscribirse.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Señalar términos o palabras destacadas en negrilla para resaltarlas en pantalla.")])])],-1)])]),_:1})])])])])}const q={name:"Tema12",data:()=>({}),mounted(){this.$nextTick(()=>{this.$aosRefresh()})},updated(){this.$aosRefresh()}},L=p(q,[["render",T]]);export{L as default};

package/dist/assets/Tema13-CHBo_vrd.js

@@ -0,0 +1 @@
+import{i as y}from"./ej-04-BV2x_1lC.js";import{_ as o}from"./ejm-CQy5Q_ki.js";import{c as a,a as n,b as e,f as r,d as i,w as m,e as d,r as u,o as l,_ as j}from"./index-BYpqhlZS.js";const f=""+new URL("tema1-5-ico1-Cnk03cxQ.svg",import.meta.url).href,x={class:"curso-main-container pb-3"},_={class:"container tarjeta tarjeta--blanca p-4 p-md-5 mb-5"},w={class:"row justify-content-center cursor-pointer mb-4"},I={class:"col-xl-4 col-lg-7 col-md-9 col-11 mb-4 mb-xl-0"},k={key:0,class:"indicador--hover"},T={class:"row justify-content-center mb-5"},q={class:"col-auto"},B=["href"],V={class:"row cursor-pointer mb-4 mb-md-4"},$={class:"col-lg-4 col-md-6 mb-3 mb-md-3"},C={key:0,class:"indicador--hover"},L={class:"row justify-content-center mb-5"},N={class:"col-auto"},R=["href"],z={class:"row justify-content-center cursor-pointer"},E={class:"col-md-5 col-6 mb-4"},M={key:0,class:"indicador--hover"},S={class:"row justify-content-center mb-5"},A={class:"col-auto"},P=["href"],D={class:"row mb-5"},U={class:"col-lg-12 order-2 order-lg-1"},Q={class:"row justify-content-center cursor-pointer"},F={class:"col-lg-5 col-md-6 mb-3 mb-md-0"},G={key:0,class:"indicador--hover"},H={class:"row justify-content-center mb-5"},J={class:"col-auto"},K=["href"],O={class:"row justify-content-center mb-4"},W={class:"col-lg-4"},X={key:0,class:"indicador--hover"},Y={class:"row justify-content-center mb-4"},Z={class:"col-auto"},ee=["href"],te={key:0,class:"indicador--hover"},se={class:"row justify-content-center mb-5"},oe={class:"col-auto"},ne=["href"],ie=["icono"],ae=["icono"],le={class:"row justify-content-center mb-5"},re={class:"col-auto"},de=["href"],ce={class:"row justify-content-center mb-5"},me={class:"col-auto"},ue=["href"],ve={class:"row mb-5"},pe={class:"col-lg-12 order-2 order-lg-1"};function fe(s,t,be,he,ye,je){const g=u("BannerInterno"),p=u("TabsA"),v=u("Separador"),b=u("TabsB"),h=u("ImagenInfografica");return l(),a("div",x,[n(g),e("div",_,[t[39]||(t[39]=e("div",{class:"titulo-principal color-acento-contenido"},[e("div",{class:"titulo-principal__numero"},[e("span",null,"13")]),e("h1",null,"Nuevos componentes")],-1)),t[40]||(t[40]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_13_1"},[e("h2",null,"13.1 Tarjetas")],-1)),e("div",w,[e("div",I,[e("div",{class:"crd_hover_txt",onMouseover:t[0]||(t[0]=c=>s.mostrarIndicador=!1)},[s.mostrarIndicador?(l(),a("div",k)):r("",!0),t[6]||(t[6]=i('<div class="crd_hover_txt--img"><figure><img src="'+o+'" alt=""></figure></div><div class="crd_hover_txt--body"><h4 class="mb-3">Titulo 1</h4><p class="mb-0">Con este tipo de reportes, los gerentes podrán supervisar específicamente, la labor de cada vendedor y de esta manera, saber en qué les va bien y en cuáles actos hay que mejorar. Aquí también, va a encontrar si su fuerza de ventas está entendiendo sus estrategias y le sea más fácil incentivarlos a aumentar su productividad.</p></div>',2))],32)]),t[7]||(t[7]=i('<div class="col-xl-4 col-lg-7 col-md-9 col-11 mb-4 mb-xl-0"><div class="crd_hover_txt"><div class="crd_hover_txt--img"><figure><img src="'+o+'" alt=""></figure></div><div class="crd_hover_txt--body"><h4 class="mb-3">Titulo 2</h4><p class="mb-0">Con estos reportes semanales, podrá encontrar las dificultades que pueda tener algún o algunos vendedores y evitar que se pierdan los clientes fijos. Reportar semanalmente, le permite tener un equipo de ventas fortalecido y bien direccionado, con las correcciones necesarias para lograr las metas de ventas propuestas.</p></div></div></div><div class="col-xl-4 col-lg-7 col-md-9 col-11 mb-4 mb-xl-0"><div class="crd_hover_txt"><div class="crd_hover_txt--img"><figure><img src="'+o+'" alt=""></figure></div><div class="crd_hover_txt--body"><h4 class="mb-3">Titulo 3</h4><p class="mb-0">Con este tipo de reportes usted va a hacer un seguimiento específico a su equipo de ventas respecto a sus objetivos empresariales a largo plazo.</p></div></div></div>',2))]),e("div",T,[e("div",q,[e("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t13/Tarj1.txt"),target:"_blank",type:"application/pdf"},[...t[8]||(t[8]=[e("span",null,"Ver código fuente",-1)])],8,B)])]),t[41]||(t[41]=e("hr",{class:"my-5"},null,-1)),e("div",V,[t[10]||(t[10]=i('<div class="col-lg-4 col-md-6 mb-3 mb-md-3"><div class="tarjeta tarjeta-foto-hover"><div class="tarjeta-foto-hover__img"><img src="'+o+'"></div><div class="tarjeta-foto-hover__titulo d-flex justify-content-center align-items-center p-2"><h4 class="text-center text-white mb-0">Bloqueos mentales</h4></div><div class="tarjeta-foto-hover__tarjeta bg-degrade d-flex align-items-center justify-content-center"><div class="p-4 text-center"><h5>Bloqueos mentales</h5><p class="mb-0"> Son los que están relacionados con esos pensamientos ya construidos y que bloquean toda idea nueva, para los cuales se pueden tener pensamientos divergentes, rompiendo rutinas y reconfigurando ideas y procesos para avanzar.</p></div></div></div></div>',1)),e("div",$,[e("div",{class:"tarjeta tarjeta-foto-hover",onMouseover:t[1]||(t[1]=c=>s.mostrarIndicador2=!1)},[s.mostrarIndicador2?(l(),a("div",C)):r("",!0),t[9]||(t[9]=i('<div class="tarjeta-foto-hover__img"><img src="'+o+'"></div><div class="tarjeta-foto-hover__titulo d-flex justify-content-center align-items-center p-2"><h4 class="text-center text-white mb-0">Bloqueos emocionales</h4></div><div class="tarjeta-foto-hover__tarjeta bg-degrade d-flex align-items-center justify-content-center"><div class="p-4 text-center"><h5>Bloqueos emocionales</h5><p class="mb-0">Relacionados con imaginar los peores escenarios, y es acá donde se tiende a pensar en las fatalidades y se considera que renunciar es la mejor opción.</p></div></div>',3))],32)]),t[11]||(t[11]=i('<div class="col-lg-4 col-md-6 mb-3 mb-md-3"><div class="tarjeta tarjeta-foto-hover"><div class="tarjeta-foto-hover__img"><img src="'+o+'"></div><div class="tarjeta-foto-hover__titulo d-flex justify-content-center align-items-center p-2"><h4 class="text-center text-white mb-0">Bloqueos perceptivos</h4></div><div class="tarjeta-foto-hover__tarjeta bg-degrade d-flex align-items-center justify-content-center"><div class="p-4 text-center"><h5>Bloqueos perceptivos</h5><p class="mb-0">Limitan la forma de ver el mundo y terminan por acabar con todas las ideas.</p></div></div></div></div>',1))]),e("div",L,[e("div",N,[e("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t13/Tarj2.txt"),target:"_blank",type:"application/pdf"},[...t[12]||(t[12]=[e("span",null,"Ver código fuente",-1)])],8,R)])]),t[42]||(t[42]=e("hr",{class:"my-5"},null,-1)),e("div",z,[t[15]||(t[15]=i('<div class="col-md-5 col-6 mb-4"><div class="nav-holder align-items-center px-0"><figure><img src="'+o+'" alt=""></figure><div class="text p-lg-2 p-3"><div class="row px-3 pt-1 mt-md-4 pt-md-0 mt-lg-3 mt-xl-4"><div class="h5 mt-4 mt-lg-0 mb-2">La luz natural</div><p>Producida por los rayos de sol.</p></div></div></div></div>',1)),e("div",E,[e("div",{class:"nav-holder align-items-center px-0",onMouseover:t[2]||(t[2]=c=>s.mostrarIndicador3=!1)},[s.mostrarIndicador3?(l(),a("div",M)):r("",!0),t[13]||(t[13]=e("figure",null,[e("img",{src:o,alt:""})],-1)),t[14]||(t[14]=e("div",{class:"text p-lg-2 p-3"},[e("div",{class:"row px-3 pt-1 mt-md-4 pt-md-0 mt-lg-3 mt-xl-4"},[e("div",{class:"h5 mt-4 mt-lg-0 mb-2"},"La luz artificial"),e("p",null,"Producida por fuentes lumínicas artificiales. ")])],-1))],32)])]),e("div",S,[e("div",A,[e("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t13/Tarj3.txt"),target:"_blank",type:"application/pdf"},[...t[16]||(t[16]=[e("span",null,"Ver código fuente",-1)])],8,P)])]),e("div",D,[e("div",U,[n(p,{class:"color-acento-botones"},{default:m(()=>[...t[17]||(t[17]=[e("div",{class:"tarjeta clr--gris p-4 pb-3",titulo:"Requerimientos de información"},[e("ul",{class:"lista-ul mb-0"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),d("Usar imagen que acompañe la información escrita.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),d("Titulo corto de máximo 8 palabras")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),d("Colocar una breve descripción del tema que se aborda. (Párrafo corto máximo 30 palabras aprox)")])])],-1)])]),_:1})])]),t[43]||(t[43]=e("hr",{class:"my-5"},null,-1)),e("div",Q,[e("div",F,[e("div",{class:"content-card4",onMouseover:t[3]||(t[3]=c=>s.mostrarIndicador4=!1)},[s.mostrarIndicador4?(l(),a("div",G)):r("",!0),t[18]||(t[18]=e("div",{class:"content-overlay"},null,-1)),t[19]||(t[19]=e("div",{class:"btn-numero btn-bottom-right"},[e("h3",null,"A")],-1)),t[20]||(t[20]=e("img",{src:o,alt:""},null,-1)),t[21]||(t[21]=e("div",{class:"tarjeta-details fadeIn-top p-1"},[e("h3",null,"Titulo"),e("p",null,"Constituyen sus mejores y principales elementos, que les permite cumplir con sus objetivos."),e("p",null,"Ejemplos: cuáles son mis ventajas, qué hacemos bien.")],-1))],32)]),t[22]||(t[22]=i('<div class="col-lg-5 col-md-6 mb-3 mb-md-0"><div class="content-card4"><div class="content-overlay"></div><div class="btn-numero btn-bottom-left"><h3>B</h3></div><img src="'+o+'" alt=""><div class="tarjeta-details fadeIn-top p-1"><h3 class="text-right">Titulo</h3><p>Son los aspectos negativos de la organización-proyecto que, si no se superan, podrán afectar el desarrollo del mismo.</p><p>Ejemplos: qué podría ser mejorado, qué se está haciendo mal, qué podría ser evitado. </p></div></div></div>',1))]),e("div",H,[e("div",J,[e("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t13/Tarj4.txt"),target:"_blank",type:"application/pdf"},[...t[23]||(t[23]=[e("span",null,"Ver código fuente",-1)])],8,K)])]),t[44]||(t[44]=e("hr",{class:"my-5"},null,-1)),e("div",O,[e("div",W,[e("div",{class:"tarjetas-up__content p-4 d-flex align-items-center",onMouseover:t[4]||(t[4]=c=>s.mostrarIndicador6=!1)},[s.mostrarIndicador6?(l(),a("div",X)):r("",!0),t[24]||(t[24]=e("div",{class:"tarjetas-up__content__image"},[e("img",{src:o})],-1)),t[25]||(t[25]=e("div",{class:"text-center p-lg-4"},[e("h5",null,"Tarjeta 1"),e("p",{class:"mb-0"},"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")],-1))],32)]),t[26]||(t[26]=i('<div class="col-lg-4"><div class="tarjetas-up__content p-4 d-flex align-items-center"><div class="tarjetas-up__content__image"><img src="'+o+'"></div><div class="text-center p-lg-4"><h5>Tarjeta 2</h5><p class="mb-0">This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.</p></div></div></div><div class="col-lg-4"><div class="tarjetas-up__content p-4 d-flex align-items-center"><div class="tarjetas-up__content__image"><img src="'+o+'"></div><div class="text-center p-lg-4"><h5>Tarjeta 3</h5><p class="mb-0">This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.</p></div></div></div>',2))]),e("div",Y,[e("div",Z,[e("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t13/Tarj5.txt"),target:"_blank",type:"application/pdf"},[...t[27]||(t[27]=[e("span",null,"Ver código fuente",-1)])],8,ee)])]),n(v),t[45]||(t[45]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_13_2"},[e("h2",null,"13.2 Texto destacado")],-1)),e("div",{class:"bg-carrousel d-flex justify-content-center align-items-center mb-4",onMouseover:t[5]||(t[5]=c=>s.mostrarIndicador5=!1)},[s.mostrarIndicador5?(l(),a("div",te)):r("",!0),t[28]||(t[28]=e("h2",{class:"h1 text-center text-white"},"Importante",-1)),t[29]||(t[29]=e("div",{class:"bg-carrousel_content px-5 py-5 justify-content-center d-flex align-items-center"},[e("div",{class:"text-center w-75"},[e("p",{class:"fw-bold mb-0"},"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")])],-1))],32),e("div",se,[e("div",oe,[e("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t13/Text-Dest.txt"),target:"_blank",type:"application/pdf"},[...t[30]||(t[30]=[e("span",null,"Ver código fuente",-1)])],8,ne)])]),n(v),t[46]||(t[46]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_13_3"},[e("h2",null,"13.3 Pestañas o Tabs")],-1)),t[47]||(t[47]=e("p",{class:"mb-5 fst-italic"},[e("strong",null,"Nota:"),d(" icono inactivo en escala de grises")],-1)),n(b,{class:"color-primario escala-grises mb-4"},{default:m(()=>[e("div",{class:"py-4 py-md-5",titulo:"The splendor of the mystery",icono:s.iconoEj04},[...t[31]||(t[31]=[e("div",{class:"row justify-content-center"},[e("div",{class:"col-md-11"},[e("h4",null,"Celebrate your failures 1"),e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")])],-1)])],8,ie),e("div",{class:"py-4 py-md-5",titulo:"Don’t lie to yourself",icono:s.iconoEj04},[...t[32]||(t[32]=[e("div",{class:"row justify-content-center"},[e("div",{class:"col-md-11"},[e("h4",null,"Celebrate your failures 2"),e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")])],-1)])],8,ae)]),_:1}),e("div",le,[e("div",re,[e("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t13/Tab1.txt"),target:"_blank",type:"application/pdf"},[...t[33]||(t[33]=[e("span",null,"Ver código fuente ",-1)])],8,de)])]),n(v),t[48]||(t[48]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_13_4"},[e("h2",null,"13.4 Imagen Infografica")],-1)),n(h,{class:"color-acento-botones mb-4"},{imagen:m(()=>[...t[34]||(t[34]=[e("figure",null,[e("img",{src:o,alt:""})],-1)])]),default:m(()=>[t[35]||(t[35]=e("div",{class:"tarjeta row img-infog bg-white align-items-center",x:"50%",y:"20%"},[e("div",{class:"col-md-4"},[e("img",{src:f,alt:""})]),e("div",{class:"col-md-8 col-12 px-lg-4 px-3 py-1 contenido"},[e("p",{class:"mb-0"},"Conclusiones y recomendaciones siempre enfocadas al cumplimiento.")])],-1)),t[36]||(t[36]=e("div",{class:"tarjeta row img-infog bg-white align-items-center",x:"50%",y:"55%"},[e("div",{class:"col-md-4"},[e("img",{src:f,alt:""})]),e("div",{class:"col-md-8 col-12 px-lg-4 px-3 py-1 contenido"},[e("p",{class:"mb-0"},"Desviaciones en la ejecución de actividades conforme al plan. ")])],-1))]),_:1}),e("div",ce,[e("div",me,[e("a",{class:"boton color-botones texto-blanco",href:s.obtenerLink("/downloads/t13/Img1.txt"),target:"_blank",type:"application/pdf"},[...t[37]||(t[37]=[e("span",null,"Ver código fuente",-1)])],8,ue)])]),e("div",ve,[e("div",pe,[n(p,{class:"color-acento-botones"},{default:m(()=>[...t[38]||(t[38]=[e("div",{class:"tarjeta clr--gris p-4 pb-3",titulo:"Requerimientos de información"},[e("ul",{class:"lista-ul mb-0"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),d("No se usa ningún titulo.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),d("Texto corto de máximo 10 palabras.")])])],-1)])]),_:1})])])])])}const ge={name:"Tema13",data:()=>({iconoEj04:y,mostrarIndicador:!0,mostrarIndicador2:!0,mostrarIndicador3:!0,mostrarIndicador4:!0,mostrarIndicador5:!0,mostrarIndicador6:!0}),mounted(){this.$nextTick(()=>{this.$aosRefresh()})},updated(){this.$aosRefresh()}},Ie=j(ge,[["render",fe]]);export{Ie as default};

package/dist/assets/Tema14-BcZo6RPK.js

@@ -0,0 +1 @@
+import{c as p,a as n,b as t,w as e,r,o as c,e as a,_ as u}from"./index-BYpqhlZS.js";const m=""+new URL("doctor-DPRlNcjX.svg",import.meta.url).href,g=""+new URL("jonathan-DZjtbnp3.svg",import.meta.url).href,h=""+new URL("1-B8xaIWhp.mp3",import.meta.url).href,b=""+new URL("2-C5S-Khip.wav",import.meta.url).href,f=""+new URL("3-D0JyZWHh.wav",import.meta.url).href,x=""+new URL("4-zQ5Nc_ll.mp3",import.meta.url).href,v=""+new URL("5-BxEERKXh.wav",import.meta.url).href,w=""+new URL("6-iZfD4H_J.mp3",import.meta.url).href,D=""+new URL("7-Bc5JmLHd.wav",import.meta.url).href,j={class:"curso-main-container pb-3"},y={class:"container tarjeta tarjeta--blanca p-4 p-md-5 mb-5"},_={class:"row justify-content-end mb-2 me-3"},I={class:"col-auto"},R=["href"];function E(s,o,J,B,i,U){const l=r("BannerInterno"),d=r("Dialogo");return c(),p("div",j,[n(l),t("div",y,[o[4]||(o[4]=t("div",{class:"titulo-principal color-acento-contenido"},[t("div",{class:"titulo-principal__numero"},[t("span",null,"14")]),t("h1",null,"Dialogos")],-1)),o[5]||(o[5]=t("div",{class:"titulo-segundo color-acento-contenido",id:"t_14_4"},[t("h2",null," Diálogos (Relación de términos en un diálogo)")],-1)),o[6]||(o[6]=t("div",{id:"t_14_4"},null,-1)),n(d,{class:"color-primario",dialogo:i.dialogo},{"nombre-actividad":e(()=>[...o[0]||(o[0]=[a("Arrastrar y Soltar",-1)])]),"titulo-actividad":e(()=>[...o[1]||(o[1]=[a("Greeting the doctor. / Saludando al doctor.",-1)])]),"descripcion-actividad":e(()=>[...o[2]||(o[2]=[a("Escuche los audios y complete los espacios en blanco de cada una de las frases arrastrando el término correcto.",-1)])]),_:1},8,["dialogo"]),t("div",_,[t("div",I,[t("a",{class:"boton color-primario b--rad",href:s.obtenerLink("/downloads/Dialogo.txt"),target:"_blank",type:"application/pdf"},[...o[3]||(o[3]=[t("span",null,"Ver código fuente",-1)])],8,R)])])])])}const L={name:"Tema5",data(){return{dialogo:{personajes:[{nombre:"Doctor",img:m},{nombre:"Jonathan",img:g}],dialogo:[{personaje:"Jonathan",textoIng:"Hello, Doctor. How are ***?",textoEsp:"Hola, doctor. ¿Cómo estás?",audio:h,palabra:"you"},{personaje:"Doctor",textoIng:"Good *** Jonathan.",textoEsp:"Buenos días Jonathan .",audio:b,palabra:"morning"},{personaje:"Doctor",textoIng:"I am ***. How are you doing?.",textoEsp:"Estoy bien, ¿cómo estás?",audio:f,palabra:"great"},{personaje:"Jonathan",textoIng:"I&#8217m doing very well. I&#8217m feeling better.",textoEsp:"Estoy muy bien. Me siento mejor.",audio:x},{personaje:"Doctor",textoIng:"It was *** to see you! I am glad you feel better.",textoEsp:" ¡Qué gusto verte! Me alegro de que te sientas mejor.",audio:v,palabra:"nice"},{personaje:"Jonathan",textoIng:" Thank you Doctor. *** a great day! ",textoEsp:"Gracias Doctor. ¡Qué tengas un lindo día! ",audio:w,palabra:"have"},{personaje:"Doctor",textoIng:" ***.",textoEsp:"Adiós.",audio:D,palabra:" Goodbye. "}]}}},mounted(){this.$nextTick(()=>{this.$aosRefresh()})},updated(){this.$aosRefresh()}},k=u(L,[["render",E]]);export{k as default};

package/dist/assets/Tema2-C7deNFWq.js

@@ -0,0 +1 @@
+import{c as d,a as t,b as e,d as i,w as p,r as o,o as g,e as a,_ as m}from"./index-BYpqhlZS.js";const u="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2026.2.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201000.9%20616.7'%20style='enable-background:new%200%200%201000.9%20616.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;stroke:%23818181;stroke-width:3;stroke-miterlimit:10;}%20.st1{fill:%23B4B4B4;}%20.st2{fill:%23FFFFFF;stroke:%23CCCCCC;stroke-width:9;stroke-miterlimit:10;}%20.st3{fill:%23A7A9AC;}%20%3c/style%3e%3cg%3e%3cg%3e%3crect%20x='193.8'%20y='107.2'%20class='st0'%20width='294.5'%20height='402.3'/%3e%3cpath%20class='st0'%20d='M292.6,297.9H95c-9.9,0-18-8.1-18-18V166c0-9.9,8.1-18,18-18h197.6c9.9,0,18,8.1,18,18v113.8%20C310.6,289.8,302.6,297.9,292.6,297.9z'/%3e%3crect%20x='222.3'%20y='402.3'%20class='st0'%20width='33.3'%20height='80.4'/%3e%3crect%20x='269.4'%20y='378.2'%20class='st0'%20width='33.3'%20height='104.5'/%3e%3crect%20x='316.5'%20y='331.7'%20class='st0'%20width='33.3'%20height='151'/%3e%3crect%20x='363.6'%20y='366.2'%20class='st0'%20width='33.3'%20height='116.6'/%3e%3crect%20x='410.7'%20y='411'%20class='st0'%20width='33.3'%20height='71.8'/%3e%3cg%3e%3crect%20x='333.2'%20y='165.4'%20class='st1'%20width='131.5'%20height='10.6'/%3e%3crect%20x='333.2'%20y='187.3'%20class='st1'%20width='131.5'%20height='10.6'/%3e%3crect%20x='333.2'%20y='209.3'%20class='st1'%20width='131.5'%20height='10.6'/%3e%3crect%20x='333.2'%20y='231.3'%20class='st1'%20width='72.1'%20height='10.6'/%3e%3c/g%3e%3ccircle%20class='st2'%20cx='416.4'%20cy='304.9'%20r='43.2'/%3e%3cg%3e%3ccircle%20class='st0'%20cx='220.8'%20cy='231.8'%20r='43.2'/%3e%3cpolygon%20class='st0'%20points='175.7,164.8%20201.7,209.9%20227.7,254.9%20175.7,254.9%20123.6,254.9%20149.6,209.9%20'/%3e%3c/g%3e%3c/g%3e%3crect%20x='575.5'%20y='53.8'%20transform='matrix(-1.836970e-16%201%20-1%20-1.836970e-16%20977.6473%20-467.8135)'%20class='st0'%20width='294.5'%20height='402.3'/%3e%3cg%3e%3crect%20x='544.2'%20y='221'%20class='st1'%20width='97.1'%20height='10.6'/%3e%3crect%20x='544.2'%20y='242.9'%20class='st1'%20width='97.1'%20height='10.6'/%3e%3crect%20x='544.2'%20y='264.9'%20class='st1'%20width='97.1'%20height='10.6'/%3e%3crect%20x='544.2'%20y='286.8'%20class='st1'%20width='53.2'%20height='10.6'/%3e%3c/g%3e%3ccircle%20class='st2'%20cx='570.8'%20cy='161.4'%20r='25.9'/%3e%3cg%3e%3cpath%20class='st0'%20d='M874.2,368.5H676.6c-9.9,0-18-8.1-18-18V236.7c0-9.9,8.1-18,18-18h197.6c9.9,0,18,8.1,18,18v113.8%20C892.2,360.5,884.1,368.5,874.2,368.5z'/%3e%3cg%3e%3ccircle%20class='st0'%20cx='802.4'%20cy='302.4'%20r='43.2'/%3e%3cpolygon%20class='st0'%20points='757.2,235.4%20783.2,280.5%20809.3,325.6%20757.2,325.6%20705.2,325.6%20731.2,280.5%20'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath%20class='st3'%20d='M923.2,576.9H77.7c-18.8,0-34.1-15.3-34.1-34.1V73.8c0-18.8,15.3-34.1,34.1-34.1h845.5%20c18.8,0,34.1,15.3,34.1,34.1v469.1C957.3,561.7,942,576.9,923.2,576.9z%20M77.7,44.7c-16,0-29.1,13-29.1,29.1v469.1%20c0,16,13,29.1,29.1,29.1h845.5c16,0,29.1-13,29.1-29.1V73.8c0-16-13-29.1-29.1-29.1H77.7z'/%3e%3c/svg%3e",f=""+new URL("infografia_02-B3ZQ2LnZ.png",import.meta.url).href,h=""+new URL("ej-01-BCEj7j99.png",import.meta.url).href,b={class:"curso-main-container pb-3"},v={class:"container tarjeta tarjeta--blanca p-4 p-md-5 mb-5"},x={class:"row"},y={class:"col-lg-12 order-2 order-lg-1"},w={class:"tarjeta color-primario p-4 p-md-5 mb-4"},_={class:"row justify-content-around align-items-center"},j={class:"col-md col-lg-6"},k=["href"],C={class:"row justify-content-center mb-5 me-3"},z={class:"col-auto"},B=["href"];function F(c,s,L,q,E,I){const n=o("BannerInterno"),l=o("TabsA"),r=o("separador");return g(),d("div",b,[t(n),e("div",v,[s[6]||(s[6]=i('<div class="titulo-principal color-acento-contenido"><div class="titulo-principal__numero"><span>2</span></div><h1>Infografía estática</h1></div><div class="row justify-content-center align-items-center mb-5"><div class="col-lg-6"><img src="'+u+'" alt=""></div><div class="col-lg-6"><div class="crd bg1 p-4 mb-4"><p class="mb-0">La <strong>Infografía estática</strong> se presentará como una sola pieza gráfica que se auto sustenta a partir de texto corto, no tiene botones de interaccion.</p></div><p>Se utilizará en el momento que se desee brindar una explicación concreta de un tema a partir de datos específicos y secuenciales, apoyados, cada uno, con una imagen. Por ejemplo: Resúmenes, caracterizaciones, estadísticas, procesos, tipificaciones, fases, conclusiones.</p><p class="mb-4">No deben ser secuencias muy extensas, deben contar con un objetivo definido y todo el contenido enfocado a este.</p></div></div>',2)),e("div",x,[e("div",y,[t(l,{class:"color-acento-botones"},{default:p(()=>[...s[0]||(s[0]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[e("p",{class:"mb-4"},"A continuación se presenta el formato instruccional el cual cuenta con las especificaciones necesarias para la producción de la infografía."),e("ul",{class:"lista-ul mb-4"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Título corto (máximo 10 palabras)")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),e("span",{class:"mb-0"},[e("b",null,"Texto descriptivo:"),a("  colocar una breve descripción del tema que se aborda en la infografía. (párrafo corto 40 palabras aprox)")])]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),e("span",{class:"mb-0"},[e("b",null,"Imagen de referencia:"),a("  describir y/o colocar una imagen de referencia, de la infografía solicitada.")])]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Incluir cualquier observación o solicitud específica frente al diseño gráfico de la infografía.")])])],-1),e("div",{class:"tarjeta clr--gris p-4",titulo:"Recomendaciones del diseñador"},[e("div",null,[e("p",{class:"mb-2"},[e("strong",null,"1) Definir un tema.")]),e("ul",{class:"lista-ul ps-4"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Explicación de un concepto.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Explicación de una tecnología o proceso.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Representación de datos estadísticos, biográficos, geográficos, etc.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Resumen de un documento.")])]),e("div",{class:"hr--line"}),e("p",{class:"mb-0"},[e("strong",null,"2) Elegir un título atractivo."),e("br"),a(" Se debe captar la atención del lector por medio de títulos cortos y llamativos que representen correctamente el contenido abordado.")]),e("div",{class:"hr--line"}),e("p",{class:"mb-0"},[e("strong",null,"3) Utilizar oraciones cortas y objetivas.")]),e("div",{class:"hr--line"}),e("p",{class:"mb-0"},[e("strong",null,"4) Utilizar términos simples y fáciles de entender.")]),e("div",{class:"hr--line"}),e("p",{class:"mb-0"},[e("strong",null,"5) La información debe estar bien organizada y esquematizada.")]),e("div",{class:"hr--line"}),e("p",{class:"mb-0"},[e("strong",null,"6) Se debe hacer mayor énfasis en el lenguaje esquemático y pictórico.")]),e("div",{class:"hr--line"}),e("p",{class:"mb-0"},[e("strong",null,"7) Los gráficos, diagramas, iconos y demás elementos planteados deben ser claros y específicos.")])])],-1)])]),_:1})])]),t(r),s[7]||(s[7]=i('<div class="titulo-segundo color-acento-contenido" id="t_1_1"><h2>Ejemplos de infografías estáticas</h2></div><div class="titulo-sexto color-acento-contenido"><h5>Ejemplo #1</h5><span>infografía como imagen dentro del contenido</span></div><div class="row justify-content-center align-items-center mb-5"><div class="col-11"><img src="'+f+'"></div></div><div class="titulo-sexto color-acento-contenido"><h5>Ejemplo #2</h5><span>infografía descargable en pdf, con un título y texto introductorio.</span></div>',4)),e("div",w,[e("div",_,[s[4]||(s[4]=e("div",{class:"col-8 col-sm-5 col-md-4 mb-4 mb-md-0"},[e("img",{src:h})],-1)),e("div",j,[s[2]||(s[2]=e("h3",null,"Psicología de la moda: sexualidad, ropa mágica, ropa malévola y ropa neurótica.",-1)),s[3]||(s[3]=e("p",{class:"mb-4"},"La conexión entre el vestuario y la persona que lo porta es lo que llamamos proceso efectivo de comunicación de las marcas, direccionado desde la psicología de la moda, lo invitamos a profundizar en esta temática consultando el siguiente recurso infografico.",-1)),e("a",{class:"boton color-acento-contenido texto-blanco",href:c.obtenerLink("/downloads/Infografia_Psicologia_de_moda.pdf"),target:"_blank",type:"application/pdf"},[...s[1]||(s[1]=[e("span",null,"Descargar",-1),e("i",{class:"fas fa-file-download"},null,-1)])],8,k)])])]),e("div",C,[e("div",z,[e("a",{class:"boton color-botones texto-blanco b--rad",href:c.obtenerLink("/downloads/t2/Llamado_accion_infografias.txt"),target:"_blank",type:"application/pdf"},[...s[5]||(s[5]=[e("span",null,"Ver código fuente",-1)])],8,B)])])])])}const V={name:"Tema2",data:()=>({}),mounted(){this.$nextTick(()=>{this.$aosRefresh()})},updated(){this.$aosRefresh()}},T=m(V,[["render",F]]);export{T as default};

package/dist/assets/Tema3-DIAkLC6M.js

@@ -0,0 +1 @@
+import{_ as u}from"./img-placeholder-D94sA4RA.js";import{c as p,a as s,b as e,d as g,w as a,r as l,o as f,e as o,_ as b}from"./index-BYpqhlZS.js";const v=""+new URL("presentaciones-BfTUczYJ.svg",import.meta.url).href,x={class:"curso-main-container pb-3"},_={class:"container tarjeta tarjeta--blanca p-4 p-md-5 mb-5"},I={class:"row justify-content-center mb-5 me-3"},q={class:"col-auto"},y=["href"],T={class:"row mb-5"},L={class:"col-lg-12 order-2 order-lg-1"},h={class:"row justify-content-center mb-5 me-3"},P={class:"col-auto"},C=["href"],j={class:"row mb-5"},w={class:"col-lg-12 order-2 order-lg-1"};function B(n,t,N,S,V,$){const d=l("BannerInterno"),i=l("Separador"),c=l("ImagenInfografica"),r=l("TabsA"),m=l("ImagenInfograficaB");return f(),p("div",x,[s(d),e("div",_,[t[12]||(t[12]=g('<div class="titulo-principal color-acento-contenido"><div class="titulo-principal__numero"><span>3</span></div><h1>Infografía interactiva</h1></div><div class="row justify-content-center align-items-center mb-4"><div class="col-lg-6"><figure><img src="'+v+'" alt="alt"></figure></div><div class="col-lg-6"><div class="crd bg1 p-4 mb-4"><p class="mb-0">Este tipo de infografía se utilizará en el momento que se requiera o desee interacción con el usuario, ya que aquí se demanda una exploración activa en cada componente de la información presentada a partir de ventanas emergentes.</p></div><p class="mb-4">Tenemos dos tipos de infografía interactiva:</p><ul class="lista-ul--color ps-3"><li><i class="lista-ul__vineta txt--green"></i>Infografía con puntos calientes</li><li><i class="lista-ul__vineta txt--green"></i>Infografía con ventanas modales</li></ul></div></div>',2)),s(i),t[13]||(t[13]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_3_1"},[e("h2",null,"3.1 Infografía puntos calientes")],-1)),s(c,{class:"color-primario mb-4"},{imagen:a(()=>[...t[0]||(t[0]=[e("figure",null,[e("img",{src:u,alt:""}),e("figcaption",null,"Leyenda de la imagen")],-1)])]),default:a(()=>[t[1]||(t[1]=e("div",{class:"tarjeta color-acento-botones p-3",x:"20%",y:"20%",numero:"1"},[e("div",{class:"h5 mb-2"},"titulo"),e("p",{class:"mb-0"},"Lorem ipsum dolor Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus")],-1)),t[2]||(t[2]=e("div",{class:"tarjeta color-acento-botones p-3",x:"50%",y:"50%",numero:"A"},[e("div",{class:"h5 mb-2"},"titulo"),e("p",{class:"mb-0"},"Lorem ipsum dolor ddasdasd asdasd asdasd a asd sd asdasd sit amet, consectetur adipiscing elit. Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus")],-1)),t[3]||(t[3]=e("div",{class:"tarjeta color-acento-botones p-3",x:"70%",y:"70%",numero:"B"},[e("div",{class:"h5 mb-2"},"titulo"),e("p",{class:"mb-0"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus")],-1))]),_:1}),e("div",I,[e("div",q,[e("a",{class:"boton color-borones texto-blanco",href:n.obtenerLink("/downloads/t3/Infografia_puntos_calientes.txt"),target:"_blank",type:"application/pdf"},[...t[4]||(t[4]=[e("span",null,"Ver código fuente",-1)])],8,y)])]),e("div",T,[e("div",L,[s(r,{class:"color-acento-botones"},{default:a(()=>[...t[5]||(t[5]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[e("p",null,"Las infografías puntos calientes están conformadas por cuatro componentes básicos:"),e("ul",{class:"lista-ul mb-4"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Título corto de máximo 7 palabras")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),e("strong",null,"Texto descriptivo"),o(": colocar una breve descripción del tema que se aborda en la infografía.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),e("strong",null,"Imagen de referencia"),o(": describir y/o colocar una imagen de referencia, de la infografía solicitada.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),e("strong",null,"Puntos calientes"),o(": título y texto que se despliega en cada punto interactivo. "),e("strong",null,"(MÁXIMO 10 PUNTOS INTERACTIVOS)")])])],-1)])]),_:1})])]),s(i),t[14]||(t[14]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_3_2"},[e("h2",null,"3.2 Infografía ventanas modales")],-1)),s(m,{class:"color-primario mb-4"},{imagen:a(()=>[...t[6]||(t[6]=[e("figure",null,[e("img",{src:u,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")],-1)])]),default:a(()=>[t[7]||(t[7]=e("div",{x:"20%",y:"20%",tooltip:"tooltip de max 35 caracteres",numero:"1"},[e("h5",null,"titulo"),e("p",null,"Lorem ipsum dolor Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus"),e("p",null,"Lorem ipsum dolor Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus"),e("p",null,"Lorem ipsum dolor Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus")],-1)),t[8]||(t[8]=e("div",{x:"50%",y:"50%",tooltip:"tooltip de max 35 caracteres"},[e("div",{class:"h5 mb-2"},"titulo"),e("p",null,"Lorem ipsum dolor ddasdasd asdasd asdasd a asd sd asdasd sit amet, consectetur adipiscing elit. Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus")],-1)),t[9]||(t[9]=e("div",{x:"70%",y:"70%",tooltip:"tooltip de max 35 caracteres"},[e("div",{class:"h5 mb-2"},"titulo"),e("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vestibulum tortor at blandit congue. Pellentesque vel felis posuere, molestie metus")],-1))]),_:1}),e("div",h,[e("div",P,[e("a",{class:"boton color-botones texto-blanco b--rad",href:n.obtenerLink("/downloads/t3/Infografia_ventanas_modales.txt"),target:"_blank",type:"application/pdf"},[...t[10]||(t[10]=[e("span",null,"Ver código fuente",-1)])],8,C)])]),e("div",j,[e("div",w,[s(r,{class:"color-acento-botones"},{default:a(()=>[...t[11]||(t[11]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[e("ul",{class:"lista-ul mb-4"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),o("Título corto de máximo 8 palabras")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),e("strong",null,"Texto descriptivo"),o(": colocar una breve descripción del tema que se aborda en la infografía.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),e("strong",null,"Imagen de referencia"),o(": describir y/o colocar una imagen de referencia, de la infografía solicitada.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),e("strong",null,"Puntos modales"),o(": título y texto que se despliega en cada punto interactivo. "),e("strong",null,"(MÁXIMO 12 PUNTOS MODALES)")])])],-1)])]),_:1})])])])])}const k={name:"Tema3",data:()=>({}),mounted(){this.$nextTick(()=>{this.$aosRefresh()})},updated(){this.$aosRefresh()}},A=b(k,[["render",B]]);export{A as default};

package/dist/assets/Tema4-CsyZhx33.js

@@ -0,0 +1 @@
+import{_ as i}from"./img-placeholder-D94sA4RA.js";import{c as g,a as t,b as e,d as h,w as o,r as n,o as v,e as a,_ as b}from"./index-BYpqhlZS.js";const f="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2026.2.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201000.9%20616.7'%20style='enable-background:new%200%200%201000.9%20616.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23989898;}%20.st1{fill:%23FFFFFF;stroke:%23818181;stroke-width:3;stroke-miterlimit:10;}%20.st2{fill:%23CCCCCC;}%20.st3{fill:%23FFFFFF;}%20.st4{fill:%23E6E6E5;}%20%3c/style%3e%3cg%3e%3cg%3e%3ccircle%20class='st0'%20cx='604.3'%20cy='114.7'%20r='8.6'/%3e%3ccircle%20class='st0'%20cx='552.4'%20cy='114.7'%20r='8.6'/%3e%3ccircle%20class='st0'%20cx='500.5'%20cy='114.7'%20r='8.6'/%3e%3ccircle%20class='st0'%20cx='448.5'%20cy='114.7'%20r='8.6'/%3e%3ccircle%20class='st0'%20cx='396.6'%20cy='114.7'%20r='8.6'/%3e%3c/g%3e%3cpath%20class='st1'%20d='M873.7,507.7H447.6c-9.7,0-17.6-7.9-17.6-17.6v-292c0-9.7,7.9-17.6,17.6-17.6h426.2c9.7,0,17.6,7.9,17.6,17.6%20v292C891.4,499.8,883.5,507.7,873.7,507.7z'/%3e%3cg%3e%3ccircle%20class='st1'%20cx='720.7'%20cy='373.2'%20r='84.1'/%3e%3cpolygon%20class='st1'%20points='632.8,242.9%20683.4,330.5%20734,418.2%20632.8,418.2%20531.6,418.2%20582.2,330.5%20'/%3e%3c/g%3e%3cpath%20class='st2'%20d='M902,542.4H98.9c-17,0-30.8-13.8-30.8-30.8V105.1c0-17,13.8-30.8,30.8-30.8H902c17,0,30.8,13.8,30.8,30.8%20v406.4C932.8,528.6,919,542.4,902,542.4z%20M98.9,78.6c-14.6,0-26.5,11.9-26.5,26.5v406.4c0,14.6,11.9,26.5,26.5,26.5H902%20c14.6,0,26.5-11.9,26.5-26.5V105.1c0-14.6-11.9-26.5-26.5-26.5H98.9z'/%3e%3cg%3e%3ccircle%20class='st0'%20cx='879.1'%20cy='121.4'%20r='28.6'/%3e%3cpolygon%20class='st3'%20points='876.8,135.2%20873.7,132.2%20885.3,120.6%20874,109.3%20877,106.2%20891.4,120.6%20'/%3e%3c/g%3e%3cg%3e%3ccircle%20class='st0'%20cx='126.3'%20cy='121.4'%20r='28.6'/%3e%3cpolygon%20class='st3'%20points='128.3,136.6%20113.9,122.2%20128.6,107.6%20131.6,110.7%20120,122.2%20131.4,133.6%20'/%3e%3c/g%3e%3crect%20x='112.6'%20y='191.1'%20class='st2'%20width='189.8'%20height='25.6'/%3e%3crect%20x='112.6'%20y='242.9'%20class='st4'%20width='269.9'%20height='16.8'/%3e%3crect%20x='112.6'%20y='269.6'%20class='st4'%20width='269.9'%20height='16.8'/%3e%3crect%20x='112.6'%20y='302.9'%20class='st4'%20width='269.9'%20height='16.8'/%3e%3crect%20x='112.6'%20y='330.5'%20class='st4'%20width='269.9'%20height='16.8'/%3e%3crect%20x='112.6'%20y='355.9'%20class='st4'%20width='189.8'%20height='16.8'/%3e%3crect%20x='112.6'%20y='423.5'%20class='st4'%20width='269.9'%20height='16.8'/%3e%3crect%20x='112.6'%20y='452.5'%20class='st4'%20width='269.9'%20height='16.8'/%3e%3crect%20x='112.6'%20y='481.5'%20class='st4'%20width='269.9'%20height='16.8'/%3e%3c/g%3e%3c/svg%3e",x={class:"curso-main-container pb-3"},y={class:"container tarjeta tarjeta--blanca p-4 p-md-5 mb-5"},w={class:"tarjeta tarjeta--azul p-4 pb-0 mb-4"},_={class:"row justify-content-center mb-5 me-3"},T={class:"col-auto"},k=["href"],q={class:"tarjeta tarjeta--azul p-4 mb-4"},S={class:"row justify-content-center mb-5 me-3"},j={class:"col-auto"},I=["href"],L={class:"row mb-5 mt-5"},V={class:"col-lg-12 order-2 order-lg-1"},C={class:"tarjeta tarjeta--gris p-4 mb-4"},F={class:"row justify-content-center mb-5 me-3"},B={class:"col-auto"},E=["href"],P={class:"row mb-3"},$={class:"col-lg-12 order-2 order-lg-1"},N={class:"tarjeta tarjeta--gris p-4 mb-4"},z={class:"row justify-content-center mb-5 me-3"},A={class:"col-auto"},H=["href"],R={class:"tarjeta tarjeta--gris p-4 mb-4"},O={class:"row justify-content-center mb-5 me-3"},G={class:"col-auto"},M=["href"],Q={class:"row mb-5"},D={class:"col-lg-12 order-2 order-lg-1"};function J(l,s,U,W,X,Y){const u=n("BannerInterno"),c=n("Separador"),d=n("SlyderA"),r=n("TabsA"),m=n("PasosB"),p=n("LineaTiempoC");return v(),g("div",x,[t(u),e("div",y,[s[13]||(s[13]=h('<div class="titulo-principal color-acento-contenido"><div class="titulo-principal__numero"><span>4</span></div><h1>Slider de diapositivas</h1></div><div class="row justify-content-center align-items-center mb-3"><div class="col-lg-6"><figure><img src="'+f+'" alt="alt"></figure></div><div class="col-lg-6"><div class="crd bg1 p-4 mb-4"><p class="mb-0">El Slider de diapositivas es un componente web que permite representar de manera secuencial múltiples escenas o diapositivas, las cuales están compuestas de imágenes y texto. En algunos casos se puede hacer uso de componentes interactivos sencillos dentro de cada una de las diapositivas.</p></div><p>Son interactivas con el usuario dado que se requiere que éste deslice la información manualmente permitiendo así que pueda tomarse su tiempo para leer, comprender y regresar a una información anterior en el momento que lo crea conveniente.</p><p class="mb-4">Su uso está determinado por la extensión del tema o cuando hay:</p><ul class="lista-ul--color ps-3"><li><i class="lista-ul__vineta txt--green"></i>Tópicos y subtópicos</li><li><i class="lista-ul__vineta txt--green"></i>Secuencia, sucesos o casos</li><li><i class="lista-ul__vineta txt--green"></i>Secciones</li><li><i class="lista-ul__vineta txt--green"></i>Procedimientos</li><li><i class="lista-ul__vineta txt--green"></i>Narraciones o historias</li></ul></div></div>',2)),t(c),s[14]||(s[14]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_4_1"},[e("h2",null,"4.1 Slide navegación simple")],-1)),s[15]||(s[15]=e("p",{class:"mb-5"},"Provee mayor espacio para la explicación textual así que es óptima para la definición de conceptos completos y extensos. No se asocia a pasos específicos o tipificaciones sino que puede abarcar una temática completa dividida en secciones.",-1)),s[16]||(s[16]=e("h3",{class:"titulo-tercero"},"Opción 1 - Tipo a",-1)),e("div",w,[t(d,{class:"pb-lg-5 pb-3",tipo:"a"},{default:o(()=>[...s[0]||(s[0]=[e("div",{class:"row justify-content-center align-items-center my-lg-4 mb-5"},[e("div",{class:"col-md-5 mb-4 mb-md-0"},[e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")]),e("div",{class:"col-md-5"},[e("figure",null,[e("img",{src:i,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])])],-1),e("div",{class:"row justify-content-center align-items-center my-lg-4 mb-5"},[e("div",{class:"col-md-5"},[e("figure",null,[e("img",{src:i,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])]),e("div",{class:"col-md-5 mb-4 mb-md-0"},[e("p",null,"This is another paragraph Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.")])],-1)])]),_:1})]),e("div",_,[e("div",T,[e("a",{class:"boton color-botones texto-blanco",href:l.obtenerLink("/downloads/t4/Slide_navegacion_simple_a.txt"),target:"_blank",type:"application/pdf"},[...s[1]||(s[1]=[e("span",null,"Ver código fuente",-1)])],8,k)])]),s[17]||(s[17]=e("hr",{class:"my-5"},null,-1)),s[18]||(s[18]=e("h3",{class:"titulo-tercero"},"Opción 1 - Tipo b",-1)),e("div",q,[t(d,{tipo:"b"},{default:o(()=>[...s[2]||(s[2]=[e("div",{class:"row justify-content-center align-items-center my-lg-4"},[e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")]),e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:i,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])])],-1),e("div",{class:"row justify-content-center align-items-center my-lg-4"},[e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:i,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])]),e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")])],-1)])]),_:1})]),e("div",S,[e("div",j,[e("a",{class:"boton color-botones texto-blanco",href:l.obtenerLink("/downloads/t4/Slide_navegacion_simple_b.txt"),target:"_blank",type:"application/pdf"},[...s[3]||(s[3]=[e("span",null,"Ver código fuente",-1)])],8,I)])]),e("div",L,[e("div",V,[t(r,{class:"color-acento-botones"},{default:o(()=>[...s[4]||(s[4]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[e("ul",{class:"lista-ul mb-0"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Título o subtítulo de la temática que se aborda en las diapositivas")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Se permite un máximo de 8 diapositivas.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Por cada diapositiva debe ir un texto de máximo 80 palabras.")])])],-1)])]),_:1})])]),t(c),s[19]||(s[19]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_4_2"},[e("h2",null,"4.2 Slide navegación con numerales")],-1)),s[20]||(s[20]=e("p",null,"Ideal para textos cortos, bien sea para un procedimiento, una historia, definiciones pequeñas o características puntuales. También podría usarse para plantear ejemplos cuando una situación o temática tiene diferentes variables.",-1)),s[21]||(s[21]=e("p",null,"La composición gráfica puede tomar el protagónico siendo muy explicativa. Los pasos irán numerados, no nombrados.",-1)),s[22]||(s[22]=e("p",{class:"mb-4"},"Se recomienda usar máximo 10 pasos y mínimo 4.",-1)),e("div",C,[t(m,{class:"color-primario"},{default:o(()=>[...s[5]||(s[5]=[e("div",{class:"row",titulo:""},[e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")]),e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:i,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])])],-1),e("div",{class:"row",titulo:""},[e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:i,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])]),e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")])],-1)])]),_:1})]),e("div",F,[e("div",B,[e("a",{class:"boton color-botones texto-blanco",href:l.obtenerLink("/downloads/t4/Slide_navegacion_con_numerales.txt"),target:"_blank",type:"application/pdf"},[...s[6]||(s[6]=[e("span",null,"Ver código fuente",-1)])],8,E)])]),e("div",P,[e("div",$,[t(r,{class:"color-acento-botones"},{default:o(()=>[...s[7]||(s[7]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[e("ul",{class:"lista-ul mb-0"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Título o subtítulo de la temática que se aborda en las diapositivas")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Se permite un máximo de 8 diapositivas.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Por cada diapositiva debe ir un texto de máximo 80 palabras.")])])],-1)])]),_:1})])]),t(c),s[23]||(s[23]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_4_3"},[e("h2",null,"4.3 Slide navegación con títulos")],-1)),s[24]||(s[24]=e("p",{class:"mb-4"},"Es para textos un poco más extensos que en el tipo anterior y la imagen puede ser más ilustrativa. Ideal para explicar fases, etapas, acontecimientos (línea de tiempo) o procedimientos. Cada diapositiva tendrá un nombre referente a su contenido. Se recomienda usar máximo 10 pasos y mínimo 4.",-1)),s[25]||(s[25]=e("h3",{class:"titulo-tercero"},"Opción 1",-1)),e("div",N,[t(m,{class:"color-acento-contenido"},{default:o(()=>[...s[8]||(s[8]=[e("div",{class:"row",titulo:"Titulo 1"},[e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")]),e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:i,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])])],-1),e("div",{class:"row",titulo:"Titulo 2"},[e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:i,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])]),e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")])],-1)])]),_:1})]),e("div",z,[e("div",A,[e("a",{class:"boton color-botones texto-blanco",href:l.obtenerLink("/downloads/t4/Slide_navegacion_numero_titulo.txt"),target:"_blank",type:"application/pdf"},[...s[9]||(s[9]=[e("span",null,"Ver código fuente",-1)])],8,H)])]),s[26]||(s[26]=e("hr",{class:"my-5"},null,-1)),s[27]||(s[27]=e("h3",{class:"titulo-tercero"},"Opción 2",-1)),e("div",R,[t(p,{class:"color-acento-contenido","text-small":""},{default:o(()=>[...s[10]||(s[10]=[e("div",{class:"row",titulo:"Titulo 3"},[e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")]),e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:i,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])])],-1),e("div",{class:"row",titulo:"Titulo 4"},[e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:i,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])]),e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")])],-1)])]),_:1})]),e("div",O,[e("div",G,[e("a",{class:"boton color-botones texto-blanco",href:l.obtenerLink("/downloads/t4/Slide_navegacion_titulo.txt"),target:"_blank",type:"application/pdf"},[...s[11]||(s[11]=[e("span",null,"Ver código fuente",-1)])],8,M)])]),e("div",Q,[e("div",D,[t(r,{class:"color-acento-botones"},{default:o(()=>[...s[12]||(s[12]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[e("ul",{class:"lista-ul mb-0"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Título o subtítulo de la temática que se aborda en las diapositivas")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Se permite un máximo de 8 diapositivas.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Por cada diapositiva debe ir un texto de máximo 80 palabras.")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),a("Se debe incluir un título en la navegación de la diapositiva de máximo 3 palabras.")])])],-1)])]),_:1})])])])])}const K={name:"Tema4",data:()=>({}),mounted(){this.$nextTick(()=>{this.$aosRefresh()})},updated(){this.$aosRefresh()}},se=b(K,[["render",J]]);export{se as default};

package/dist/assets/Tema5-BO6dodrM.js

@@ -0,0 +1 @@
+import{_ as s}from"./ej-05-bXqMyP0C.js";import{c as u,a as c,b as t,d as m,w as i,r as a,o as p,e as o,_ as g}from"./index-BYpqhlZS.js";const v="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2026.2.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%201000.9%20616.7'%20style='enable-background:new%200%200%201000.9%20616.7;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23CCCCCC;}%20.st1{fill:%23F36D21;}%20.st2{fill:%23FFFFFF;stroke:%23818181;stroke-width:3;stroke-miterlimit:10;}%20.st3{fill:%23B5B5B6;}%20.st4{fill:%23E6E6E5;}%20.st5{fill:%23FFFFFF;stroke:%23818181;stroke-width:5;stroke-miterlimit:10;}%20.st6{fill:%234E4E4E;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M920.6,563.5H80.3c-18.3,0-33.1-14.9-33.1-33.1V86.3c0-18.3,14.9-33.1,33.1-33.1h840.3%20c18.3,0,33.1,14.9,33.1,33.1v444.1C953.7,548.6,938.9,563.5,920.6,563.5z%20M80.3,58.2c-15.5,0-28.1,12.6-28.1,28.1v444.1%20c0,15.5,12.6,28.1,28.1,28.1h840.3c15.5,0,28.1-12.6,28.1-28.1V86.3c0-15.5-12.6-28.1-28.1-28.1H80.3z'/%3e%3cpolygon%20class='st1'%20points='109.2,339.6%2085.3,315.7%20109.6,291.4%20114.7,296.5%2095.5,315.7%20114.3,334.5%20'/%3e%3cpolygon%20class='st1'%20points='899.6,291.4%20923.5,315.3%20899.2,339.6%20894.1,334.5%20913.3,315.3%20894.5,296.5%20'/%3e%3cg%3e%3cpath%20class='st2'%20d='M855.2,434.9H670.1c-5.7,0-10.4-4.6-10.4-10.4V192.1c0-5.7,4.6-10.4,10.4-10.4h185.1%20c5.7,0,10.4,4.6,10.4,10.4v232.4C865.5,430.3,860.9,434.9,855.2,434.9z'/%3e%3crect%20x='702.9'%20y='214.3'%20class='st3'%20width='145.6'%20height='19.7'/%3e%3crect%20x='702.6'%20y='248.8'%20class='st4'%20width='146.1'%20height='17.2'/%3e%3crect%20x='702.6'%20y='280.8'%20class='st4'%20width='146.1'%20height='17.2'/%3e%3crect%20x='702.6'%20y='312.9'%20class='st4'%20width='146.1'%20height='17.2'/%3e%3crect%20x='702.6'%20y='344.9'%20class='st4'%20width='146.1'%20height='17.2'/%3e%3crect%20x='702.6'%20y='376.9'%20class='st4'%20width='86.8'%20height='17.2'/%3e%3ccircle%20class='st5'%20cx='662.7'%20cy='224.1'%20r='24.7'/%3e%3cg%3e%3cpath%20class='st6'%20d='M668.1,226.9c0,3.3-2.2,5.3-6.9,5.3c-2.3,0-3.9-0.4-5.1-1v-2.8c1.4,0.7,3,1.1,5,1.1c2.3,0,3.8-0.9,3.8-2.7%20c0-1.8-1.1-2.5-3-2.5c-1,0-1.6,0.1-2.3,0.2l-1-2l4.7-4.7h-7v-2.7h11.2v2.1l-5,4.8c0.2,0,0.4,0,0.6,0%20C666.1,222,668.1,223.7,668.1,226.9z'/%3e%3c/g%3e%3cpath%20class='st2'%20d='M602.7,434.9H417.6c-5.7,0-10.4-4.6-10.4-10.4V192.1c0-5.7,4.6-10.4,10.4-10.4h185.1%20c5.7,0,10.4,4.6,10.4,10.4v232.4C613.1,430.3,608.4,434.9,602.7,434.9z'/%3e%3crect%20x='450.4'%20y='214.3'%20class='st3'%20width='145.6'%20height='19.7'/%3e%3crect%20x='450.2'%20y='248.8'%20class='st4'%20width='146.1'%20height='17.2'/%3e%3crect%20x='450.2'%20y='280.8'%20class='st4'%20width='146.1'%20height='17.2'/%3e%3crect%20x='450.2'%20y='312.9'%20class='st4'%20width='146.1'%20height='17.2'/%3e%3crect%20x='450.2'%20y='344.9'%20class='st4'%20width='146.1'%20height='17.2'/%3e%3crect%20x='450.2'%20y='376.9'%20class='st4'%20width='86.8'%20height='17.2'/%3e%3ccircle%20class='st5'%20cx='410.3'%20cy='224.1'%20r='24.7'/%3e%3cg%3e%3cpath%20class='st6'%20d='M415.5,229.1v2.7h-12v-2.4l5-4.3c2-1.7,3.1-3,3.1-4.9c0-1.9-1.3-2.8-3.5-2.8c-1.5,0-3.1,0.4-4.6,1v-2.7%20c1.5-0.6,3.4-1,5.3-1c3.7,0,6,1.8,6,5.2c0,3.3-1.9,5.2-4.6,7.4l-2.4,1.9H415.5z'/%3e%3c/g%3e%3cpath%20class='st2'%20d='M352.6,434.9H167.5c-5.7,0-10.4-4.6-10.4-10.4V192.1c0-5.7,4.6-10.4,10.4-10.4h185.1%20c5.7,0,10.4,4.6,10.4,10.4v232.4C362.9,430.3,358.3,434.9,352.6,434.9z'/%3e%3crect%20x='200.3'%20y='214.3'%20class='st3'%20width='145.6'%20height='19.7'/%3e%3crect%20x='200'%20y='248.8'%20class='st4'%20width='146.1'%20height='17.2'/%3e%3crect%20x='200'%20y='280.8'%20class='st4'%20width='146.1'%20height='17.2'/%3e%3crect%20x='200'%20y='312.9'%20class='st4'%20width='146.1'%20height='17.2'/%3e%3crect%20x='200'%20y='344.9'%20class='st4'%20width='146.1'%20height='17.2'/%3e%3crect%20x='200'%20y='376.9'%20class='st4'%20width='86.8'%20height='17.2'/%3e%3ccircle%20class='st5'%20cx='160.1'%20cy='224.1'%20r='24.7'/%3e%3cg%3e%3cpath%20class='st6'%20d='M162.4,229.1v2.7h-8.9v-2.7h3.1v-10.7l-3.3,1v-2.8l4-1.4h2.3v14H162.4z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",f={class:"curso-main-container pb-3"},y={class:"container tarjeta tarjeta--blanca p-4 p-md-5 mb-5"},x={class:"row justify-content-center mb-5"},b={class:"col-3"},w=["href"],_={class:"row justify-content-center mb-5"},j={class:"col-3"},B=["href"],C={class:"row mb-5"},F={class:"col-lg-12 order-2 order-lg-1"};function k(l,e,A,G,E,T){const n=a("BannerInterno"),d=a("Separador"),r=a("SlyderF"),h=a("TabsA");return p(),u("div",f,[c(n),t("div",y,[e[5]||(e[5]=m('<div class="titulo-principal color-acento-contenido"><div class="titulo-principal__numero"><span>5</span></div><h1>Carrusel de tarjetas</h1></div><div class="row justify-content-center align-items-center mb-4"><div class="col-lg-6"><img src="'+v+'" alt="alt"></div><div class="col-lg-6"><div class="crd bg1 p-4 mb-4"><p class="mb-0">El carrusel de tarjetas es un componente web que permite mostrar un grupo de tarjetas de manera secuencial. Las tarjetas están compuestas de iconos y/o imágenes acompañadas de texto.</p></div><p>Cuenta con una imagen general sobre el tema y cada tarjeta incluye un ícono (vector sin texto ni mayor detalle dado su tamaño). La interacción con el usuario se da en el momento que se desee avanzar en el carrusel para conocer la información completa. Es otra manera de seccionar información, pero en estas tarjetas se condensan datos muy concisos y pequeños:</p><div class="row justify-content-center align-items-center ps-3"><div class="col-lg-6"><ul class="lista-ul--color"><li><i class="lista-ul__vineta txt--green"></i>Tips</li><li><i class="lista-ul__vineta txt--green"></i>Datos</li><li><i class="lista-ul__vineta txt--green"></i>Conceptos clave</li><li><i class="lista-ul__vineta txt--green"></i>Principios</li><li><i class="lista-ul__vineta txt--green"></i>Fundamentos</li></ul></div><div class="col-lg-6"><ul class="lista-ul--color"><li><i class="lista-ul__vineta txt--green"></i>Causas</li><li><i class="lista-ul__vineta txt--green"></i>Consecuencias /Efectos</li><li><i class="lista-ul__vineta txt--green"></i>Ventajas</li><li><i class="lista-ul__vineta txt--green"></i>Desventajas</li></ul></div></div></div></div>',2)),c(d),e[6]||(e[6]=t("div",{class:"titulo-segundo color-acento-contenido"},[t("h2",null,"Estructura del componente")],-1)),e[7]||(e[7]=t("h3",{class:"titulo-tercero"},"Tipo 1",-1)),c(r,{class:"mb-4",columnas:"col-lg-6 col-xl-4"},{default:i(()=>[...e[0]||(e[0]=[t("div",{class:"tarjeta color-primario p-4"},[t("div",{class:"row justify-content-center mb-3"},[t("div",{class:"col-8"},[t("img",{src:s,alt:""})])]),t("h2",{class:"text-center"},"FIRST"),t("p",{class:"text-center"},"moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.")],-1),t("div",{class:"tarjeta color-primario p-4"},[t("div",{class:"row justify-content-center mb-3"},[t("div",{class:"col-8"},[t("img",{src:s,alt:""})])]),t("h2",{class:"text-center"},"2"),t("p",{class:"text-center"},"moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.")],-1),t("div",{class:"tarjeta color-primario p-4"},[t("div",{class:"row justify-content-center mb-3"},[t("div",{class:"col-8"},[t("img",{src:s,alt:""})])]),t("h2",{class:"text-center"},"3"),t("p",{class:"text-center"},"moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.")],-1),t("div",{class:"tarjeta color-primario p-4"},[t("div",{class:"row justify-content-center mb-3"},[t("div",{class:"col-8"},[t("img",{src:s,alt:""})])]),t("h2",{class:"text-center"},"4"),t("p",{class:"text-center"},"moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.")],-1),t("div",{class:"tarjeta color-primario p-4"},[t("div",{class:"row justify-content-center mb-3"},[t("div",{class:"col-8"},[t("img",{src:s,alt:""})])]),t("h2",{class:"text-center"},"5"),t("p",{class:"text-center"},"moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.")],-1),t("div",{class:"tarjeta color-primario p-4"},[t("div",{class:"row justify-content-center mb-3"},[t("div",{class:"col-8"},[t("img",{src:s,alt:""})])]),t("h2",{class:"text-center"},"6"),t("p",{class:"text-center"},"moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.")],-1)])]),_:1}),t("div",x,[t("div",b,[t("a",{class:"boton color-botones texto-blanco",href:l.obtenerLink("/downloads/t5/Carrusel.txt"),target:"_blank",type:"application/pdf"},[...e[1]||(e[1]=[t("span",null,"Ver código fuente",-1)])],8,w)])]),e[8]||(e[8]=t("hr",{class:"my-5"},null,-1)),e[9]||(e[9]=t("h3",{class:"titulo-tercero"},"Tipo 2",-1)),c(r,{class:"circl-arrow mb-4",columnas:"col-lg-6 col-xl-4"},{default:i(()=>[...e[2]||(e[2]=[t("div",{class:"tarjeta color-primario p-4"},[t("div",{class:"row justify-content-center mb-3"},[t("div",{class:"col-8"},[t("img",{src:s,alt:""})])]),t("h2",{class:"text-center"},"FIRST"),t("p",{class:"text-center"},"moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.")],-1),t("div",{class:"tarjeta color-primario p-4"},[t("div",{class:"row justify-content-center mb-3"},[t("div",{class:"col-8"},[t("img",{src:s,alt:""})])]),t("h2",{class:"text-center"},"2"),t("p",{class:"text-center"},"moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.")],-1),t("div",{class:"tarjeta color-primario p-4"},[t("div",{class:"row justify-content-center mb-3"},[t("div",{class:"col-8"},[t("img",{src:s,alt:""})])]),t("h2",{class:"text-center"},"3"),t("p",{class:"text-center"},"moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.")],-1),t("div",{class:"tarjeta color-primario p-4"},[t("div",{class:"row justify-content-center mb-3"},[t("div",{class:"col-8"},[t("img",{src:s,alt:""})])]),t("h2",{class:"text-center"},"4"),t("p",{class:"text-center"},"moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.")],-1),t("div",{class:"tarjeta color-primario p-4"},[t("div",{class:"row justify-content-center mb-3"},[t("div",{class:"col-8"},[t("img",{src:s,alt:""})])]),t("h2",{class:"text-center"},"5"),t("p",{class:"text-center"},"moment. Abandon the shelter of insecurity. Be bold. Greatness isn’t the height of your stature, it’s the heft of your spirit.")],-1),t("div",{class:"tarjeta color-primario p-4"},[t("div",{class:"row justify-content-center mb-3"},[t("div",{class:"col-8"},[t("img",{src:s,alt:""})])])],-1)])]),_:1}),t("div",_,[t("div",j,[t("a",{class:"boton color-botones texto-blanco",href:l.obtenerLink("/downloads/t5/Carrusel2.txt"),target:"_blank",type:"application/pdf"},[...e[3]||(e[3]=[t("span",null,"Ver código fuente",-1)])],8,B)])]),t("div",C,[t("div",F,[c(h,{class:"color-acento-botones"},{default:i(()=>[...e[4]||(e[4]=[t("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[t("ul",{class:"lista-ul mb-4"},[t("li",null,[t("i",{class:"fas fa-angle-right txt--green"}),o("Titulo corto e ilustrativo (cuando aplica).")]),t("li",null,[t("i",{class:"fas fa-angle-right txt--green"}),o("Cada tarjeta debe ir acompañada de un texto corto de máximo 35 palabras que acompañe a una foto o ilustración.")]),t("li",null,[t("i",{class:"fas fa-angle-right txt--green"}),o("Se permiten máximo 8 tarjetas por carrusel.")])])],-1)])]),_:1})])])])])}const V={name:"Tema5",components:{},data:()=>({datosSlyder:[{}]}),mounted(){this.$nextTick(()=>{this.$aosRefresh()})},updated(){this.$aosRefresh()}},M=g(V,[["render",k]]);export{M as default};

package/dist/assets/Tema6-BbjqmB16.js

@@ -0,0 +1 @@
+import{_ as s}from"./img-placeholder-D94sA4RA.js";import{c as p,a,b as e,d as g,w as o,r as i,o as h,e as n,_ as b}from"./index-BYpqhlZS.js";const f=""+new URL("Acordeon-CLvdxWDY.svg",import.meta.url).href,v={class:"curso-main-container pb-3"},_={class:"container tarjeta tarjeta--blanca p-4 p-md-5 mb-5"},x={class:"row justify-content-center mb-5"},y={class:"col-auto"},w=["href"],T={class:"row mb-3"},k={class:"col-lg-12 order-2 order-lg-1"},q={class:"row justify-content-center mb-5"},j={class:"col-auto"},L=["href"],A={class:"row"},I={class:"col-lg-12 order-2 order-lg-1"},C={class:"row justify-content-center align-items-top mb-4"},V={class:"col-md-8 mb-5 mb-md-0"},$={class:"row justify-content-center mb-5"},B={class:"col-auto"},R=["href"],D={class:"row mb-5"},N={class:"col-lg-12 order-2 order-lg-1"};function S(l,t,P,E,U,Y){const m=i("BannerInterno"),d=i("Separador"),c=i("AcordionA"),r=i("TabsA"),u=i("LineaTiempoD");return h(),p("div",v,[a(m),e("div",_,[t[10]||(t[10]=g('<div class="titulo-principal color-acento-contenido"><div class="titulo-principal__numero"><span>6</span></div><h1>Acordeón</h1></div><div class="row justify-content-center align-items-center"><div class="col-lg-6"><figure><img src="'+f+'" alt="alt"></figure></div><div class="col-lg-6"><div class="crd bg1 p-4 mb-4"><p class="mb-0">Un acordeón está formado por regiones desplegables que permiten mostrar u ocultar contenido pulsando sobre un botón.</p></div><p>Es un recurso que a simple vista no ocupa mayor espacio dado que la información está oculta dentro de botones desplegables. Consta de una imagen general al tema acompañada de las respectivas explicaciones. </p><p>Ya que no demanda una imagen para cada botón puede usarse en caso de contar con una explicación muy grande, seccionada en subtítulos, igualmente para tipificaciones, fases, etapas, pasos o procedimientos con definiciones grandes. </p><p>Su uso se recomienda cuando las secciones están estrechamente relacionadas con la introducción y se hace necesario que esta esté hilada constantemente.</p></div></div>',2)),a(d),t[11]||(t[11]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_6_1"},[e("h2",null,"6.1 Acordeón (con viñeta en la izquierda) - tipo 1")],-1)),a(c,{tipo:"a","clase-tarjeta":"tarjeta tarjeta--azul"},{default:o(()=>[...t[0]||(t[0]=[e("div",{class:"row",titulo:"Titulo item 1"},[e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")]),e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:s,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])])],-1),e("div",{titulo:"Titulo item 2"},[e("figure",null,[e("img",{src:s,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])],-1)])]),_:1}),e("div",x,[e("div",y,[e("a",{class:"boton color-botones texto-blanco",href:l.obtenerLink("/downloads/t6/AcordionA.txt"),target:"_blank",type:"application/pdf"},[...t[1]||(t[1]=[e("span",null,"Ver código fuente",-1)])],8,w)])]),e("div",T,[e("div",k,[a(r,{class:"color-acento-botones"},{default:o(()=>[...t[2]||(t[2]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[e("ul",{class:"lista-ul mb-4"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),n("Titulo corto de máximo 8 palabras")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),n("Cada opción del acordeón debe ir acompañada de un texto de máximo 60 palabras y puede ir acompañado de una foto o ilustración.")])])],-1)])]),_:1})])]),a(d),t[12]||(t[12]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_6_2"},[e("h2",null,"6.2 Acordeón (con viñeta en la derecha) - tipo 2")],-1)),a(c,{tipo:"b","clase-tarjeta":"tarjeta tarjeta--azul"},{default:o(()=>[...t[3]||(t[3]=[e("div",{class:"row",titulo:"Titulo item 1"},[e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")]),e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:s,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen ")])])],-1),e("div",{class:"row",titulo:"Titulo item 2"},[e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:s,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen ")])]),e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")])],-1)])]),_:1}),e("div",q,[e("div",j,[e("a",{class:"boton color-botones texto-blanco",href:l.obtenerLink("/downloads/t6/AcordionB.txt"),target:"_blank",type:"application/pdf"},[...t[4]||(t[4]=[e("span",null,"Ver código fuente",-1)])],8,L)])]),e("div",A,[e("div",I,[a(r,{class:"color-acento-botones"},{default:o(()=>[...t[5]||(t[5]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[e("ul",{class:"lista-ul mb-4"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),n("Titulo corto de máximo 8 palabras")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),n("Cada opción del acordeón debe ir acompañada de un texto de máximo 60 palabras y puede ir acompañado de una foto o ilustración.")])])],-1)])]),_:1})])]),a(d),t[13]||(t[13]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_6_3"},[e("h2",null,"6.3 Acordeón con numeral / pasos")],-1)),e("div",C,[t[7]||(t[7]=e("div",{class:"col-md-4 mb-5 mb-md-0"},[e("img",{src:s,alt:"Texto que describa la imagen"})],-1)),e("div",V,[a(u,{class:"color-primario"},{default:o(()=>[...t[6]||(t[6]=[e("div",{class:"row",numero:"1",titulo:"Praesent luctus"},[e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",{class:"text-small"},"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")]),e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:s,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen ")])])],-1),e("div",{class:"row",numero:"2",titulo:"Praesent luctus"},[e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:s,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])]),e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",{class:"text-small"},"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion. ")])],-1),e("div",{class:"row",numero:"3",titulo:"Praesent luctus"},[e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:s,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])]),e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("p",{class:"text-small"},"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion. ")])],-1)])]),_:1})])]),e("div",$,[e("div",B,[e("a",{class:"boton color-botones texto-blanco",href:l.obtenerLink("/downloads/t6/LineaTiempoD.txt"),target:"_blank",type:"application/pdf"},[...t[8]||(t[8]=[e("span",null,"Ver código fuente",-1)])],8,R)])]),e("div",D,[e("div",N,[a(r,{class:"color-acento-botones"},{default:o(()=>[...t[9]||(t[9]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[e("ul",{class:"lista-ul mb-4"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),n("Titulo corto de máximo 8 palabras asociado a un numeral")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),n("Cada opción del acordeón debe ir acompañada de un texto de máximo 45 palabras y puede ir acompañado de una foto o ilustración.")])])],-1)])]),_:1})])])])])}const z={name:"Tema6",components:{},data:()=>({}),mounted(){this.$nextTick(()=>{this.$aosRefresh()})},updated(){this.$aosRefresh()}},G=b(z,[["render",S]]);export{G as default};

package/dist/assets/Tema6-Beg9MHo8.css

@@ -0,0 +1 @@
+.actividad{background-color:#f2f2f2}.acordion__accion__btn--a{background-color:#eeac3a!important;transition:all .3s ease-out}.acordion__activo{background-color:#fdf3e1!important;transition:all .3s ease-out}

package/dist/assets/Tema7-BHWqJSpO.js

@@ -0,0 +1 @@
+import{i as p}from"./ej-04-BV2x_1lC.js";import{_ as o}from"./img-placeholder-D94sA4RA.js";import{c as h,a,b as e,d as f,w as i,r as n,o as g,e as t,_ as v}from"./index-BYpqhlZS.js";const b=""+new URL("Pestanas-BiKIBwyv.svg",import.meta.url).href,y={class:"curso-main-container pb-3"},_={class:"container tarjeta tarjeta--blanca p-4 p-md-5 mb-5"},w={class:"row justify-content-center mb-5"},x={class:"col-auto"},T=["href"],k={class:"row"},I={class:"col-lg-12 order-2 order-lg-1"},j={class:"row justify-content-center mb-5"},L={class:"col-auto"},q=["href"],C={class:"row"},B={class:"col-lg-12 order-2 order-lg-1"},P=["icono"],S=["icono"],A={class:"row justify-content-center mb-5"},E={class:"col-auto"},V=["href"],$={class:"row mb-5"},R={class:"col-lg-12 order-2 order-lg-1"};function N(l,s,M,O,D,Y){const c=n("BannerInterno"),d=n("Separador"),r=n("TabsA"),u=n("TabsC"),m=n("TabsB");return g(),h("div",y,[a(c),e("div",_,[s[10]||(s[10]=f('<div class="titulo-principal color-acento-contenido"><div class="titulo-principal__numero"><span>7</span></div><h1>Pestañas o Tabs</h1></div><div class="row justify-content-center align-items-center mb-4"><div class="col-lg-6"><figure><img src="'+b+'" alt="alt"></figure></div><div class="col-lg-6"><div class="crd clr-paleYellow p-4 mb-4"><p class="mb-0">La navegación por pestañas se refiere a la posibilidad de que varios paneles con información estén contenidos dentro de una sola ventana principal, usando pestañas para alternar entre ellos.</p></div><p>Se presenta la explicación o información en una especie de panel que provee toda la información en la pantalla principal conservando la introducción estática y ahondando a partir de pestañas, permitiendo la navegación entre ellas. Es recomendable usarla en:</p><div class="row justify-content-center align-items-center ps-3"><div class="col-lg-6"><ul class="lista-ul--color"><li><i class="lista-ul__vineta txt--green"></i>Tipologías</li><li><i class="lista-ul__vineta txt--green"></i>Etapas</li><li><i class="lista-ul__vineta txt--green"></i>Definiciones</li></ul></div><div class="col-lg-6"><ul class="lista-ul--color"><li><i class="lista-ul__vineta txt--green"></i>Procesos</li><li><i class="lista-ul__vineta txt--green"></i>Secciones/subtemas</li><li><i class="lista-ul__vineta txt--green"></i>Nomenclaturas</li></ul></div><p>Es útil cuando se abordan temas como normas, decretos, leyes, condiciones etc.</p></div></div></div>',2)),a(d),s[11]||(s[11]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_7_1"},[e("h2",null,"7.1 Pestañas verticales")],-1)),a(r,{class:"color-primario mb-4"},{default:i(()=>[...s[0]||(s[0]=[e("div",{class:"tarjeta color-acento-contenido--borde p-4",titulo:"PASO 1"},[e("h4",null,"PASO 1: The splendor"),e("p",null,[t("This is a normal paragraph ("),e("code",null,"p"),t(" element). To add some length to it, let us mention that this page was primarily written for testing the effect of"),e("strong",null,"user style sheets"),t(". You can use it for various other purposes as well, like just checking how your browser displays various HTML elements by default. It can also be useful when testing conversions from HTML format to other formats, since some elements can go wrong then.")]),e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")],-1),e("div",{class:"tarjeta color-acento-contenido--borde p-4",titulo:"PASO 2"},[e("h4",null,"PASO 2: The splendor"),e("div",{class:"row"},[e("div",{class:"col-xl-6 mb-4"},[e("figure",null,[e("img",{src:o,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])]),e("div",{class:"col-xl-6"},[e("p",null,[t("This is a normal paragraph ("),e("code",null,"p"),t(" element). To add some length to it, let us mention that this page was primarily written for testing the effect of"),e("strong",null,"user style sheets"),t(". You can use it for various other purposes as well, like just checking how your browser displays various HTML elements by default. It can also be useful when testing conversions from HTML format to other formats, since some elements can go wrong then.")]),e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")])])],-1)])]),_:1}),e("div",w,[e("div",x,[e("a",{class:"boton color-botones texto-blanco",href:l.obtenerLink("/downloads/t7/TabsA.txt"),target:"_blank",type:"application/pdf"},[...s[1]||(s[1]=[e("span",null,"Ver código fuente",-1)])],8,T)])]),e("div",k,[e("div",I,[a(r,{class:"color-acento-botones"},{default:i(()=>[...s[2]||(s[2]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[e("ul",{class:"lista-ul mb-4"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),t("Titulo corto de máximo de 4 palabras")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),t("Cada diapositiva debe ir acompañada de un texto de maximo 140 palabras que pueden ir acompañada de una foto o ilustración.")])])],-1)])]),_:1})])]),a(d),s[12]||(s[12]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_7_2"},[e("h2",null,"7.2 Pestañas horizontales - sencillas")],-1)),a(u,{class:"color-primario mb-4"},{default:i(()=>[...s[3]||(s[3]=[e("div",{class:"py-3 py-md-4",titulo:"The splendor of the mystery"},[e("div",{class:"row"},[e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("h4",null,"Celebrate your failures 1"),e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")]),e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:o,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])])])],-1),e("div",{class:"py-3 py-md-4",titulo:"Don’t lie to yourself"},[e("div",{class:"row"},[e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("figure",null,[e("img",{src:o,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])]),e("div",{class:"col-md-6"},[e("h4",null,"Celebrate your failures 2"),e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")])])],-1),e("div",{class:"py-3 py-md-4",titulo:"The splendor of the mystery"},[e("div",{class:"row"},[e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("h4",null,"Celebrate your failures 3"),e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")]),e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:o,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])])])],-1)])]),_:1}),e("div",j,[e("div",L,[e("a",{class:"boton color-botones texto-blanco",href:l.obtenerLink("/downloads/t7/TabsC.txt"),target:"_blank",type:"application/pdf"},[...s[4]||(s[4]=[e("span",null,"Ver código fuente",-1)])],8,q)])]),e("div",C,[e("div",B,[a(r,{class:"color-acento-botones"},{default:i(()=>[...s[5]||(s[5]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[e("ul",{class:"lista-ul mb-4"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),t("Titulo corto de máximo de 6 palabras")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),t("Cada diapositiva debe ir acompañada de un texto de maximo sugerido de 140 palabras que pueden ir acompañada de una foto o ilustración.")])])],-1)])]),_:1})])]),a(d),s[13]||(s[13]=e("div",{class:"titulo-segundo color-acento-contenido",id:"t_7_3"},[e("h2",null,"7.3 Pestañas horizontales - iconos")],-1)),a(m,{class:"color-primario mb-4"},{default:i(()=>[e("div",{class:"py-4 py-md-5",titulo:"The splendor of the mystery",icono:l.iconoEj04},[...s[6]||(s[6]=[e("div",{class:"row"},[e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("h4",null,"Celebrate your failures 1"),e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")]),e("div",{class:"col-md-6"},[e("figure",null,[e("img",{src:o,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])])],-1)])],8,P),e("div",{class:"py-4 py-md-5",titulo:"Don’t lie to yourself",icono:l.iconoEj04},[...s[7]||(s[7]=[e("div",{class:"row"},[e("div",{class:"col-md-6 mb-4 mb-md-0"},[e("figure",null,[e("img",{src:o,alt:"Texto que describa la imagen"}),e("figcaption",null,"Leyenda de la imagen")])]),e("div",{class:"col-md-6"},[e("h4",null,"Celebrate your failures 2"),e("p",null,"This is another paragraph. I think it needs to be added that the set of elements tested is not exhaustive in any sense. I have selected those elements for which it can make sense to write user style sheet rules, in my opionion.")])],-1)])],8,S)]),_:1}),e("div",A,[e("div",E,[e("a",{class:"boton color-botones texto-blanco",href:l.obtenerLink("/downloads/t7/TabsB.txt"),target:"_blank",type:"application/pdf"},[...s[8]||(s[8]=[e("span",null,"Ver código fuente",-1)])],8,V)])]),e("div",$,[e("div",R,[a(r,{class:"color-acento-botones"},{default:i(()=>[...s[9]||(s[9]=[e("div",{class:"tarjeta clr--gris p-4",titulo:"Requerimientos de información"},[e("ul",{class:"lista-ul mb-4"},[e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),t("Titulo corto de máximo de 6 palabras")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),t("Icono asociado al título")]),e("li",null,[e("i",{class:"fas fa-angle-right txt--green"}),t("Cada diapositiva debe ir acompañada de un texto de maximo sugerido de 140 palabras que pueden ir acompañada de una foto o ilustración.")])])],-1)])]),_:1})])])])])}const H={name:"Tema7",data:()=>({iconoEj04:p}),mounted(){this.$nextTick(()=>{this.$aosRefresh()})},updated(){this.$aosRefresh()}},F=v(H,[["render",N]]);export{F as default};