@font-face{font-family:'Tutoriales Schibsted';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/tutoriales-schibsted-grotesk-latin.woff2') format('woff2')} :where(.vr-tutoriales-v2) .vret-sr{ position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; } :where(.vr-tutoriales-v2) .vret-feature,:where(.vr-tutoriales-v2) .vret-dialog,:where(.vr-tutoriales-v2) .vret-dialog *{ box-sizing: border-box; } :where(.vr-tutoriales-v2) .vret-feature{ width: min(1120px, 100% - 36px); margin: 20px auto 56px; padding: clamp(24px, 4vw, 48px); display: grid; grid-template-columns: minmax(0px, 0.92fr) minmax(340px, 1.08fr); gap: clamp(28px, 5vw, 64px); align-items: center; border: 1px solid rgb(222, 212, 200); border-radius: 28px; background: radial-gradient(circle at 12% 0%, rgba(192, 138, 94, 0.18), transparent 32%), linear-gradient(145deg, rgb(255, 253, 250) 0%, rgb(246, 238, 229) 100%); box-shadow: rgba(50, 35, 24, 0.55) 0px 28px 70px -50px; color: rgb(20, 17, 14); overflow: hidden; } :where(.vr-tutoriales-v2) .vret-feature__copy{ display: flex; flex-direction: column; align-items: flex-start; gap: 15px; } :where(.vr-tutoriales-v2) .vret-eyebrow{ margin: 0px; color: rgb(158, 79, 44); font-size: 11px; font-weight: 750; line-height: 1.3; letter-spacing: 0.14em; text-transform: uppercase; } :where(.vr-tutoriales-v2) .vret-feature h2,:where(.vr-tutoriales-v2) .vret-dialog h2,:where(.vr-tutoriales-v2) .vret-step h3{ text-wrap: pretty; } :where(.vr-tutoriales-v2) .vret-feature h2{ margin: 0px; max-width: 15ch; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(31px, 4.1vw, 50px); font-weight: 400; line-height: 1.04; letter-spacing: -0.025em; } :where(.vr-tutoriales-v2) .vret-feature__text{ margin: 0px; max-width: 55ch; color: rgb(93, 85, 76); font-size: 15px; line-height: 1.68; text-wrap: pretty; } :where(.vr-tutoriales-v2) .vret-feature__actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 13px 18px; padding-top: 5px; } :where(.vr-tutoriales-v2) .vret-meta{ color: rgb(111, 103, 93); font-size: 12.5px; font-weight: 650; } :where(.vr-tutoriales-v2) .vret-primary,:where(.vr-tutoriales-v2) .vret-secondary,:where(.vr-tutoriales-v2) .vret-skip,:where(.vr-tutoriales-v2) .vret-close,:where(.vr-tutoriales-v2) .vret-inline-open,:where(.vr-tutoriales-v2) .vret-dots button{ font: inherit; -webkit-tap-highlight-color: transparent; } :where(.vr-tutoriales-v2) .vret-primary{ min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 11px 18px; border: 0px; border-radius: 999px; background: rgb(168, 90, 50); color: rgb(255, 248, 243); font-size: 13.5px; font-weight: 720; cursor: pointer; box-shadow: rgba(110, 47, 18, 0.78) 0px 10px 24px -15px; transition: transform 0.2s, background 0.2s, box-shadow 0.2s; } :where(.vr-tutoriales-v2) .vret-primary:hover{ background: rgb(143, 73, 40); transform: translateY(-1px); box-shadow: rgba(110, 47, 18, 0.9) 0px 14px 28px -16px; } :where(.vr-tutoriales-v2) .vret-primary:focus-visible,:where(.vr-tutoriales-v2) .vret-secondary:focus-visible,:where(.vr-tutoriales-v2) .vret-skip:focus-visible,:where(.vr-tutoriales-v2) .vret-close:focus-visible,:where(.vr-tutoriales-v2) .vret-inline-open:focus-visible,:where(.vr-tutoriales-v2) .vret-dots button:focus-visible{ outline: rgb(47, 111, 228) solid 3px; outline-offset: 3px; } :where(.vr-tutoriales-v2) .vret-feature__art{ min-width: 0px; perspective: 900px; } :where(.vr-tutoriales-v2) .vret-mini{ position: relative; width: 100%; aspect-ratio: 16 / 10; display: flex; flex-direction: column; border: 1px solid rgba(109, 82, 61, 0.18); border-radius: 19px; background: rgb(255, 255, 255); box-shadow: rgba(44, 28, 18, 0.65) 0px 28px 50px -32px; overflow: hidden; transform: rotateY(-4deg) rotateX(1deg); } :where(.vr-tutoriales-v2) .vret-mini__top{ height: 34px; display: flex; align-items: center; gap: 6px; padding: 0px 12px; border-bottom: 1px solid rgb(238, 231, 222); color: rgb(119, 109, 99); font-size: 9px; font-weight: 700; } :where(.vr-tutoriales-v2) .vret-mini__top i{ width: 7px; height: 7px; border-radius: 50%; background: rgb(222, 213, 203); } :where(.vr-tutoriales-v2) .vret-mini__top span{ margin-left: 6px; } :where(.vr-tutoriales-v2) .vret-mini__body{ flex: 1 1 0%; min-height: 0px; display: grid; grid-template-columns: 27% 1fr; } :where(.vr-tutoriales-v2) .vret-mini__rail{ display: flex; flex-direction: column; gap: 8px; padding: 11px; border-right: 1px solid rgb(238, 231, 222); background: rgb(251, 250, 248); } :where(.vr-tutoriales-v2) .vret-mini__rail b{ height: 20%; min-height: 18px; border-radius: 6px; background: linear-gradient(135deg, rgb(222, 208, 193), rgb(185, 148, 119)); } :where(.vr-tutoriales-v2) .vret-mini__rail b:nth-child(2){ background: linear-gradient(135deg, rgb(219, 193, 171), rgb(142, 92, 60)); } :where(.vr-tutoriales-v2) .vret-mini__rail b:nth-child(3){ background: linear-gradient(135deg, rgb(235, 222, 210), rgb(194, 154, 122)); } :where(.vr-tutoriales-v2) .vret-mini__rail b:nth-child(4){ background: rgb(242, 236, 229); } :where(.vr-tutoriales-v2) .vret-mini__view{ position: relative; background: linear-gradient(90deg, transparent 58%, rgba(93, 61, 38, 0.2) 58%, rgba(93, 61, 38, 0.2) 60%, transparent 60%), linear-gradient(rgb(239, 231, 222) 0px, rgb(239, 231, 222) 50%, rgb(190, 155, 127) 50%, rgb(190, 155, 127) 54%, rgb(234, 215, 198) 54%, rgb(234, 215, 198) 100%); overflow: hidden; } :where(.vr-tutoriales-v2) .vret-mini__view::before,:where(.vr-tutoriales-v2) .vret-mini__view::after{ content: ""; position: absolute; bottom: 15%; width: 21%; height: 38%; border-width: 5px 5px 0px; border-style: solid solid none; border-color: rgba(111, 76, 51, 0.36) rgba(111, 76, 51, 0.36) currentcolor; border-image: none; } :where(.vr-tutoriales-v2) .vret-mini__view::before{ left: 13%; } :where(.vr-tutoriales-v2) .vret-mini__view::after{ right: 12%; } :where(.vr-tutoriales-v2) .vret-mini__point{ position: absolute; left: 53%; top: 59%; width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: rgb(47, 111, 228); color: rgb(255, 255, 255); font-size: 13px; box-shadow: rgba(47, 111, 228, 0.17) 0px 0px 0px 8px; animation: 2.2s ease-in-out 0s infinite normal none running vretPoint; } :where(.vr-tutoriales-v2) .vret-mini__steps{ height: 33px; display: flex; align-items: center; justify-content: center; gap: 5px; border-top: 1px solid rgb(238, 231, 222); } :where(.vr-tutoriales-v2) .vret-mini__steps i{ width: 6px; height: 6px; border-radius: 99px; background: rgb(222, 214, 205); } :where(.vr-tutoriales-v2) .vret-mini__steps i.is-on{ width: 22px; background: rgb(168, 90, 50); animation: 3.2s ease-in-out 0s infinite normal none running vretMiniStep; } :where(.vr-tutoriales-v2) .vret-inline-open{ align-self: flex-start; min-height: 48px; display: inline-flex; align-items: center; gap: 12px; padding: 9px 15px 9px 11px; border: 1px solid rgb(219, 198, 181); border-radius: 14px; background: rgb(255, 250, 245); color: rgb(92, 54, 36); text-align: left; cursor: pointer; } :where(.vr-tutoriales-v2) .vret-inline-open > span:first-child{ width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: rgb(168, 90, 50); color: rgb(255, 248, 243); font-size: 11px; } :where(.vr-tutoriales-v2) .vret-inline-open > span:last-child{ display: flex; flex-direction: column; gap: 2px; } :where(.vr-tutoriales-v2) .vret-inline-open b{ font-size: 12.5px; } :where(.vr-tutoriales-v2) .vret-inline-open small{ color: rgb(122, 101, 85); font-size: 11.5px; } :where(.vr-tutoriales-v2) .vret-inline-open:hover{ border-color: rgb(168, 90, 50); background: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vret-shell[hidden]{ display: none !important; } :where(.vr-tutoriales-v2) .vret-shell{ position: fixed; inset: 0px; z-index: 2147483000; display: grid; place-items: center; padding: 20px; } :where(.vr-tutoriales-v2) .vret-backdrop{ position: absolute; inset: 0px; background: rgba(20, 17, 14, 0.72); backdrop-filter: blur(8px); animation: 0.22s ease 0s 1 normal both running vretFade; } :where(.vr-tutoriales-v2) .vret-dialog{ position: relative; width: min(1180px, 100%); max-height: min(860px, 100dvh - 40px); display: flex; flex-direction: column; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 24px; background: rgb(251, 249, 246); color: rgb(20, 17, 14); box-shadow: rgba(0, 0, 0, 0.8) 0px 40px 110px -38px; overflow: hidden; animation: 0.26s cubic-bezier(0.22, 0.8, 0.24, 1) 0s 1 normal both running vretDialogIn; } :where(.vr-tutoriales-v2) .vret-dialog__header{ min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 20px 12px 24px; border-bottom: 1px solid rgb(230, 221, 211); background: rgba(255, 253, 250, 0.96); } :where(.vr-tutoriales-v2) .vret-dialog__heading{ min-width: 0px; display: flex; align-items: baseline; gap: 12px; } :where(.vr-tutoriales-v2) .vret-dialog__heading h2{ margin: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(22px, 3vw, 30px); font-weight: 400; letter-spacing: -0.02em; } :where(.vr-tutoriales-v2) .vret-dialog__tools{ display: flex; align-items: center; gap: 7px; flex: 0 0 auto; } :where(.vr-tutoriales-v2) .vret-skip{ min-height: 42px; padding: 8px 12px; border: 0px; border-radius: 9px; background: transparent; color: rgb(107, 99, 90); font-size: 12.5px; font-weight: 650; cursor: pointer; } :where(.vr-tutoriales-v2) .vret-skip:hover{ background: rgb(240, 235, 229); color: rgb(20, 17, 14); } :where(.vr-tutoriales-v2) .vret-close{ width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgb(223, 215, 206); border-radius: 12px; background: rgb(255, 255, 255); color: rgb(81, 75, 68); font-size: 24px; line-height: 1; cursor: pointer; } :where(.vr-tutoriales-v2) .vret-close:hover{ background: rgb(243, 238, 232); } :where(.vr-tutoriales-v2) .vret-progress{ height: 4px; flex: 0 0 auto; background: rgb(232, 224, 215); overflow: hidden; } :where(.vr-tutoriales-v2) .vret-progress span{ display: block; width: 12.5%; height: 100%; border-radius: 0px 999px 999px 0px; background: linear-gradient(90deg, rgb(168, 90, 50), rgb(211, 138, 95)); transition: width 0.38s cubic-bezier(0.22, 0.8, 0.24, 1); } :where(.vr-tutoriales-v2) .vret-dialog__body{ min-height: 0px; flex: 1 1 0%; display: grid; grid-template-columns: minmax(0px, 1.75fr) minmax(290px, 0.72fr); gap: 0px; overflow: hidden; } :where(.vr-tutoriales-v2) .vret-stage{ position: relative; min-width: 0px; min-height: 460px; background: rgb(238, 232, 224); overflow: hidden; isolation: isolate; } :where(.vr-tutoriales-v2) .vret-copy{ min-width: 0px; display: flex; flex-direction: column; padding: clamp(22px, 3vw, 36px); border-left: 1px solid rgb(230, 221, 211); background: rgb(255, 253, 250); overflow: auto; } :where(.vr-tutoriales-v2) .vret-copy__count{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: clamp(20px, 3vh, 34px); color: rgb(125, 110, 98); font-size: 11.5px; font-weight: 720; letter-spacing: 0.04em; text-transform: uppercase; } :where(.vr-tutoriales-v2) .vret-copy__count b{ color: rgb(168, 90, 50); font-size: 16px; } :where(.vr-tutoriales-v2) .vret-copy__meta{ text-align: right; letter-spacing: 0px; text-transform: none; } :where(.vr-tutoriales-v2) .vret-step{ animation: 0.28s ease 0s 1 normal both running vretCopyIn; } :where(.vr-tutoriales-v2) .vret-step[hidden]{ display: none; } :where(.vr-tutoriales-v2) .vret-step__number{ display: inline-grid; place-items: center; width: 40px; height: 40px; margin-bottom: 18px; border-radius: 50%; background: rgb(241, 228, 216); color: rgb(157, 79, 43); font-family: "Instrument Serif", Georgia, serif; font-size: 19px; } :where(.vr-tutoriales-v2) .vret-step h3{ margin: 0px 0px 14px; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(27px, 3vw, 38px); font-weight: 400; line-height: 1.05; letter-spacing: -0.025em; } :where(.vr-tutoriales-v2) .vret-step > p{ margin: 0px; color: rgb(83, 75, 67); font-size: 14.5px; line-height: 1.72; text-wrap: pretty; } :where(.vr-tutoriales-v2) .vret-step aside{ margin-top: 24px; display: flex; align-items: flex-start; gap: 10px; padding: 13px 14px; border: 1px solid rgb(234, 217, 202); border-radius: 13px; background: rgb(255, 247, 239); color: rgb(104, 68, 47); font-size: 12.5px; line-height: 1.55; } :where(.vr-tutoriales-v2) .vret-step aside > span{ width: 21px; height: 21px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: rgb(168, 90, 50); color: rgb(255, 255, 255); font-size: 11px; } :where(.vr-tutoriales-v2) .vret-dialog__footer{ min-height: 72px; display: grid; grid-template-columns: minmax(112px, auto) 1fr minmax(112px, auto); align-items: center; gap: 16px; padding: 12px 20px; border-top: 1px solid rgb(230, 221, 211); background: rgb(255, 253, 250); } :where(.vr-tutoriales-v2) .vret-secondary{ min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 16px; border: 1px solid rgb(220, 212, 202); border-radius: 999px; background: rgb(255, 255, 255); color: rgb(78, 72, 65); font-size: 13px; font-weight: 680; cursor: pointer; } :where(.vr-tutoriales-v2) .vret-secondary:hover:not(:disabled){ border-color: rgb(168, 90, 50); color: rgb(127, 63, 34); } :where(.vr-tutoriales-v2) .vret-secondary:disabled{ opacity: 0.42; cursor: not-allowed; } :where(.vr-tutoriales-v2) .vret-dots{ min-width: 0px; display: flex; align-items: center; justify-content: center; gap: 6px; } :where(.vr-tutoriales-v2) .vret-dots button{ width: 8px; height: 8px; padding: 0px; border: 0px; border-radius: 999px; background: rgb(217, 208, 199); cursor: pointer; transition: width 0.24s, background 0.24s; } :where(.vr-tutoriales-v2) .vret-dots button[aria-current="step"]{ width: 28px; background: rgb(168, 90, 50); } :where(.vr-tutoriales-v2) .vret-editor{ position: absolute; inset: 3.4%; display: flex; flex-direction: column; border: 1px solid rgba(92, 72, 55, 0.18); border-radius: 15px; background: rgb(255, 255, 255); box-shadow: rgba(38, 24, 15, 0.6) 0px 22px 50px -35px; overflow: hidden; transition: filter 0.28s, transform 0.28s; } :where(.vr-tutoriales-v2) .vret-editor__top{ height: 48px; flex: 0 0 auto; display: grid; grid-template-columns: minmax(100px, 0.65fr) minmax(210px, 1fr) minmax(255px, 1.1fr); align-items: center; gap: 10px; padding: 0px 12px; border-bottom: 1px solid rgb(236, 232, 227); color: rgb(94, 89, 83); font-size: 9px; } :where(.vr-tutoriales-v2) .vret-editor__crumb{ display: flex; align-items: center; gap: 6px; font-weight: 720; color: rgb(40, 37, 34); } :where(.vr-tutoriales-v2) .vret-editor__tabs{ display: flex; align-items: center; justify-content: center; gap: 4px; padding: 3px; border: 1px solid rgb(236, 232, 227); border-radius: 9px; background: rgb(247, 246, 244); } :where(.vr-tutoriales-v2) .vret-editor__tabs > *{ padding: 6px 9px; border-radius: 6px; white-space: nowrap; } :where(.vr-tutoriales-v2) .vret-editor__tabs b{ background: rgb(255, 255, 255); color: rgb(32, 29, 26); box-shadow: rgba(28, 22, 17, 0.08) 0px 1px 3px; } :where(.vr-tutoriales-v2) .vret-editor__status{ display: flex; align-items: center; justify-content: flex-end; gap: 5px; } :where(.vr-tutoriales-v2) .vret-editor__status > span{ padding: 6px 8px; border-radius: 8px; white-space: nowrap; } :where(.vr-tutoriales-v2) .vret-review{ border: 1px solid rgb(234, 219, 198); background: rgb(255, 248, 236); color: rgb(131, 85, 27); } :where(.vr-tutoriales-v2) .vret-preview-trigger{ background: rgb(47, 111, 228); color: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vret-publish-trigger{ background: rgb(32, 29, 26); color: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vret-editor__body{ min-height: 0px; flex: 1 1 0%; display: grid; grid-template-columns: 28% 1fr; } :where(.vr-tutoriales-v2) .vret-editor__rail{ min-width: 0px; display: flex; flex-direction: column; gap: 6px; padding: 10px; border-right: 1px solid rgb(236, 232, 227); background: rgb(251, 251, 250); overflow: hidden; } :where(.vr-tutoriales-v2) .vret-rail__head{ display: flex; align-items: center; justify-content: space-between; gap: 7px; font-size: 9px; } :where(.vr-tutoriales-v2) .vret-rail__head b{ font-size: 11px; } :where(.vr-tutoriales-v2) .vret-add-trigger{ padding: 6px 8px; border-radius: 7px; background: rgb(32, 29, 26); color: rgb(255, 255, 255); white-space: nowrap; } :where(.vr-tutoriales-v2) .vret-search,:where(.vr-tutoriales-v2) .vret-filter{ min-height: 25px; display: flex; align-items: center; padding: 0px 8px; border: 1px solid rgb(231, 227, 222); border-radius: 7px; background: rgb(255, 255, 255); color: rgb(155, 148, 141); font-size: 8px; } :where(.vr-tutoriales-v2) .vret-filter{ color: rgb(97, 91, 85); } :where(.vr-tutoriales-v2) .vret-editor__rail > small{ margin-top: 3px; color: rgb(142, 134, 125); font-size: 7px; font-weight: 750; letter-spacing: 0.09em; text-transform: uppercase; } :where(.vr-tutoriales-v2) .vret-card{ position: relative; height: 61px; flex: 0 0 auto; display: grid; grid-template-columns: 40% 1fr; grid-template-rows: 1fr auto; gap: 2px 7px; padding: 5px; border: 1px solid rgb(232, 227, 221); border-radius: 8px; background: rgb(255, 255, 255); font-size: 8px; overflow: hidden; } :where(.vr-tutoriales-v2) .vret-card.is-active{ border-color: rgb(226, 163, 61); box-shadow: rgba(226, 163, 61, 0.18) 0px 0px 0px 2px; } :where(.vr-tutoriales-v2) .vret-card .vret-thumb{ grid-row: 1 / 3; width: 100%; height: 100%; } :where(.vr-tutoriales-v2) .vret-card > span{ align-self: end; font-weight: 700; } :where(.vr-tutoriales-v2) .vret-card em{ align-self: start; color: rgb(138, 130, 122); font-size: 7px; font-style: normal; } :where(.vr-tutoriales-v2) .vret-thumb{ display: inline-block; border-radius: 5px; background: linear-gradient(150deg, rgb(231, 222, 213) 0px, rgb(231, 222, 213) 44%, rgb(168, 127, 97) 45%, rgb(168, 127, 97) 54%, rgb(232, 205, 182) 55%); } :where(.vr-tutoriales-v2) .vret-thumb--one{ background: linear-gradient(135deg, rgb(234, 222, 209) 0px, rgb(234, 222, 209) 36%, rgb(137, 95, 64) 37%, rgb(137, 95, 64) 47%, rgb(214, 181, 155) 48%, rgb(214, 181, 155) 67%, rgb(242, 231, 220) 68%); } :where(.vr-tutoriales-v2) .vret-thumb--two{ background: linear-gradient(45deg, rgb(117, 79, 55) 0px, rgb(117, 79, 55) 22%, rgb(234, 217, 201) 23%, rgb(234, 217, 201) 62%, rgb(175, 137, 108) 63%); } :where(.vr-tutoriales-v2) .vret-thumb--cover{ background: linear-gradient(160deg, rgb(225, 209, 194) 0px, rgb(225, 209, 194) 52%, rgb(85, 59, 45) 53%); } :where(.vr-tutoriales-v2) .vret-editor__main{ position: relative; min-width: 0px; min-height: 0px; padding: 10px; background: rgb(247, 247, 245); } :where(.vr-tutoriales-v2) .vret-view-tabs{ position: absolute; z-index: 2; top: 16px; left: 50%; transform: translateX(-50%); display: flex; padding: 3px; border-radius: 8px; background: rgba(255, 255, 255, 0.9); box-shadow: rgba(40, 29, 20, 0.12) 0px 3px 10px; font-size: 8px; } :where(.vr-tutoriales-v2) .vret-view-tabs > *{ padding: 5px 9px; border-radius: 6px; } :where(.vr-tutoriales-v2) .vret-view-tabs b{ background: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vret-room{ position: relative; width: 100%; height: 100%; border-radius: 10px; background: rgb(238, 230, 222); overflow: hidden; } :where(.vr-tutoriales-v2) .vret-room__wall{ position: absolute; inset: 0px 0px 39%; background: linear-gradient(90deg, rgb(230, 219, 208) 0px, rgb(230, 219, 208) 33%, rgb(244, 238, 232) 34%, rgb(244, 238, 232) 66%, rgb(222, 209, 197) 67%); } :where(.vr-tutoriales-v2) .vret-room__wall::after{ content: ""; position: absolute; left: 34%; bottom: 0px; width: 31%; height: 58%; border-width: 8px 8px 0px; border-style: solid solid none; border-color: rgba(130, 90, 60, 0.32) rgba(130, 90, 60, 0.32) currentcolor; border-image: none; } :where(.vr-tutoriales-v2) .vret-room__cabinet{ position: absolute; left: 9%; right: 8%; bottom: 26%; height: 27%; border-top: 8px solid rgb(165, 119, 86); background: repeating-linear-gradient(90deg, rgba(107, 71, 45, 0.22) 0px, rgba(107, 71, 45, 0.22) 2px, transparent 2px, transparent 13%); } :where(.vr-tutoriales-v2) .vret-room__floor{ position: absolute; inset: 61% 0px 0px; background: linear-gradient(145deg, rgb(231, 213, 198), rgb(247, 238, 230)); clip-path: polygon(0px 0px, 100% 0px, 86% 100%, 12% 100%); } :where(.vr-tutoriales-v2) .vret-hotspot{ position: absolute; left: 56%; top: 64%; width: 31px; height: 31px; display: grid; place-items: center; border: 3px solid rgb(255, 255, 255); border-radius: 50%; background: rgb(47, 111, 228); color: rgb(255, 255, 255); font-size: 13px; box-shadow: rgba(47, 111, 228, 0.2) 0px 0px 0px 8px; } :where(.vr-tutoriales-v2) .vret-room__tools{ position: absolute; top: 14px; right: 13px; display: flex; flex-direction: column; gap: 6px; } :where(.vr-tutoriales-v2) .vret-room__tools span{ width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: rgba(24, 22, 20, 0.9); color: rgb(255, 255, 255); font-size: 11px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px; } :where(.vr-tutoriales-v2) .vret-room__badge{ position: absolute; left: 10px; top: 10px; padding: 5px 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.9); color: rgb(84, 77, 70); font-size: 8px; } :where(.vr-tutoriales-v2) .vret-hot{ transition: box-shadow 0.25s, transform 0.25s; } :where(.vr-tutoriales-v2) .vret-stage[data-step="0"] .vret-editor__rail,:where(.vr-tutoriales-v2) .vret-stage[data-step="0"] .vret-room,:where(.vr-tutoriales-v2) .vret-stage[data-step="1"] .vret-add-trigger,:where(.vr-tutoriales-v2) .vret-stage[data-step="2"] .vret-card.is-active,:where(.vr-tutoriales-v2) .vret-stage[data-step="3"] .vret-point-trigger,:where(.vr-tutoriales-v2) .vret-stage[data-step="4"] .vret-map-trigger,:where(.vr-tutoriales-v2) .vret-stage[data-step="5"] .vret-transition-trigger,:where(.vr-tutoriales-v2) .vret-stage[data-step="6"] .vret-review,:where(.vr-tutoriales-v2) .vret-stage[data-step="6"] .vret-preview-trigger,:where(.vr-tutoriales-v2) .vret-stage[data-step="7"] .vret-publish-trigger{ box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgba(47, 111, 228, 0.88) 0px 0px 0px 7px, rgba(47, 111, 228, 0.28) 0px 8px 22px; z-index: 12; } :where(.vr-tutoriales-v2) .vret-overlay,:where(.vr-tutoriales-v2) .vret-drawer,:where(.vr-tutoriales-v2) .vret-map,:where(.vr-tutoriales-v2) .vret-preview-card,:where(.vr-tutoriales-v2) .vret-publish-menu{ position: absolute; z-index: 20; opacity: 0; pointer-events: none; transform: translateY(12px) scale(0.98); transition: opacity 0.3s, transform 0.36s cubic-bezier(0.22, 0.8, 0.24, 1); } :where(.vr-tutoriales-v2) .vret-stage[data-step="1"] .vret-library,:where(.vr-tutoriales-v2) .vret-stage[data-step="2"] .vret-scene-details,:where(.vr-tutoriales-v2) .vret-stage[data-step="3"] .vret-point-details,:where(.vr-tutoriales-v2) .vret-stage[data-step="4"] .vret-map,:where(.vr-tutoriales-v2) .vret-stage[data-step="5"] .vret-transition,:where(.vr-tutoriales-v2) .vret-stage[data-step="6"] .vret-preview-card,:where(.vr-tutoriales-v2) .vret-stage[data-step="7"] .vret-publish-menu{ opacity: 1; transform: translateY(0px) scale(1); } :where(.vr-tutoriales-v2) .vret-stage[data-step="1"] .vret-editor,:where(.vr-tutoriales-v2) .vret-stage[data-step="5"] .vret-editor{ filter: brightness(0.56); } :where(.vr-tutoriales-v2) .vret-overlay{ inset: 9% 9% 8% 13%; display: flex; flex-direction: column; border: 1px solid rgb(227, 221, 214); border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.7) 0px 28px 65px -30px; overflow: hidden; } :where(.vr-tutoriales-v2) .vret-panel__head{ min-height: 55px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 14px; border-bottom: 1px solid rgb(236, 232, 227); } :where(.vr-tutoriales-v2) .vret-panel__head > div{ display: flex; flex-direction: column; gap: 3px; } :where(.vr-tutoriales-v2) .vret-panel__head b{ font-size: 12px; } :where(.vr-tutoriales-v2) .vret-panel__head small{ color: rgb(124, 117, 110); font-size: 8px; } :where(.vr-tutoriales-v2) .vret-panel__head > span{ padding: 7px 10px; border: 1px solid rgb(225, 219, 212); border-radius: 8px; color: rgb(78, 72, 66); font-size: 9px; } :where(.vr-tutoriales-v2) .vret-chips{ display: flex; gap: 5px; padding: 9px 14px; border-bottom: 1px solid rgb(240, 236, 231); overflow: hidden; } :where(.vr-tutoriales-v2) .vret-chips > *{ padding: 5px 8px; border: 1px solid rgb(232, 226, 220); border-radius: 999px; color: rgb(99, 93, 87); font-size: 8px; font-weight: 600; white-space: nowrap; } :where(.vr-tutoriales-v2) .vret-chips b{ background: rgb(37, 33, 30); border-color: rgb(37, 33, 30); color: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vret-assets{ min-height: 0px; flex: 1 1 0%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 11px 14px; } :where(.vr-tutoriales-v2) .vret-assets i{ position: relative; border: 1px solid rgb(230, 225, 219); border-radius: 9px; background: linear-gradient(145deg, rgb(234, 223, 213) 0px, rgb(234, 223, 213) 55%, rgb(173, 134, 107) 56%, rgb(173, 134, 107) 64%, rgb(241, 231, 222) 65%); } :where(.vr-tutoriales-v2) .vret-assets i:nth-child(2n){ background: linear-gradient(45deg, rgb(118, 81, 58) 0px, rgb(118, 81, 58) 22%, rgb(235, 217, 200) 23%, rgb(235, 217, 200) 63%, rgb(183, 142, 112) 64%); } :where(.vr-tutoriales-v2) .vret-assets i.is-picked{ box-shadow: rgb(47, 111, 228) 0px 0px 0px 3px inset; } :where(.vr-tutoriales-v2) .vret-assets i.is-picked::after{ content: "✓"; position: absolute; top: 6px; right: 6px; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: rgb(47, 111, 228); color: rgb(255, 255, 255); font-size: 10px; } :where(.vr-tutoriales-v2) .vret-panel__foot{ min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 8px 14px; border-top: 1px solid rgb(236, 232, 227); } :where(.vr-tutoriales-v2) .vret-panel__foot small{ color: rgb(129, 121, 112); font-size: 8px; } :where(.vr-tutoriales-v2) .vret-panel__foot b{ padding: 7px 11px; border-radius: 8px; background: rgb(32, 29, 26); color: rgb(255, 255, 255); font-size: 8px; } :where(.vr-tutoriales-v2) .vret-drawer{ top: 4%; bottom: 4%; left: 3%; width: 31%; display: flex; flex-direction: column; gap: 9px; padding: 13px; border-right: 1px solid rgb(227, 222, 215); border-radius: 13px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.65) 14px 0px 35px -24px; overflow: hidden; transform: translateX(-16px); } :where(.vr-tutoriales-v2) .vret-stage[data-step="2"] .vret-scene-details,:where(.vr-tutoriales-v2) .vret-stage[data-step="3"] .vret-point-details{ transform: translateX(0px); } :where(.vr-tutoriales-v2) .vret-drawer__head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; font-size: 11px; } :where(.vr-tutoriales-v2) .vret-drawer__head > div{ display: flex; flex-direction: column; gap: 2px; } :where(.vr-tutoriales-v2) .vret-drawer__head small{ color: rgb(139, 131, 123); font-size: 7px; } :where(.vr-tutoriales-v2) .vret-drawer__head > span{ width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid rgb(229, 223, 216); border-radius: 7px; color: rgb(113, 106, 99); } :where(.vr-tutoriales-v2) .vret-segment{ display: grid; grid-template-columns: 1fr 1fr; padding: 3px; border-radius: 8px; background: rgb(242, 240, 237); color: rgb(111, 104, 97); font-size: 8px; text-align: center; } :where(.vr-tutoriales-v2) .vret-segment > *{ padding: 6px; border-radius: 6px; } :where(.vr-tutoriales-v2) .vret-segment b{ background: rgb(255, 255, 255); color: rgb(33, 30, 27); box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 3px; } :where(.vr-tutoriales-v2) .vret-detail-image{ height: 83px; flex: 0 0 auto; border-radius: 8px; background: linear-gradient(145deg, rgb(234, 222, 211) 0px, rgb(234, 222, 211) 45%, rgb(154, 109, 77) 46%, rgb(154, 109, 77) 55%, rgb(229, 201, 180) 56%); } :where(.vr-tutoriales-v2) .vret-drawer > small{ color: rgb(135, 127, 118); font-size: 7px; font-weight: 750; letter-spacing: 0.08em; text-transform: uppercase; } :where(.vr-tutoriales-v2) .vret-variants{ display: flex; gap: 5px; } :where(.vr-tutoriales-v2) .vret-variants i{ width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgb(223, 217, 210); border-radius: 7px; background: linear-gradient(135deg, rgb(216, 194, 175), rgb(139, 92, 64)); color: rgb(124, 116, 108); font-size: 9px; font-style: normal; } :where(.vr-tutoriales-v2) .vret-variants i:last-child{ background: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vret-field{ min-height: 28px; display: flex; align-items: center; padding: 0px 8px; border: 1px solid rgb(226, 221, 215); border-radius: 7px; background: rgb(255, 255, 255); color: rgb(85, 79, 73); font-size: 8px; } :where(.vr-tutoriales-v2) .vret-detail-row{ min-height: 30px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0px 8px; border: 1px solid rgb(232, 227, 221); border-radius: 7px; color: rgb(81, 76, 70); font-size: 8px; } :where(.vr-tutoriales-v2) .vret-autosave{ margin-top: auto; color: rgb(113, 128, 108); font-size: 6.5px; line-height: 1.35; } :where(.vr-tutoriales-v2) .vret-point-details section{ display: flex; flex-direction: column; gap: 7px; padding: 9px; border: 1px solid rgb(231, 226, 220); border-radius: 9px; } :where(.vr-tutoriales-v2) .vret-point-details section > b{ font-size: 9px; } :where(.vr-tutoriales-v2) .vret-destination{ display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 7px; padding: 6px; border: 1px solid rgb(227, 221, 215); border-radius: 8px; } :where(.vr-tutoriales-v2) .vret-destination i{ width: 30px; height: 24px; border-radius: 5px; background: linear-gradient(145deg, rgb(218, 198, 180), rgb(128, 87, 60)); } :where(.vr-tutoriales-v2) .vret-destination span{ font-size: 8px; font-weight: 700; } :where(.vr-tutoriales-v2) .vret-destination em{ color: rgb(47, 111, 228); font-size: 6.5px; font-style: normal; } :where(.vr-tutoriales-v2) .vret-icons{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; } :where(.vr-tutoriales-v2) .vret-icons i{ height: 29px; display: grid; place-items: center; border: 1px solid rgb(227, 221, 215); border-radius: 7px; color: rgb(71, 66, 61); font-size: 11px; font-style: normal; } :where(.vr-tutoriales-v2) .vret-icons i:nth-child(4){ background: rgb(32, 29, 26); color: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vret-slider{ height: 5px; border-radius: 99px; background: rgb(221, 215, 208); } :where(.vr-tutoriales-v2) .vret-slider span{ display: block; width: 45%; height: 100%; border-radius: inherit; background: rgb(47, 111, 228); } :where(.vr-tutoriales-v2) .vret-point-details section:last-of-type{ display: grid; grid-template-columns: 1fr 58px; align-items: center; } :where(.vr-tutoriales-v2) .vret-point-details section:last-of-type > b{ grid-column: 1 / -1; } :where(.vr-tutoriales-v2) .vret-point-details button{ min-height: 32px; margin-top: auto; border: 0px; border-radius: 8px; background: rgb(32, 29, 26); color: rgb(255, 255, 255); font-size: 8px; font-weight: 700; } :where(.vr-tutoriales-v2) .vret-map{ inset: 3.4%; z-index: 18; border: 1px solid rgb(222, 217, 210); border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.55) 0px 20px 44px -32px; overflow: hidden; } :where(.vr-tutoriales-v2) .vret-map__head{ height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0px 14px; border-bottom: 1px solid rgb(236, 231, 226); color: rgb(105, 98, 91); font-size: 8px; } :where(.vr-tutoriales-v2) .vret-map__head b{ padding: 6px 9px; border-radius: 7px; background: rgb(246, 244, 241); color: rgb(77, 72, 67); } :where(.vr-tutoriales-v2) .vret-map svg{ width: 100%; height: calc(100% - 42px); } :where(.vr-tutoriales-v2) .vret-map path{ fill: none; stroke: rgb(199, 191, 183); stroke-width: 3; stroke-linecap: round; } :where(.vr-tutoriales-v2) .vret-map circle{ fill: rgb(255, 255, 255); stroke: rgb(47, 111, 228); stroke-width: 3; filter: drop-shadow(rgba(40, 40, 40, 0.12) 0px 5px 8px); } :where(.vr-tutoriales-v2) .vret-map rect{ fill: rgb(250, 248, 245); stroke: rgb(207, 199, 191); stroke-width: 2; stroke-dasharray: 6, 5; } :where(.vr-tutoriales-v2) .vret-map text{ fill: rgb(80, 73, 66); font: 700 12px "Instrument Sans", sans-serif; } :where(.vr-tutoriales-v2) .vret-transition{ inset: 8% 11% 7% 15%; } :where(.vr-tutoriales-v2) .vret-transition__route{ display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 9px; padding: 13px 14px; } :where(.vr-tutoriales-v2) .vret-transition__route label{ display: flex; flex-direction: column; gap: 6px; color: rgb(125, 117, 109); font-size: 7px; font-weight: 750; letter-spacing: 0.07em; text-transform: uppercase; } :where(.vr-tutoriales-v2) .vret-transition__route label b{ min-height: 39px; display: flex; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid rgb(225, 219, 212); border-radius: 8px; color: rgb(53, 49, 45); font-size: 8px; letter-spacing: 0px; text-transform: none; } :where(.vr-tutoriales-v2) .vret-transition__route .vret-thumb{ width: 36px; height: 27px; flex: 0 0 auto; } :where(.vr-tutoriales-v2) .vret-transition__route > em{ padding-bottom: 12px; color: rgb(124, 116, 108); font-style: normal; } :where(.vr-tutoriales-v2) .vret-video-choice{ margin: 0px 14px 12px; min-height: 54px; display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px dashed rgb(207, 199, 191); border-radius: 9px; color: rgb(104, 97, 90); font-size: 13px; } :where(.vr-tutoriales-v2) .vret-video-choice > span{ display: flex; flex-direction: column; gap: 3px; } :where(.vr-tutoriales-v2) .vret-video-choice b{ color: rgb(58, 53, 48); font-size: 9px; } :where(.vr-tutoriales-v2) .vret-video-choice small{ font-size: 7px; } :where(.vr-tutoriales-v2) .vret-transition__list{ min-height: 0px; flex: 1 1 0%; display: flex; flex-direction: column; gap: 1px; margin: 0px 14px 10px; border: 1px solid rgb(229, 223, 216); border-radius: 9px; overflow: hidden; } :where(.vr-tutoriales-v2) .vret-transition__list > *{ padding: 7px 9px; border-bottom: 1px solid rgb(238, 233, 228); color: rgb(98, 91, 84); font-size: 7px; } :where(.vr-tutoriales-v2) .vret-transition__list small{ background: rgb(248, 246, 243); font-weight: 750; letter-spacing: 0.06em; text-transform: uppercase; } :where(.vr-tutoriales-v2) .vret-preview-card{ inset: 9% 9% 8% 13%; z-index: 24; display: flex; flex-direction: column; border: 1px solid rgb(216, 210, 203); border-radius: 16px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.65) 0px 30px 70px -30px; overflow: hidden; } :where(.vr-tutoriales-v2) .vret-preview-card__bar{ height: 36px; display: flex; align-items: center; gap: 6px; padding: 0px 12px; background: rgb(246, 243, 239); color: rgb(132, 123, 114); font-size: 7px; } :where(.vr-tutoriales-v2) .vret-preview-card__bar i{ width: 7px; height: 7px; border-radius: 50%; background: rgb(212, 203, 194); } :where(.vr-tutoriales-v2) .vret-preview-card__bar span{ margin-left: 6px; } :where(.vr-tutoriales-v2) .vret-preview-card__room{ position: relative; flex: 1 1 0%; background: linear-gradient(rgb(238, 229, 220) 0px, rgb(238, 229, 220) 48%, rgb(169, 122, 89) 49%, rgb(169, 122, 89) 55%, rgb(234, 215, 199) 56%); overflow: hidden; } :where(.vr-tutoriales-v2) .vret-preview-card__room::before{ content: ""; position: absolute; left: 15%; right: 15%; bottom: 27%; height: 32%; border-width: 10px 10px 0px; border-style: solid solid none; border-color: rgba(105, 68, 44, 0.31) rgba(105, 68, 44, 0.31) currentcolor; border-image: none; } :where(.vr-tutoriales-v2) .vret-preview-card__room > b{ position: absolute; left: 14px; top: 12px; padding: 6px 9px; border-radius: 999px; background: rgba(255, 255, 255, 0.87); color: rgb(77, 70, 64); font-size: 8px; } :where(.vr-tutoriales-v2) .vret-preview-card__note{ padding: 10px 14px; color: rgb(83, 112, 76); font-size: 8px; line-height: 1.35; } :where(.vr-tutoriales-v2) .vret-publish-menu{ z-index: 30; top: 13%; right: 4.2%; width: 235px; display: flex; flex-direction: column; padding: 7px; border: 1px solid rgb(225, 220, 214); border-radius: 13px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.55) 0px 18px 38px -20px; } :where(.vr-tutoriales-v2) .vret-publish-menu > div{ display: flex; flex-direction: column; gap: 3px; padding: 10px; border-radius: 8px; } :where(.vr-tutoriales-v2) .vret-publish-menu b{ color: rgb(39, 35, 31); font-size: 9px; } :where(.vr-tutoriales-v2) .vret-publish-menu small{ color: rgb(119, 112, 104); font-size: 7px; line-height: 1.3; } :where(.vr-tutoriales-v2) .vret-publish-menu .is-on{ background: rgb(238, 244, 255); } :where(.vr-tutoriales-v2) .vret-publish-menu .is-on::before{ content: "✓"; position: absolute; left: 12px; margin-top: 0px; color: rgb(47, 111, 228); font-size: 8px; } :where(.vr-tutoriales-v2) .vret-publish-menu .is-on > *{ margin-left: 12px; } :where(.vr-tutoriales-v2) .vret-publish-menu .is-danger b{ color: rgb(177, 59, 49); } :where(.vr-tutoriales-v2) .vret-cursor{ position: absolute; z-index: 50; left: 20%; top: 50%; opacity: 0; color: rgb(23, 32, 51); font-size: 24px; filter: drop-shadow(rgb(255, 255, 255) 0px 2px 0px) drop-shadow(rgba(0, 0, 0, 0.35) 0px 2px 4px); transform: rotate(-18deg); transition: left 0.65s cubic-bezier(0.22, 0.8, 0.24, 1), top 0.65s cubic-bezier(0.22, 0.8, 0.24, 1), opacity 0.18s; } :where(.vr-tutoriales-v2) .vret-stage[data-step="0"] .vret-cursor{ left: 23%; top: 64%; opacity: 1; } :where(.vr-tutoriales-v2) .vret-stage[data-step="1"] .vret-cursor{ left: 21%; top: 17%; opacity: 1; } :where(.vr-tutoriales-v2) .vret-stage[data-step="2"] .vret-cursor{ left: 20%; top: 71%; opacity: 1; } :where(.vr-tutoriales-v2) .vret-stage[data-step="3"] .vret-cursor{ left: 86%; top: 22%; opacity: 1; } :where(.vr-tutoriales-v2) .vret-stage[data-step="4"] .vret-cursor{ left: 58%; top: 12%; opacity: 1; } :where(.vr-tutoriales-v2) .vret-stage[data-step="5"] .vret-cursor{ left: 86%; top: 32%; opacity: 1; } :where(.vr-tutoriales-v2) .vret-stage[data-step="6"] .vret-cursor{ left: 72%; top: 8%; opacity: 1; } :where(.vr-tutoriales-v2) .vret-stage[data-step="7"] .vret-cursor{ left: 91%; top: 8%; opacity: 1; } :where(.vr-tutoriales-v2) body.vret-locked{ overflow: hidden !important; } @keyframes vretFade{ 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes vretDialogIn{ 0% { opacity: 0; transform: translateY(18px) scale(0.985); } 100% { opacity: 1; transform: none; } } @keyframes vretCopyIn{ 0% { opacity: 0; transform: translateY(7px); } 100% { opacity: 1; transform: none; } } @keyframes vretPoint{ 0%, 100% { box-shadow: rgba(47, 111, 228, 0.16) 0px 0px 0px 6px; } 50% { box-shadow: rgba(47, 111, 228, 0.04) 0px 0px 0px 13px; } } @keyframes vretMiniStep{ 0%, 100% { transform: translateX(0px); } 50% { transform: translateX(18px); } } @media (max-width: 900px){:where(.vr-tutoriales-v2) .vret-feature{ grid-template-columns: 1fr; } :where(.vr-tutoriales-v2) .vret-feature__art{ width: min(620px, 100%); } :where(.vr-tutoriales-v2) .vret-dialog{ max-height: calc(100dvh - 24px); } :where(.vr-tutoriales-v2) .vret-dialog__body{ grid-template-columns: 1fr; overflow: auto; } :where(.vr-tutoriales-v2) .vret-stage{ min-height: 390px; aspect-ratio: 16 / 9; flex: 0 0 auto; } :where(.vr-tutoriales-v2) .vret-copy{ min-height: 310px; border-left: 0px; border-top: 1px solid rgb(230, 221, 211); overflow: visible; } :where(.vr-tutoriales-v2) .vret-copy__count{ margin-bottom: 18px; } :where(.vr-tutoriales-v2) .vret-step h3{ font-size: 30px; } :where(.vr-tutoriales-v2) .vret-dialog__footer{ position: sticky; bottom: 0px; z-index: 80; } :where(.vr-tutoriales-v2) .vret-cursor{ display: none; } } @media (max-width: 640px){:where(.vr-tutoriales-v2) .vret-feature{ width: min(100% - 24px, 1120px); margin-bottom: 38px; padding: 22px; border-radius: 20px; } :where(.vr-tutoriales-v2) .vret-feature h2{ max-width: none; font-size: 34px; } :where(.vr-tutoriales-v2) .vret-feature__actions{ align-items: flex-start; flex-direction: column; } :where(.vr-tutoriales-v2) .vret-feature .vret-primary{ width: 100%; } :where(.vr-tutoriales-v2) .vret-mini{ transform: none; } :where(.vr-tutoriales-v2) .vret-shell{ padding: 0px; place-items: stretch; } :where(.vr-tutoriales-v2) .vret-dialog{ width: 100%; height: 100dvh; max-height: none; border: 0px; border-radius: 0px; } :where(.vr-tutoriales-v2) .vret-dialog__header{ min-height: 68px; padding: 10px 12px 9px 16px; } :where(.vr-tutoriales-v2) .vret-dialog__heading{ align-items: flex-start; flex-direction: column; gap: 2px; } :where(.vr-tutoriales-v2) .vret-dialog__heading h2{ max-width: 48vw; font-size: 21px; } :where(.vr-tutoriales-v2) .vret-skip{ max-width: 94px; padding-inline: 7px; font-size: 11px; } :where(.vr-tutoriales-v2) .vret-close{ width: 40px; height: 40px; } :where(.vr-tutoriales-v2) .vret-stage{ width: 100%; height: min(310px, 75vw); min-height: 0px; aspect-ratio: auto; } :where(.vr-tutoriales-v2) .vret-editor{ inset: 2.5%; } :where(.vr-tutoriales-v2) .vret-editor__top{ height: 39px; grid-template-columns: 1fr 1.65fr; padding: 0px 7px; } :where(.vr-tutoriales-v2) .vret-editor__tabs{ display: none; } :where(.vr-tutoriales-v2) .vret-editor__status{ gap: 3px; } :where(.vr-tutoriales-v2) .vret-editor__status > span{ padding: 5px; font-size: 0px; } :where(.vr-tutoriales-v2) .vret-review::after{ content: "!"; font-size: 9px; } :where(.vr-tutoriales-v2) .vret-preview-trigger::after{ content: "◉"; font-size: 9px; } :where(.vr-tutoriales-v2) .vret-publish-trigger::after{ content: "●"; font-size: 9px; } :where(.vr-tutoriales-v2) .vret-editor__body{ grid-template-columns: 33% 1fr; } :where(.vr-tutoriales-v2) .vret-editor__rail{ padding: 7px; gap: 4px; } :where(.vr-tutoriales-v2) .vret-rail__head b{ font-size: 8px; } :where(.vr-tutoriales-v2) .vret-add-trigger{ padding: 5px; font-size: 7px; } :where(.vr-tutoriales-v2) .vret-search,:where(.vr-tutoriales-v2) .vret-filter{ min-height: 20px; padding-inline: 5px; font-size: 6px; } :where(.vr-tutoriales-v2) .vret-card{ height: 46px; padding: 3px; font-size: 6px; } :where(.vr-tutoriales-v2) .vret-card em{ font-size: 5px; } :where(.vr-tutoriales-v2) .vret-editor__main{ padding: 6px; } :where(.vr-tutoriales-v2) .vret-view-tabs{ top: 10px; } :where(.vr-tutoriales-v2) .vret-room__tools{ top: 9px; right: 8px; gap: 4px; } :where(.vr-tutoriales-v2) .vret-room__tools span{ width: 22px; height: 22px; } :where(.vr-tutoriales-v2) .vret-hotspot{ width: 25px; height: 25px; font-size: 10px; } :where(.vr-tutoriales-v2) .vret-overlay{ inset: 5% 4%; } :where(.vr-tutoriales-v2) .vret-drawer{ left: 2%; top: 2%; bottom: 2%; width: 48%; padding: 9px; gap: 6px; } :where(.vr-tutoriales-v2) .vret-detail-image{ height: 58px; } :where(.vr-tutoriales-v2) .vret-drawer > small,:where(.vr-tutoriales-v2) .vret-autosave{ display: none; } :where(.vr-tutoriales-v2) .vret-point-details section{ padding: 6px; } :where(.vr-tutoriales-v2) .vret-icons i{ height: 23px; } :where(.vr-tutoriales-v2) .vret-map{ inset: 2.5%; } :where(.vr-tutoriales-v2) .vret-transition{ inset: 5% 4%; } :where(.vr-tutoriales-v2) .vret-preview-card{ inset: 5%; } :where(.vr-tutoriales-v2) .vret-publish-menu{ top: 11%; right: 3%; width: 205px; } :where(.vr-tutoriales-v2) .vret-copy{ min-height: 345px; padding: 22px 20px; } :where(.vr-tutoriales-v2) .vret-copy__meta{ display: none; } :where(.vr-tutoriales-v2) .vret-step__number{ width: 34px; height: 34px; margin-bottom: 13px; } :where(.vr-tutoriales-v2) .vret-step h3{ margin-bottom: 10px; font-size: 28px; } :where(.vr-tutoriales-v2) .vret-step > p{ font-size: 13.5px; line-height: 1.63; } :where(.vr-tutoriales-v2) .vret-step aside{ margin-top: 17px; } :where(.vr-tutoriales-v2) .vret-dialog__footer{ min-height: 72px; grid-template-columns: auto 1fr auto; gap: 8px; padding: 10px 12px; } :where(.vr-tutoriales-v2) .vret-dialog__footer .vret-primary,:where(.vr-tutoriales-v2) .vret-secondary{ min-width: 45px; padding-inline: 12px; font-size: 0px; } :where(.vr-tutoriales-v2) .vret-secondary::before{ content: "←"; font-size: 16px; } :where(.vr-tutoriales-v2) .vret-dialog__footer .vret-primary::after{ content: "→"; font-size: 16px; } :where(.vr-tutoriales-v2) .vret-dialog__footer .vret-primary[data-is-finish="true"]::after{ content: "✓"; } :where(.vr-tutoriales-v2) .vret-dots{ gap: 4px; } :where(.vr-tutoriales-v2) .vret-dots button{ width: 7px; height: 7px; } :where(.vr-tutoriales-v2) .vret-dots button[aria-current="step"]{ width: 20px; } } @media (prefers-reduced-motion: reduce){:where(.vr-tutoriales-v2) .vret-feature *,:where(.vr-tutoriales-v2) .vret-dialog *,:where(.vr-tutoriales-v2) .vret-backdrop{ scroll-behavior: auto !important; animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; } } :where(.vr-tutoriales-v2) .vret-course-page{ min-height: 100vh; background: radial-gradient(circle at 8% 4%, rgba(47, 111, 228, 0.09), transparent 30rem), linear-gradient(rgb(248, 250, 255) 0px, rgb(238, 243, 250) 56%, rgb(248, 250, 252) 100%); color: rgb(16, 24, 40); } :where(.vr-tutoriales-v2) .vret-course-main{ width: min(1480px, 100%); max-width: 100%; box-sizing: border-box; margin: 0px auto; padding: clamp(30px, 4vw, 58px) clamp(12px, 2.5vw, 34px) clamp(44px, 6vw, 84px); } :where(.vr-tutoriales-v2) .vret-course-hero{ display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: end; gap: clamp(24px, 5vw, 72px); margin: 0px auto clamp(24px, 3vw, 38px); } :where(.vr-tutoriales-v2) .vret-course-hero > div:first-child{ max-width: 790px; } :where(.vr-tutoriales-v2) .vret-course-hero .vret-eyebrow,:where(.vr-tutoriales-v2) .vret-course-player .vret-eyebrow{ color: rgb(47, 111, 228); } :where(.vr-tutoriales-v2) .vret-course-hero h1{ max-width: 16ch; margin: 10px 0px 14px; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(42px, 5.4vw, 76px); font-weight: 400; line-height: 0.98; letter-spacing: -0.035em; text-wrap: balance; } :where(.vr-tutoriales-v2) .vret-course-hero > div:first-child > p:last-child{ max-width: 68ch; margin: 0px; color: rgb(83, 97, 118); font-size: clamp(15px, 1.25vw, 18px); line-height: 1.65; text-wrap: pretty; } :where(.vr-tutoriales-v2) .vret-course-hero__meta{ display: grid; grid-template-columns: repeat(3, minmax(110px, 1fr)); gap: 1px; border: 1px solid rgb(220, 228, 240); border-radius: 15px; background: rgb(220, 228, 240); overflow: hidden; box-shadow: rgba(15, 23, 42, 0.5) 0px 18px 48px -38px; } :where(.vr-tutoriales-v2) .vret-course-hero__meta span{ min-height: 76px; display: flex; flex-direction: column; justify-content: center; gap: 5px; padding: 12px 16px; background: rgba(255, 255, 255, 0.92); color: rgb(108, 120, 139); font-size: 11px; line-height: 1.3; } :where(.vr-tutoriales-v2) .vret-course-hero__meta b{ color: rgb(23, 32, 51); font-size: 19px; } :where(.vr-tutoriales-v2) .vret-course-hero__meta i,:where(.vr-tutoriales-v2) .vret-course-now i{ width: 8px; height: 8px; border-radius: 50%; background: rgb(40, 165, 106); box-shadow: rgba(40, 165, 106, 0.12) 0px 0px 0px 5px; } :where(.vr-tutoriales-v2) .vret-course-player,:where(.vr-tutoriales-v2) .vret-course-player *{ scrollbar-color: rgb(154, 171, 195) rgb(232, 238, 246); scrollbar-width: thin; } :where(.vr-tutoriales-v2) .vret-course-player.vret-dialog{ width: 100%; height: auto; max-height: none; border-color: rgb(217, 226, 239); border-radius: 22px; background: rgb(248, 250, 252); box-shadow: rgba(15, 23, 42, 0.65) 0px 36px 90px -54px; animation: auto ease 0s 1 normal none running none; } :where(.vr-tutoriales-v2) .vret-course-player .vret-dialog__header{ min-height: 78px; background: rgba(255, 255, 255, 0.96); border-color: rgb(226, 232, 240); } :where(.vr-tutoriales-v2) .vret-course-player .vret-dialog__heading h2{ color: rgb(23, 32, 51); } :where(.vr-tutoriales-v2) .vret-course-controls{ display: flex; align-items: center; gap: 10px; } :where(.vr-tutoriales-v2) .vret-course-now{ display: inline-flex; align-items: center; gap: 9px; color: rgb(96, 112, 137); font-size: 11px; font-weight: 700; white-space: nowrap; } :where(.vr-tutoriales-v2) .vret-course-now.is-paused i{ background: rgb(152, 162, 179); box-shadow: rgba(152, 162, 179, 0.13) 0px 0px 0px 5px; } :where(.vr-tutoriales-v2) .vret-course-pause{ min-height: 42px; padding: 9px 15px; border: 1px solid rgb(207, 217, 232); border-radius: 11px; background: rgb(255, 255, 255); color: rgb(52, 64, 84); font-size: 12px; font-weight: 720; cursor: pointer; } :where(.vr-tutoriales-v2) .vret-course-pause:hover{ border-color: rgb(47, 111, 228); color: rgb(32, 89, 189); background: rgb(245, 248, 255); } :where(.vr-tutoriales-v2) .vret-course-pause:focus-visible{ outline: rgba(47, 111, 228, 0.33) solid 3px; outline-offset: 2px; } :where(.vr-tutoriales-v2) .vret-course-player .vret-progress{ height: 5px; background: rgb(220, 229, 242); } :where(.vr-tutoriales-v2) .vret-course-player .vret-progress span{ width: 3.846%; background: linear-gradient(90deg, rgb(36, 89, 189), rgb(79, 142, 247)); } :where(.vr-tutoriales-v2) .vret-course-player .vret-dialog__body{ grid-template-columns: minmax(0px, 1.85fr) minmax(310px, 0.72fr); min-height: clamp(540px, 64vh, 690px); } :where(.vr-tutoriales-v2) .vret-course-player .vret-stage{ min-height: 540px; background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), repeating-linear-gradient(0deg, rgb(220, 229, 239) 0px, rgb(220, 229, 239) 1px, transparent 1px, transparent 26px), repeating-linear-gradient(90deg, rgb(220, 229, 239) 0px, rgb(220, 229, 239) 1px, transparent 1px, transparent 26px), rgb(234, 240, 247); } :where(.vr-tutoriales-v2) .vret-course-player .vret-copy{ border-color: rgb(226, 232, 240); background: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vret-course-player .vret-copy__count{ color: rgb(102, 112, 133); } :where(.vr-tutoriales-v2) .vret-course-player .vret-copy__count b{ color: rgb(47, 111, 228); } :where(.vr-tutoriales-v2) .vret-course-player .vret-step__number{ background: rgb(234, 242, 255); color: rgb(36, 89, 189); } :where(.vr-tutoriales-v2) .vret-course-player .vret-step h3{ color: rgb(23, 32, 51); } :where(.vr-tutoriales-v2) .vret-course-player .vret-step > p{ color: rgb(83, 97, 118); } :where(.vr-tutoriales-v2) .vret-course-player .vret-step aside{ border-color: rgb(207, 224, 251); background: rgb(242, 247, 255); color: rgb(49, 80, 125); } :where(.vr-tutoriales-v2) .vret-course-player .vret-step aside > span{ background: rgb(47, 111, 228); } :where(.vr-tutoriales-v2) .vret-course-player .vret-dialog__footer{ border-color: rgb(226, 232, 240); background: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vret-course-player .vret-primary{ background: rgb(47, 111, 228); box-shadow: rgba(47, 111, 228, 0.85) 0px 10px 25px -16px; } :where(.vr-tutoriales-v2) .vret-course-player .vret-primary:hover{ background: rgb(36, 89, 189); } :where(.vr-tutoriales-v2) .vret-course-player .vret-secondary:hover:not(:disabled){ border-color: rgb(47, 111, 228); color: rgb(36, 89, 189); } :where(.vr-tutoriales-v2) .vret-course-player .vret-dots button{ flex: 0 0 auto; background: rgb(203, 214, 229); } :where(.vr-tutoriales-v2) .vret-course-player .vret-dots button[aria-current="step"]{ background: rgb(47, 111, 228); } :where(.vr-tutoriales-v2) .vret-course-timeline{ min-width: 0px; max-width: 100%; justify-content: flex-start; padding: 10px 5px 9px; overflow-x: auto; scrollbar-gutter: stable; } :where(.vr-tutoriales-v2) .vret-course-footnote{ margin: 16px auto 0px; color: rgb(108, 120, 139); font-size: 12px; line-height: 1.55; text-align: center; } :where(.vr-tutoriales-v2) .vret-course-player .vret-floorplan{ position: absolute; inset: 3.4%; z-index: 25; display: flex; flex-direction: column; border: 1px solid rgb(216, 224, 234); border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(15, 23, 42, 0.65) 0px 22px 54px -34px; opacity: 0; pointer-events: none; transform: translateY(12px) scale(0.98); transition: opacity 0.3s, transform 0.36s cubic-bezier(0.22, 0.8, 0.24, 1); overflow: hidden; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="2"] .vret-library,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="5"] .vret-library,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="6"] .vret-library,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="7"] .vret-library,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="3"] .vret-upload-panel,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="4"] .vret-upload-panel,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="10"] .vret-scene-details,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="11"] .vret-scene-details,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="12"] .vret-scene-details,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="15"] .vret-point-details,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="16"] .vret-point-details,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="17"] .vret-point-details,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="18"] .vret-map,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="19"] .vret-map,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="20"] .vret-transition,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="21"] .vret-transition,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="22"] .vret-preview-card,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="23"] .vret-floorplan,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="24"] .vret-floorplan,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="25"] .vret-publish-menu{ opacity: 1; transform: translate(0px) scale(1); } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="2"] .vret-editor,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="3"] .vret-editor,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="4"] .vret-editor,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="5"] .vret-editor,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="6"] .vret-editor,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="7"] .vret-editor,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="20"] .vret-editor,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="21"] .vret-editor{ filter: brightness(0.56); } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="10"] .vret-scene-details,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="11"] .vret-scene-details,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="12"] .vret-scene-details,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="15"] .vret-point-details,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="16"] .vret-point-details,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="17"] .vret-point-details{ transform: translateX(0px); } :where(.vr-tutoriales-v2) .vret-upload-panel{ inset: 9% 12% 8% 16%; } :where(.vr-tutoriales-v2) .vret-upload-drop{ min-height: 105px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; margin: 12px 14px 8px; border: 2px dashed rgb(183, 199, 221); border-radius: 11px; background: rgb(246, 249, 253); color: rgb(82, 100, 124); } :where(.vr-tutoriales-v2) .vret-upload-drop b{ color: rgb(47, 111, 228); font-size: 24px; } :where(.vr-tutoriales-v2) .vret-upload-drop span{ font-size: 10px; font-weight: 750; } :where(.vr-tutoriales-v2) .vret-upload-drop small{ font-size: 7px; } :where(.vr-tutoriales-v2) .vret-upload-list{ min-height: 0px; flex: 1 1 0%; display: flex; flex-direction: column; gap: 5px; padding: 3px 14px 8px; } :where(.vr-tutoriales-v2) .vret-upload-list > div{ min-height: 48px; display: grid; grid-template-columns: 44px 1fr 36px; align-items: center; gap: 9px; padding: 6px; border: 1px solid rgb(227, 233, 241); border-radius: 9px; } :where(.vr-tutoriales-v2) .vret-upload-list i{ width: 44px; height: 34px; } :where(.vr-tutoriales-v2) .vret-upload-list span{ min-width: 0px; display: flex; flex-direction: column; gap: 2px; } :where(.vr-tutoriales-v2) .vret-upload-list b{ overflow: hidden; color: rgb(52, 64, 84); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; } :where(.vr-tutoriales-v2) .vret-upload-list small{ color: rgb(132, 144, 163); font-size: 6px; } :where(.vr-tutoriales-v2) .vret-upload-list em{ height: 4px; border-radius: 99px; background: rgb(223, 231, 241); overflow: hidden; } :where(.vr-tutoriales-v2) .vret-upload-list u{ display: block; width: 0px; height: 100%; border-radius: inherit; background: rgb(47, 111, 228); text-decoration: none; } :where(.vr-tutoriales-v2) .vret-upload-list > div:first-child u{ width: 100%; } :where(.vr-tutoriales-v2) .vret-upload-list strong{ color: rgb(86, 101, 122); font-size: 7px; text-align: right; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="4"] .vret-upload-list > div:nth-child(2) u{ animation: 1.8s ease 0s 1 normal both running vretUploadTwo; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="4"] .vret-upload-list > div:nth-child(3) u{ animation: 1.8s ease 0s 1 normal both running vretUploadThree; } :where(.vr-tutoriales-v2) .vret-return{ display: flex; align-items: center; gap: 7px; padding: 8px; border: 1px solid rgb(223, 230, 239); border-radius: 8px; color: rgb(86, 101, 122); font-size: 7px; } :where(.vr-tutoriales-v2) .vret-return span{ width: 16px; height: 16px; display: grid; place-items: center; border-radius: 4px; background: rgb(47, 111, 228); color: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vret-map-loose rect{ transition: fill 0.25s, stroke 0.25s, stroke-width 0.25s; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="19"] .vret-map-loose rect{ fill: rgb(237, 244, 255); stroke: rgb(47, 111, 228); stroke-width: 4; } :where(.vr-tutoriales-v2) .vret-floorplan__head{ min-height: 55px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border-bottom: 1px solid rgb(229, 235, 242); } :where(.vr-tutoriales-v2) .vret-floorplan__head > div{ display: flex; flex-direction: column; gap: 3px; } :where(.vr-tutoriales-v2) .vret-floorplan__head b{ color: rgb(39, 54, 75); font-size: 12px; } :where(.vr-tutoriales-v2) .vret-floorplan__head small{ color: rgb(122, 135, 153); font-size: 8px; } :where(.vr-tutoriales-v2) .vret-floorplan__head > span{ padding: 7px 10px; border-radius: 8px; background: rgb(47, 111, 228); color: rgb(255, 255, 255); font-size: 8px; font-weight: 700; } :where(.vr-tutoriales-v2) .vret-floorplan__body{ min-height: 0px; flex: 1 1 0%; display: grid; grid-template-columns: 120px 1fr; } :where(.vr-tutoriales-v2) .vret-floorplan__body > aside{ display: flex; flex-direction: column; gap: 5px; padding: 12px; border-right: 1px solid rgb(229, 235, 242); background: rgb(248, 250, 252); } :where(.vr-tutoriales-v2) .vret-floorplan__body > aside b{ margin-bottom: 4px; color: rgb(120, 134, 154); font-size: 7px; letter-spacing: 0.08em; text-transform: uppercase; } :where(.vr-tutoriales-v2) .vret-floorplan__body > aside span{ padding: 8px; border-radius: 7px; color: rgb(97, 112, 135); font-size: 8px; } :where(.vr-tutoriales-v2) .vret-floorplan__body > aside .is-on{ background: rgb(234, 242, 255); color: rgb(36, 89, 189); font-weight: 750; } :where(.vr-tutoriales-v2) .vret-floorplan__canvas{ position: relative; min-width: 0px; margin: 12px; border: 1px solid rgb(223, 231, 241); border-radius: 10px; background: rgb(249, 251, 253); overflow: hidden; } :where(.vr-tutoriales-v2) .vret-floorplan__canvas svg{ width: 100%; height: 100%; } :where(.vr-tutoriales-v2) .vret-floorplan__canvas svg path,:where(.vr-tutoriales-v2) .vret-floorplan__canvas svg rect{ fill: none; stroke: rgb(143, 161, 183); stroke-width: 3; } :where(.vr-tutoriales-v2) .vret-floorplan__canvas button{ position: absolute; left: var(--px); top: var(--py); min-width: 48px; min-height: 28px; padding: 5px 7px; border: 2px solid rgb(255, 255, 255); border-radius: 999px; background: rgb(47, 111, 228); color: rgb(255, 255, 255); font-size: 7px; font-weight: 750; box-shadow: rgba(47, 111, 228, 0.25) 0px 5px 12px; transform: translate(-50%, -50%); } :where(.vr-tutoriales-v2) .vret-floorplan__upload{ position: absolute; inset: 18%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 2px dashed rgb(174, 191, 213); border-radius: 11px; background: rgba(248, 251, 255, 0.96); color: rgb(83, 101, 124); } :where(.vr-tutoriales-v2) .vret-floorplan__upload b{ color: rgb(47, 111, 228); font-size: 24px; } :where(.vr-tutoriales-v2) .vret-floorplan__upload span{ font-size: 10px; font-weight: 750; } :where(.vr-tutoriales-v2) .vret-floorplan__upload small{ font-size: 7px; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="24"] .vret-floorplan__upload{ display: none; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="23"] .vret-floorplan__canvas button{ opacity: 0.15; } :where(.vr-tutoriales-v2) .vret-course-player .vret-hot{ transition: box-shadow 0.22s, transform 0.22s, border-color 0.22s; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="0"] .vret-editor__rail,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="0"] .vret-room,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="1"] .vret-add-trigger,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="2"] .vret-upload-trigger,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="3"] .vret-upload-drop,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="4"] .vret-upload-list,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="5"] .vret-chip-360,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="6"] .vret-assets .is-picked,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="7"] .vret-create-trigger,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="8"] .vret-card.is-active,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="9"] .vret-card--moving,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="10"] .vret-card.is-active em,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="11"] .vret-segment,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="12"] .vret-variant-add,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="13"] .vret-point-trigger,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="14"] .vret-hotspot,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="15"] .vret-point-destination,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="16"] .vret-point-style,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="16"] .vret-point-size,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="17"] .vret-return,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="18"] .vret-map-trigger,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="20"] .vret-transition-trigger,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="21"] .vret-video-choice,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="21"] .vret-transition-save,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="22"] .vret-preview-trigger,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="22"] .vret-review,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="23"] .vret-floor-upload-trigger,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="24"] .vret-floorplan__canvas,:where(.vr-tutoriales-v2) .vret-stage[data-course-step="25"] .vret-publish-trigger{ box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgba(47, 111, 228, 0.9) 0px 0px 0px 7px, rgba(47, 111, 228, 0.3) 0px 9px 24px; border-color: rgb(47, 111, 228); z-index: 40; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="10"] .vret-card.is-active em{ position: relative; padding: 3px; border-radius: 4px; } :where(.vr-tutoriales-v2) .vret-course-player .vret-cursor{ display: block; width: 18px; height: 24px; left: var(--mouse-x, 52%); top: var(--mouse-y, 52%); color: transparent; opacity: 1; fill: rgb(16, 24, 40); stroke: rgb(255, 255, 255); stroke-width: 1.3; filter: drop-shadow(rgba(15, 23, 42, 0.38) 0px 3px 4px); transform: rotate(-10deg); transition: left 0.72s cubic-bezier(0.22, 0.8, 0.24, 1), top 0.72s cubic-bezier(0.22, 0.8, 0.24, 1); } :where(.vr-tutoriales-v2) .vret-click{ position: absolute; z-index: 49; left: calc(var(--mouse-x, 52%) + 7px); top: calc(var(--mouse-y, 52%) + 9px); width: 12px; height: 12px; border: 2px solid rgb(47, 111, 228); border-radius: 50%; opacity: 0; transform: translate(-50%, -50%) scale(0.5); pointer-events: none; } :where(.vr-tutoriales-v2) .vret-stage.is-clicking .vret-click{ animation: 0.5s ease-out 0s 1 normal both running vretClick; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="0"]{ --mouse-x: 56%; --mouse-y: 61%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="1"]{ --mouse-x: 22%; --mouse-y: 13%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="2"]{ --mouse-x: 82%; --mouse-y: 14%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="3"]{ --mouse-x: 54%; --mouse-y: 39%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="4"]{ --mouse-x: 73%; --mouse-y: 67%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="5"]{ --mouse-x: 66%; --mouse-y: 27%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="6"]{ --mouse-x: 50%; --mouse-y: 53%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="7"]{ --mouse-x: 82%; --mouse-y: 83%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="8"]{ --mouse-x: 17%; --mouse-y: 62%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="9"]{ --mouse-x: 18%; --mouse-y: 48%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="10"]{ --mouse-x: 20%; --mouse-y: 67%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="11"]{ --mouse-x: 18%; --mouse-y: 22%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="12"]{ --mouse-x: 21%; --mouse-y: 56%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="13"]{ --mouse-x: 89%; --mouse-y: 27%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="14"]{ --mouse-x: 62%; --mouse-y: 65%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="15"]{ --mouse-x: 20%; --mouse-y: 33%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="16"]{ --mouse-x: 17%; --mouse-y: 62%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="17"]{ --mouse-x: 17%; --mouse-y: 83%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="18"]{ --mouse-x: 58%; --mouse-y: 12%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="19"]{ --mouse-x: 82%; --mouse-y: 51%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="20"]{ --mouse-x: 89%; --mouse-y: 44%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="21"]{ --mouse-x: 62%; --mouse-y: 58%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="22"]{ --mouse-x: 75%; --mouse-y: 8%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="23"]{ --mouse-x: 79%; --mouse-y: 13%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="24"]{ --mouse-x: 51%; --mouse-y: 55%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="25"]{ --mouse-x: 91%; --mouse-y: 8%; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="9"] .vret-cursor{ animation: 1.75s cubic-bezier(0.22, 0.8, 0.24, 1) 0s 1 normal both running vretDragCursor; } :where(.vr-tutoriales-v2) .vret-stage[data-course-step="9"] .vret-card--moving{ animation: 1.75s cubic-bezier(0.22, 0.8, 0.24, 1) 0s 1 normal both running vretDragCard; } @keyframes vretClick{ 0% { opacity: 0.9; transform: translate(-50%, -50%) scale(0.45); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(2.25); } } @keyframes vretDragCursor{ 0% { left: 18%; top: 74%; } 35% { left: 18%; top: 68%; } 100% { left: 18%; top: 48%; } } @keyframes vretDragCard{ 0% { transform: translateY(0px); } 35% { transform: translateY(-8px) scale(1.025); box-shadow: rgba(47, 111, 228, 0.25) 0px 12px 22px; } 100% { transform: translateY(-56px); } } @keyframes vretUploadTwo{ 0% { width: 24%; } 100% { width: 100%; } } @keyframes vretUploadThree{ 0% { width: 8%; } 100% { width: 76%; } } @media (max-width: 1080px){:where(.vr-tutoriales-v2) .vret-course-hero{ grid-template-columns: 1fr; align-items: start; } :where(.vr-tutoriales-v2) .vret-course-hero__meta{ width: min(100%, 580px); } :where(.vr-tutoriales-v2) .vret-course-player .vret-dialog__body{ grid-template-columns: 1fr; overflow: visible; } :where(.vr-tutoriales-v2) .vret-course-player .vret-stage{ min-height: 470px; aspect-ratio: 16 / 10; } :where(.vr-tutoriales-v2) .vret-course-player .vret-copy{ min-height: 300px; border-left: 0px; border-top: 1px solid rgb(226, 232, 240); overflow: visible; } :where(.vr-tutoriales-v2) .vret-course-player .vret-dialog__footer{ position: static; } } @media (max-width: 640px){:where(.vr-tutoriales-v2) .vret-course-main{ padding-inline: 10px; padding-top: 26px; } :where(.vr-tutoriales-v2) .vret-course-hero{ gap: 20px; } :where(.vr-tutoriales-v2) .vret-course-hero h1{ max-width: 11ch; font-size: clamp(41px, 13vw, 58px); } :where(.vr-tutoriales-v2) .vret-course-hero__meta{ grid-template-columns: 1fr 1fr; } :where(.vr-tutoriales-v2) .vret-course-hero__meta span:last-child{ grid-column: 1 / -1; min-height: 58px; } :where(.vr-tutoriales-v2) .vret-course-player.vret-dialog{ width: 100%; height: auto; max-height: none; border: 1px solid rgb(217, 226, 239); border-radius: 17px; } :where(.vr-tutoriales-v2) .vret-course-player .vret-dialog__header{ min-height: 0px; align-items: flex-start; flex-direction: column; padding: 14px; } :where(.vr-tutoriales-v2) .vret-course-player .vret-dialog__heading h2{ max-width: none; font-size: 23px; } :where(.vr-tutoriales-v2) .vret-course-controls{ width: 100%; justify-content: space-between; } :where(.vr-tutoriales-v2) .vret-course-now{ font-size: 10px; } :where(.vr-tutoriales-v2) .vret-course-pause{ min-height: 40px; } :where(.vr-tutoriales-v2) .vret-course-player .vret-stage{ width: 100%; height: 330px; min-height: 330px; aspect-ratio: auto; } :where(.vr-tutoriales-v2) .vret-course-player .vret-cursor{ display: block; width: 14px; height: 19px; } :where(.vr-tutoriales-v2) .vret-course-player .vret-copy{ min-height: 330px; padding: 22px 19px; } :where(.vr-tutoriales-v2) .vret-course-player .vret-step h3{ font-size: 29px; } :where(.vr-tutoriales-v2) .vret-course-player .vret-dialog__footer{ grid-template-columns: auto minmax(0px, 1fr) auto; padding: 9px; } :where(.vr-tutoriales-v2) .vret-course-timeline{ padding-inline: 3px; } :where(.vr-tutoriales-v2) .vret-upload-panel{ inset: 5% 4%; } :where(.vr-tutoriales-v2) .vret-upload-drop{ min-height: 78px; margin-top: 8px; } :where(.vr-tutoriales-v2) .vret-upload-list > div{ min-height: 40px; grid-template-columns: 34px 1fr 28px; gap: 6px; } :where(.vr-tutoriales-v2) .vret-upload-list i{ width: 34px; height: 28px; } :where(.vr-tutoriales-v2) .vret-floorplan{ inset: 2.5%; } :where(.vr-tutoriales-v2) .vret-floorplan__body{ grid-template-columns: 78px 1fr; } :where(.vr-tutoriales-v2) .vret-floorplan__body > aside{ padding: 7px; } :where(.vr-tutoriales-v2) .vret-floorplan__head{ min-height: 44px; padding: 7px 9px; } :where(.vr-tutoriales-v2) .vret-floorplan__canvas{ margin: 7px; } :where(.vr-tutoriales-v2) .vret-floorplan__canvas button{ min-width: 38px; min-height: 24px; font-size: 6px; } :where(.vr-tutoriales-v2) .vret-floorplan__upload{ inset: 12%; } } @media (forced-colors: active){:where(.vr-tutoriales-v2) .vret-course-player .vret-hot,:where(.vr-tutoriales-v2) .vret-course-player button:focus-visible{ outline: canvastext solid 2px; outline-offset: 2px; } :where(.vr-tutoriales-v2) .vret-click{ border-color: highlight; } } :where(.vr-tutoriales-v2) .vret-course-picker{ display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; margin: 0px auto clamp(26px, 3.5vw, 48px); } :where(.vr-tutoriales-v2) .vret-course-picker a{ min-width: 0px; min-height: 94px; display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; gap: 16px; padding: 17px 19px; border: 1px solid rgb(216, 226, 239); border-radius: 17px; background: rgba(255, 255, 255, 0.88); color: rgb(23, 32, 51); text-decoration: none; box-shadow: rgba(15, 23, 42, 0.72) 0px 20px 48px -42px; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; } :where(.vr-tutoriales-v2) .vret-course-picker a:hover{ border-color: rgb(151, 180, 232); box-shadow: rgba(28, 61, 112, 0.52) 0px 24px 54px -39px; transform: translateY(-2px); } :where(.vr-tutoriales-v2) .vret-course-picker a:focus-visible{ outline: rgba(47, 111, 228, 0.34) solid 3px; outline-offset: 3px; } :where(.vr-tutoriales-v2) .vret-course-picker a > span{ width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: rgb(234, 242, 255); color: rgb(36, 89, 189); font-size: 11px; font-weight: 800; } :where(.vr-tutoriales-v2) .vret-course-picker a:nth-child(2) > span{ background: rgb(255, 240, 230); color: rgb(166, 79, 29); } :where(.vr-tutoriales-v2) .vret-course-picker a > div{ min-width: 0px; display: flex; flex-direction: column; gap: 5px; } :where(.vr-tutoriales-v2) .vret-course-picker b{ overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; } :where(.vr-tutoriales-v2) .vret-course-picker small{ color: rgb(102, 117, 138); font-size: 11px; line-height: 1.4; } :where(.vr-tutoriales-v2) .vret-course-picker em{ color: rgb(110, 127, 150); font-size: 12px; font-style: normal; font-weight: 800; } :where(.vr-tutoriales-v2) .vret-course-divider{ display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 14px; margin: clamp(52px, 8vw, 108px) 0px 18px; } :where(.vr-tutoriales-v2) .vret-course-divider span{ width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: rgb(255, 240, 230); color: rgb(166, 79, 29); font-size: 10px; font-weight: 800; } :where(.vr-tutoriales-v2) .vret-course-divider i{ height: 1px; background: linear-gradient(90deg, rgb(216, 226, 239), transparent); } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-eyebrow{ color: rgb(181, 91, 39); } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-progress span{ background: linear-gradient(90deg, rgb(154, 67, 25), rgb(218, 129, 72)); } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-copy__count b{ color: rgb(181, 91, 39); } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-step__number{ background: rgb(255, 240, 230); color: rgb(166, 79, 29); } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-step aside{ border-color: rgb(240, 210, 189); background: rgb(255, 248, 243); color: rgb(117, 65, 36); } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-step aside > span,:where(.vr-tutoriales-v2) .vret-course-player--templates .vret-primary{ background: rgb(184, 95, 43); } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-primary:hover{ background: rgb(152, 73, 31); } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-secondary:hover:not(:disabled){ border-color: rgb(184, 95, 43); color: rgb(152, 73, 31); } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-dots button[aria-current="step"]{ background: rgb(184, 95, 43); } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-course-pause:hover{ border-color: rgb(184, 95, 43); color: rgb(152, 73, 31); background: rgb(255, 248, 243); } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-course-pause:focus-visible{ outline-color: rgba(184, 95, 43, 0.32); } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-click{ border-color: rgb(184, 95, 43); } :where(.vr-tutoriales-v2) .vret-template-stage{ overflow: hidden; } :where(.vr-tutoriales-v2) .vrtpl-editor{ position: absolute; inset: 3%; z-index: 1; display: flex; flex-direction: column; border: 1px solid rgb(216, 221, 229); border-radius: 13px; background: rgb(255, 255, 255); color: rgb(55, 65, 81); box-shadow: rgba(15, 23, 42, 0.72) 0px 18px 42px -33px; overflow: hidden; transition: filter 0.25s, transform 0.3s; } :where(.vr-tutoriales-v2) .vrtpl-top{ min-height: 48px; display: grid; grid-template-columns: minmax(145px, 1fr) auto minmax(210px, 1fr); align-items: center; gap: 10px; padding: 7px 11px; border-bottom: 1px solid rgb(229, 232, 237); background: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vrtpl-title{ min-width: 0px; display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: 1px 8px; align-items: center; } :where(.vr-tutoriales-v2) .vrtpl-title > span{ grid-row: 1 / 3; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgb(225, 229, 235); border-radius: 8px; color: rgb(107, 114, 128); } :where(.vr-tutoriales-v2) .vrtpl-title b,:where(.vr-tutoriales-v2) .vrtpl-title small{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :where(.vr-tutoriales-v2) .vrtpl-title b{ color: rgb(31, 41, 55); font-size: 8px; } :where(.vr-tutoriales-v2) .vrtpl-title small{ color: rgb(139, 149, 165); font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-devices{ display: flex; gap: 3px; padding: 3px; border: 1px solid rgb(229, 233, 240); border-radius: 9px; background: rgb(247, 249, 252); } :where(.vr-tutoriales-v2) .vrtpl-devices span{ width: 26px; height: 25px; display: grid; place-items: center; border-radius: 6px; color: rgb(135, 147, 165); font-size: 10px; } :where(.vr-tutoriales-v2) .vrtpl-devices .is-on{ background: rgb(255, 255, 255); color: rgb(47, 111, 228); box-shadow: rgba(15, 23, 42, 0.08) 0px 2px 8px; } :where(.vr-tutoriales-v2) .vrtpl-actions{ min-width: 0px; display: flex; align-items: center; justify-content: flex-end; gap: 5px; } :where(.vr-tutoriales-v2) .vrtpl-actions > *{ flex: 0 0 auto; padding: 6px 7px; border: 1px solid rgb(225, 230, 238); border-radius: 7px; color: rgb(101, 114, 135); font-size: 6px; font-style: normal; } :where(.vr-tutoriales-v2) .vrtpl-actions .vrtpl-saved{ border-color: transparent; background: rgb(237, 251, 244); color: rgb(33, 133, 88); } :where(.vr-tutoriales-v2) .vrtpl-actions .vrtpl-ai-trigger{ color: rgb(47, 99, 185); } :where(.vr-tutoriales-v2) .vrtpl-actions .vrtpl-publish-trigger{ border-color: rgb(47, 111, 228); background: rgb(47, 111, 228); color: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vrtpl-body{ min-height: 0px; flex: 1 1 0%; display: grid; grid-template-columns: 150px minmax(0px, 1fr) 170px; } :where(.vr-tutoriales-v2) .vrtpl-pages{ position: relative; min-width: 0px; display: flex; flex-direction: column; gap: 5px; padding: 10px; border-right: 1px solid rgb(227, 231, 238); background: rgb(251, 252, 254); } :where(.vr-tutoriales-v2) .vrtpl-pages__head{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 3px; } :where(.vr-tutoriales-v2) .vrtpl-pages__head b{ color: rgb(94, 104, 119); font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-pages__head span{ width: 23px; height: 23px; display: grid; place-items: center; border: 1px solid rgb(221, 227, 236); border-radius: 6px; background: rgb(255, 255, 255); font-size: 11px; } :where(.vr-tutoriales-v2) .vrtpl-page{ min-height: 36px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 6px; padding: 7px; border: 1px solid transparent; border-radius: 8px; color: rgb(101, 113, 134); font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-page b{ font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-page em{ padding: 3px 5px; border-radius: 5px; background: rgb(240, 242, 246); color: rgb(137, 147, 163); font-size: 5px; font-style: normal; } :where(.vr-tutoriales-v2) .vrtpl-page i{ width: 14px; height: 14px; display: grid; place-items: center; border-radius: 50%; background: rgb(34, 165, 108); color: rgb(255, 255, 255); font-size: 5px; font-style: normal; } :where(.vr-tutoriales-v2) .vrtpl-page.is-on{ border-color: rgb(214, 227, 251); background: rgb(235, 243, 255); color: rgb(45, 97, 184); } :where(.vr-tutoriales-v2) .vrtpl-pages__bottom{ margin-top: auto; display: flex; flex-direction: column; gap: 5px; } :where(.vr-tutoriales-v2) .vrtpl-pages__bottom > *{ min-height: 29px; display: flex; align-items: center; padding: 7px; border: 1px solid rgb(223, 229, 237); border-radius: 7px; background: rgb(255, 255, 255); color: rgb(95, 109, 129); font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-pages__bottom b{ justify-content: center; border-color: rgb(201, 218, 250); background: rgb(237, 244, 255); color: rgb(45, 97, 184); } :where(.vr-tutoriales-v2) .vrtpl-workspace{ min-width: 0px; display: flex; flex-direction: column; padding: 9px 13px 13px; background: radial-gradient(circle, rgb(217, 222, 231) 1px, transparent 1px) 0px 0px / 15px 15px, rgb(248, 250, 252); } :where(.vr-tutoriales-v2) .vrtpl-workspace__label{ display: flex; gap: 4px; padding: 0px 0px 7px; color: rgb(135, 145, 161); font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-workspace__label b{ color: rgb(92, 102, 117); } :where(.vr-tutoriales-v2) .vrtpl-canvas{ position: relative; min-height: 0px; flex: 1 1 0%; border-radius: 9px; background: rgb(23, 26, 32); box-shadow: rgba(15, 23, 42, 0.78) 0px 11px 24px -18px; overflow: hidden; } :where(.vr-tutoriales-v2) .vrtpl-room{ position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(47, 31, 25, 0.1) 0px, rgba(47, 31, 25, 0.1) 37%, rgba(203, 181, 157, 0.16) 37%, rgba(203, 181, 157, 0.16) 64%, rgba(32, 27, 26, 0.12) 64%), linear-gradient(rgba(18, 20, 25, 0.12), rgba(18, 20, 25, 0.56)), linear-gradient(135deg, rgb(143, 123, 104), rgb(208, 189, 159) 46%, rgb(121, 105, 91) 47%, rgb(169, 148, 121)); } :where(.vr-tutoriales-v2) .vrtpl-room::before,:where(.vr-tutoriales-v2) .vrtpl-room::after{ content: ""; position: absolute; border: 4px solid rgba(255, 255, 255, 0.11); } :where(.vr-tutoriales-v2) .vrtpl-room::before{ left: 9%; top: 10%; width: 27%; height: 75%; } :where(.vr-tutoriales-v2) .vrtpl-room::after{ right: 10%; top: 13%; width: 31%; height: 68%; } :where(.vr-tutoriales-v2) .vrtpl-menu,:where(.vr-tutoriales-v2) .vrtpl-tools{ position: absolute; z-index: 2; top: 8%; padding: 7px; border-radius: 99px; background: rgba(18, 20, 25, 0.78); color: rgb(255, 255, 255); font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-menu{ left: 5%; } :where(.vr-tutoriales-v2) .vrtpl-tools{ right: 5%; } :where(.vr-tutoriales-v2) .vrtpl-logo{ position: absolute; z-index: 2; left: 50%; top: 32%; width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.62); border-radius: 50%; color: rgb(255, 255, 255); font-size: 8px; font-weight: 800; transform: translateX(-50%); } :where(.vr-tutoriales-v2) .vrtpl-heading{ position: absolute; z-index: 2; left: 50%; top: 50%; color: rgb(255, 255, 255); font-family: "Instrument Serif", Georgia, serif; font-size: 16px; text-align: center; white-space: nowrap; transform: translate(-50%, -50%); } :where(.vr-tutoriales-v2) .vrtpl-enter{ position: absolute; z-index: 2; left: 50%; top: 61%; padding-bottom: 4px; border-bottom: 1px solid rgba(255, 255, 255, 0.78); color: rgb(255, 255, 255); font-size: 7px; font-weight: 760; text-transform: uppercase; transform: translateX(-50%); } :where(.vr-tutoriales-v2) .vrtpl-scene-strip,:where(.vr-tutoriales-v2) .vrtpl-floor-mini,:where(.vr-tutoriales-v2) .vrtpl-contact-strip{ display: none; } :where(.vr-tutoriales-v2) .vrtpl-selection{ position: absolute; z-index: 8; left: 39%; top: 42%; width: 34%; height: 20%; display: none; border: 2px solid rgb(241, 139, 75); border-radius: 5px; color: transparent; } :where(.vr-tutoriales-v2) .vrtpl-selection > i{ position: absolute; width: 7px; height: 7px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background: rgb(241, 139, 75); } :where(.vr-tutoriales-v2) .vrtpl-selection > i:nth-child(1){ left: -5px; top: -5px; } :where(.vr-tutoriales-v2) .vrtpl-selection > i:nth-child(2){ right: -5px; top: -5px; } :where(.vr-tutoriales-v2) .vrtpl-selection > i:nth-child(3){ right: -5px; bottom: -5px; } :where(.vr-tutoriales-v2) .vrtpl-selection > i:nth-child(4){ left: -5px; bottom: -5px; } :where(.vr-tutoriales-v2) .vrtpl-selection > span{ position: absolute; left: 0px; bottom: calc(100% + 4px); padding: 3px 5px; border-radius: 4px; background: rgb(241, 139, 75); color: rgb(255, 255, 255); font-size: 5px; } :where(.vr-tutoriales-v2) .vrtpl-alt-note{ position: absolute; z-index: 9; left: 50%; top: 75%; display: none; align-items: center; gap: 4px; padding: 6px 8px; border-radius: 7px; background: rgba(19, 25, 34, 0.9); color: rgb(255, 255, 255); font-size: 6px; transform: translateX(-50%); } :where(.vr-tutoriales-v2) .vrtpl-alt-note kbd{ padding: 3px 5px; border: 1px solid rgb(118, 132, 154); border-radius: 4px; background: rgb(46, 55, 69); font: inherit; } :where(.vr-tutoriales-v2) .vrtpl-inspector{ min-width: 0px; padding: 12px; border-left: 1px solid rgb(227, 231, 238); background: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vrtpl-inspector-empty{ max-width: 145px; color: rgb(135, 145, 160); font-size: 7px; line-height: 1.5; } :where(.vr-tutoriales-v2) .vrtpl-inspector-edit{ display: none; flex-direction: column; gap: 8px; } :where(.vr-tutoriales-v2) .vrtpl-inspector__head{ display: flex; justify-content: space-between; gap: 8px; padding-bottom: 7px; border-bottom: 1px solid rgb(228, 232, 238); } :where(.vr-tutoriales-v2) .vrtpl-inspector__head b{ color: rgb(46, 55, 69); font-size: 8px; } :where(.vr-tutoriales-v2) .vrtpl-inspector-edit label,:where(.vr-tutoriales-v2) .vrtpl-inspector-edit > div:not(.vrtpl-inspector__head){ display: flex; flex-direction: column; gap: 4px; color: rgb(124, 135, 151); font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-inspector-edit label span,:where(.vr-tutoriales-v2) .vrtpl-style-field span{ min-height: 27px; display: flex; align-items: center; padding: 6px; border: 1px solid rgb(223, 229, 237); border-radius: 6px; background: rgb(255, 255, 255); color: rgb(68, 80, 100); font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-align-field span{ min-height: 27px; display: flex; align-items: center; justify-content: space-around; border: 1px solid rgb(223, 229, 237); border-radius: 6px; color: rgb(83, 97, 118); } :where(.vr-tutoriales-v2) .vrtpl-visible-field span{ min-height: 21px; display: flex; align-items: center; justify-content: space-between; padding: 4px 6px; border-radius: 5px; background: rgb(245, 247, 250); color: rgb(94, 106, 125); } :where(.vr-tutoriales-v2) .vrtpl-inspector__foot{ margin-top: 4px; padding: 7px; border-radius: 6px; background: rgb(239, 250, 245); color: rgb(34, 133, 90); } :where(.vr-tutoriales-v2) .vrtpl-entry,:where(.vr-tutoriales-v2) .vrtpl-library,:where(.vr-tutoriales-v2) .vrtpl-new-page-dialog,:where(.vr-tutoriales-v2) .vrtpl-settings,:where(.vr-tutoriales-v2) .vrtpl-modals,:where(.vr-tutoriales-v2) .vrtpl-ai,:where(.vr-tutoriales-v2) .vrtpl-publish{ position: absolute; z-index: 20; border: 1px solid rgb(220, 226, 234); border-radius: 13px; background: rgb(255, 255, 255); box-shadow: rgba(15, 23, 42, 0.68) 0px 24px 58px -28px; opacity: 0; pointer-events: none; transform: translateY(12px) scale(0.98); transition: opacity 0.28s, transform 0.34s cubic-bezier(0.22, 0.8, 0.24, 1); overflow: hidden; } :where(.vr-tutoriales-v2) .vrtpl-entry{ inset: 8%; padding: 15px; background: rgb(248, 250, 252); } :where(.vr-tutoriales-v2) .vrtpl-entry__head{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; color: rgb(103, 116, 136); font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-entry__head b{ color: rgb(38, 50, 70); font-size: 11px; } :where(.vr-tutoriales-v2) .vrtpl-entry__head strong{ padding-bottom: 4px; border-bottom: 2px solid rgb(47, 111, 228); color: rgb(47, 95, 174); } :where(.vr-tutoriales-v2) .vrtpl-entry__cards{ height: calc(100% - 32px); display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } :where(.vr-tutoriales-v2) .vrtpl-entry__cards > div{ min-width: 0px; display: flex; flex-direction: column; gap: 5px; padding: 10px; border: 1px solid rgb(223, 229, 237); border-radius: 10px; background: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vrtpl-entry__cards i{ min-height: 90px; border-radius: 7px; background: linear-gradient(145deg, rgb(29, 35, 45) 0px, rgb(29, 35, 45) 46%, rgb(198, 169, 135) 47%, rgb(198, 169, 135) 100%); } :where(.vr-tutoriales-v2) .vrtpl-entry__cards > div:nth-child(2) i{ background: linear-gradient(145deg, rgb(177, 119, 84), rgb(239, 226, 211) 50%, rgb(49, 80, 106)); } :where(.vr-tutoriales-v2) .vrtpl-entry__cards b{ color: rgb(48, 59, 77); font-size: 8px; } :where(.vr-tutoriales-v2) .vrtpl-entry__cards small{ color: rgb(139, 149, 164); font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-entry__cards .vrtpl-create-template{ align-items: center; justify-content: center; border-style: dashed; background: rgb(253, 251, 249); text-align: center; } :where(.vr-tutoriales-v2) .vrtpl-create-template em{ width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: rgb(255, 240, 230); color: rgb(173, 87, 39); font-size: 20px; font-style: normal; } :where(.vr-tutoriales-v2) .vrtpl-library{ inset: 7% 9% 7% 13%; display: flex; flex-direction: column; padding-bottom: 10px; } :where(.vr-tutoriales-v2) .vrtpl-library__head,:where(.vr-tutoriales-v2) .vrtpl-panel-head{ min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border-bottom: 1px solid rgb(227, 231, 237); } :where(.vr-tutoriales-v2) .vrtpl-library__head b,:where(.vr-tutoriales-v2) .vrtpl-panel-head b{ color: rgb(45, 55, 71); font-size: 10px; } :where(.vr-tutoriales-v2) .vrtpl-library__search{ margin: 9px 12px 6px; padding: 8px; border: 1px solid rgb(223, 229, 237); border-radius: 7px; color: rgb(138, 149, 166); font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-library__tabs{ display: flex; gap: 5px; padding: 0px 12px 6px; } :where(.vr-tutoriales-v2) .vrtpl-library__tabs span{ padding: 6px 9px; border-radius: 7px; background: rgb(241, 244, 248); color: rgb(101, 114, 134); font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-library__hint{ padding: 0px 12px 7px; color: rgb(140, 151, 167); font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-lib-grid{ min-height: 0px; flex: 1 1 0%; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px; padding: 0px 12px; } :where(.vr-tutoriales-v2) .vrtpl-lib-grid > div{ min-width: 0px; display: grid; grid-template-columns: 48px 1fr; grid-template-rows: 1fr 1fr; align-items: center; gap: 2px 8px; padding: 7px; border: 1px solid rgb(225, 230, 237); border-radius: 8px; } :where(.vr-tutoriales-v2) .vrtpl-lib-grid i{ grid-row: 1 / 3; width: 48px; height: 42px; display: grid; place-items: center; border-radius: 6px; background: rgb(35, 42, 53); color: rgb(255, 255, 255); font-size: 9px; font-style: normal; } :where(.vr-tutoriales-v2) .vrtpl-lib-grid b{ overflow: hidden; color: rgb(60, 71, 88); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; } :where(.vr-tutoriales-v2) .vrtpl-lib-grid small{ color: rgb(139, 149, 164); font-size: 5px; } :where(.vr-tutoriales-v2) .vrtpl-lib-cover{ display: grid; } :where(.vr-tutoriales-v2) .vrtpl-lib-tour{ display: none; } :where(.vr-tutoriales-v2) .vrtpl-new-page-dialog{ left: 27%; right: 22%; top: 24%; display: flex; flex-direction: column; gap: 8px; padding: 16px; } :where(.vr-tutoriales-v2) .vrtpl-new-page-dialog small{ color: rgb(155, 84, 44); font-size: 6px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } :where(.vr-tutoriales-v2) .vrtpl-new-page-dialog b{ color: rgb(48, 58, 73); font-size: 10px; } :where(.vr-tutoriales-v2) .vrtpl-new-page-dialog > span{ min-height: 34px; display: flex; align-items: center; padding: 8px; border: 1px solid rgb(220, 226, 234); border-radius: 7px; color: rgb(86, 98, 118); font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-new-page-dialog > div{ display: flex; justify-content: flex-end; gap: 6px; } :where(.vr-tutoriales-v2) .vrtpl-new-page-dialog em,:where(.vr-tutoriales-v2) .vrtpl-new-page-dialog strong{ padding: 7px 10px; border-radius: 7px; font-size: 7px; font-style: normal; } :where(.vr-tutoriales-v2) .vrtpl-new-page-dialog em{ border: 1px solid rgb(220, 226, 234); color: rgb(104, 117, 137); } :where(.vr-tutoriales-v2) .vrtpl-new-page-dialog strong{ background: rgb(184, 95, 43); color: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vrtpl-settings{ inset: 7% 18% 7% 22%; display: flex; flex-direction: column; gap: 9px; padding-bottom: 11px; } :where(.vr-tutoriales-v2) .vrtpl-settings > label{ display: flex; flex-direction: column; gap: 4px; padding: 0px 12px; color: rgb(123, 135, 151); font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-settings > label span{ padding: 7px; border: 1px solid rgb(221, 227, 235); border-radius: 6px; color: rgb(78, 91, 110); } :where(.vr-tutoriales-v2) .vrtpl-settings section{ display: flex; flex-direction: column; gap: 6px; margin: 0px 12px; padding: 9px; border: 1px solid rgb(224, 229, 236); border-radius: 8px; } :where(.vr-tutoriales-v2) .vrtpl-settings section > b{ color: rgb(75, 87, 105); font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-palettes div{ display: flex; gap: 6px; } :where(.vr-tutoriales-v2) .vrtpl-palettes i{ width: 25px; height: 25px; border: 3px solid rgb(255, 255, 255); border-radius: 7px; background: rgb(31, 36, 43); box-shadow: rgb(216, 222, 231) 0px 0px 0px 1px; } :where(.vr-tutoriales-v2) .vrtpl-palettes i:nth-child(2){ background: rgb(168, 95, 53); } :where(.vr-tutoriales-v2) .vrtpl-palettes i:nth-child(3){ background: rgb(49, 94, 72); } :where(.vr-tutoriales-v2) .vrtpl-palettes i:nth-child(4){ background: rgb(40, 76, 106); } :where(.vr-tutoriales-v2) .vrtpl-palettes i:nth-child(5){ background: rgb(112, 47, 61); } :where(.vr-tutoriales-v2) .vrtpl-palettes i:nth-child(6){ background: rgb(165, 134, 62); } :where(.vr-tutoriales-v2) .vrtpl-palettes small{ color: rgb(140, 150, 165); font-size: 5px; } :where(.vr-tutoriales-v2) .vrtpl-fonts div{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; } :where(.vr-tutoriales-v2) .vrtpl-fonts span{ display: flex; flex-direction: column; gap: 3px; padding: 6px; border: 1px solid rgb(224, 229, 236); border-radius: 6px; color: rgb(104, 116, 135); font-size: 5px; } :where(.vr-tutoriales-v2) .vrtpl-fonts em{ color: rgb(39, 50, 68); font-family: "Instrument Serif", Georgia, serif; font-size: 13px; font-style: normal; } :where(.vr-tutoriales-v2) .vrtpl-settings > strong{ align-self: flex-end; margin: auto 12px 0px; padding: 7px 12px; border-radius: 7px; background: rgb(38, 50, 67); color: rgb(255, 255, 255); font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-modals{ inset: 6% 13% 6% 18%; display: flex; flex-direction: column; padding-bottom: 9px; } :where(.vr-tutoriales-v2) .vrtpl-modals > small{ padding: 8px 12px 5px; color: rgb(139, 149, 164); font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-modals > div:not(.vrtpl-panel-head){ display: grid; grid-template-columns: 1fr 1.2fr auto; align-items: center; gap: 8px; margin: 3px 12px; padding: 8px; border: 1px solid rgb(226, 231, 237); border-radius: 7px; } :where(.vr-tutoriales-v2) .vrtpl-modals > div b{ color: rgb(70, 82, 102); font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-modals > div span{ padding: 5px; border-radius: 5px; background: rgb(244, 246, 249); color: rgb(104, 117, 136); font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-modals > div em{ color: rgb(124, 135, 151); font-size: 7px; font-style: normal; } :where(.vr-tutoriales-v2) .vrtpl-ai{ top: 7%; right: 4%; bottom: 7%; width: 245px; display: flex; flex-direction: column; padding-bottom: 11px; } :where(.vr-tutoriales-v2) .vrtpl-ai > small{ align-self: flex-start; margin: 9px 12px 0px; padding: 4px 6px; border-radius: 5px; background: rgb(238, 242, 248); color: rgb(101, 114, 134); font-size: 5px; } :where(.vr-tutoriales-v2) .vrtpl-ai p{ margin: 10px 12px; color: rgb(86, 98, 118); font-size: 7px; line-height: 1.5; } :where(.vr-tutoriales-v2) .vrtpl-ai > div{ display: flex; flex-direction: column; gap: 5px; padding: 0px 12px; } :where(.vr-tutoriales-v2) .vrtpl-ai > div span{ padding: 7px; border: 1px solid rgb(223, 229, 237); border-radius: 7px; color: rgb(93, 106, 126); font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-ai label{ min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: auto 12px 0px; padding: 8px; border: 1px solid rgb(216, 224, 235); border-radius: 8px; color: rgb(139, 149, 164); font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-ai label b{ width: 24px; height: 24px; display: grid; place-items: center; border-radius: 6px; background: rgb(47, 111, 228); color: rgb(255, 255, 255); } :where(.vr-tutoriales-v2) .vrtpl-publish{ left: 27%; right: 20%; top: 13%; display: flex; flex-direction: column; padding-bottom: 12px; } :where(.vr-tutoriales-v2) .vrtpl-publish p{ margin: 10px 12px 6px; color: rgb(111, 123, 141); font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-publish > div:not(.vrtpl-panel-head){ display: grid; grid-template-columns: auto 1fr; gap: 8px; margin: 4px 12px; padding: 9px; border: 1px solid rgb(224, 229, 236); border-radius: 8px; } :where(.vr-tutoriales-v2) .vrtpl-publish > div.is-on{ border-color: rgb(201, 218, 249); background: rgb(241, 246, 255); } :where(.vr-tutoriales-v2) .vrtpl-publish > div i{ width: 14px; height: 14px; margin-top: 1px; border: 1px solid rgb(185, 196, 210); border-radius: 50%; } :where(.vr-tutoriales-v2) .vrtpl-publish > div.is-on i{ border: 4px solid rgb(47, 111, 228); } :where(.vr-tutoriales-v2) .vrtpl-publish > div span{ display: flex; flex-direction: column; gap: 3px; } :where(.vr-tutoriales-v2) .vrtpl-publish > div b{ color: rgb(57, 70, 89); font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-publish > div small{ color: rgb(125, 136, 152); font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-publish > strong{ align-self: flex-end; margin: 8px 12px 0px; padding: 8px 13px; border-radius: 7px; background: rgb(47, 111, 228); color: rgb(255, 255, 255); font-size: 7px; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="0"] .vrtpl-entry,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="1"] .vrtpl-entry,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="5"] .vrtpl-library,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="6"] .vrtpl-library,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="7"] .vrtpl-library,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="8"] .vrtpl-library,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="9"] .vrtpl-library,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="15"] .vrtpl-new-page-dialog,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-library,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-library,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-library,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-library,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="22"] .vrtpl-settings,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="23"] .vrtpl-settings,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="24"] .vrtpl-settings,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="25"] .vrtpl-modals,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="27"] .vrtpl-ai,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="29"] .vrtpl-publish{ opacity: 1; transform: translate(0px) scale(1); } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="0"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="1"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="5"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="6"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="7"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="8"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="9"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="15"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="22"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="23"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="24"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="25"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="27"] .vrtpl-editor,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="29"] .vrtpl-editor{ filter: brightness(0.58); } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="10"] .vrtpl-selection,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="11"] .vrtpl-selection,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="12"] .vrtpl-selection,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="13"] .vrtpl-selection,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="14"] .vrtpl-selection,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="26"] .vrtpl-selection{ display: block; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="12"] .vrtpl-inspector-empty,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="13"] .vrtpl-inspector-empty,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="14"] .vrtpl-inspector-empty{ display: none; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="12"] .vrtpl-inspector-edit,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="13"] .vrtpl-inspector-edit,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="14"] .vrtpl-inspector-edit{ display: flex; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="16"] .vrtpl-page,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-page,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-page,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-page,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-page,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="21"] .vrtpl-page{ background: transparent; color: rgb(101, 113, 134); border-color: transparent; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="16"] .vrtpl-page-tour,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-page-tour,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-page-tour,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-page-tour,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-page-tour{ border-color: rgb(214, 227, 251); background: rgb(235, 243, 255); color: rgb(45, 97, 184); } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="21"] .vrtpl-page-scene{ border-color: rgb(214, 227, 251); background: rgb(235, 243, 255); color: rgb(45, 97, 184); } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="16"] .vrtpl-page-label,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-page-label,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-page-label,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-page-label,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-page-label,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="21"] .vrtpl-page-label{ font-size: 0px; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="16"] .vrtpl-page-label::after,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-page-label::after,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-page-label::after,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-page-label::after,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-page-label::after,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="21"] .vrtpl-page-label::after{ content: attr(data-tour); font-size: 6px; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="16"] .vrtpl-logo,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-logo,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-logo,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-logo,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-logo,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="21"] .vrtpl-logo,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="16"] .vrtpl-heading,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-heading,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-heading,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-heading,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-heading,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="21"] .vrtpl-heading,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="16"] .vrtpl-enter,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-enter,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-enter,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-enter,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-enter,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="21"] .vrtpl-enter{ display: none; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="16"] .vrtpl-scene-strip,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-scene-strip,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-scene-strip,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-scene-strip,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-scene-strip,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="21"] .vrtpl-scene-strip{ position: absolute; z-index: 2; left: 7%; right: 7%; bottom: 7%; display: flex; justify-content: center; gap: 5px; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="16"] .vrtpl-scene-strip span,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-scene-strip span,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-scene-strip span,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-scene-strip span,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-scene-strip span,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="21"] .vrtpl-scene-strip span{ padding: 6px 9px; border-radius: 6px; background: rgba(18, 23, 31, 0.82); color: rgb(255, 255, 255); font-size: 6px; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-lib-cover,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-lib-cover,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-lib-cover,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-lib-cover{ display: none; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-lib-tour,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-lib-tour,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-lib-tour,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-lib-tour{ display: grid; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="26"] .vrtpl-alt-note{ display: flex; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="0"] .vrtpl-entry,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="1"] .vrtpl-create-template,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="2"] .vrtpl-body,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="3"] .vrtpl-page.is-on,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="4"] .vrtpl-devices,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="5"] .vrtpl-add-trigger,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="6"] .vrtpl-lib-cover-tab,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="7"] .vrtpl-widget-logo,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="8"] .vrtpl-widget-title,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="9"] .vrtpl-widget-enter,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="10"] .vrtpl-selection,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="11"] .vrtpl-selection > i:nth-child(3),:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="12"] .vrtpl-inspector-edit label:first-of-type,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="13"] .vrtpl-style-field,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="14"] .vrtpl-visible-field,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="15"] .vrtpl-new-page-dialog strong,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="16"] .vrtpl-page-tour,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="17"] .vrtpl-lib-tour-tab,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="18"] .vrtpl-widget-scenes,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="19"] .vrtpl-widget-plan,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="20"] .vrtpl-widget-contact,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="21"] .vrtpl-page-scene,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="22"] .vrtpl-settings,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="23"] .vrtpl-palettes,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="24"] .vrtpl-fonts,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="25"] .vrtpl-modals > div:nth-of-type(2),:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="26"] .vrtpl-alt-note,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="27"] .vrtpl-ai,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="28"] .vrtpl-saved,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="28"] .vrtpl-undo,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="29"] .vrtpl-publish strong{ box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px, rgba(184, 95, 43, 0.88) 0px 0px 0px 7px, rgba(184, 95, 43, 0.28) 0px 9px 24px; border-color: rgb(184, 95, 43); z-index: 40; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="2"] .vrtpl-body,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="22"] .vrtpl-settings,:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="25"] .vrtpl-modals > div:nth-of-type(2),:where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="27"] .vrtpl-ai{ position: relative; } :where(.vr-tutoriales-v2) .vret-template-stage[data-course-step="11"] .vrtpl-selection > i:nth-child(3){ width: 10px; height: 10px; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage{ --mouse-x: 50%; --mouse-y: 50%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="0"]{ --mouse-x: 70%; --mouse-y: 63%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="1"]{ --mouse-x: 73%; --mouse-y: 62%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="2"]{ --mouse-x: 53%; --mouse-y: 50%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="3"]{ --mouse-x: 11%; --mouse-y: 30%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="4"]{ --mouse-x: 52%; --mouse-y: 9%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="5"]{ --mouse-x: 11%; --mouse-y: 88%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="6"]{ --mouse-x: 35%; --mouse-y: 30%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="7"]{ --mouse-x: 35%; --mouse-y: 51%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="8"]{ --mouse-x: 67%; --mouse-y: 51%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="9"]{ --mouse-x: 36%; --mouse-y: 73%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="10"]{ --mouse-x: 54%; --mouse-y: 53%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="11"]{ --mouse-x: 67%; --mouse-y: 59%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="12"]{ --mouse-x: 89%; --mouse-y: 33%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="13"]{ --mouse-x: 89%; --mouse-y: 47%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="14"]{ --mouse-x: 89%; --mouse-y: 68%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="15"]{ --mouse-x: 67%; --mouse-y: 65%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="16"]{ --mouse-x: 11%; --mouse-y: 38%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="17"]{ --mouse-x: 64%; --mouse-y: 30%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="18"]{ --mouse-x: 36%; --mouse-y: 51%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="19"]{ --mouse-x: 67%; --mouse-y: 51%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="20"]{ --mouse-x: 36%; --mouse-y: 73%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="21"]{ --mouse-x: 12%; --mouse-y: 46%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="22"]{ --mouse-x: 11%; --mouse-y: 78%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="23"]{ --mouse-x: 50%; --mouse-y: 52%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="24"]{ --mouse-x: 51%; --mouse-y: 70%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="25"]{ --mouse-x: 50%; --mouse-y: 43%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="26"]{ --mouse-x: 55%; --mouse-y: 53%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="27"]{ --mouse-x: 85%; --mouse-y: 78%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="28"]{ --mouse-x: 78%; --mouse-y: 9%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="29"]{ --mouse-x: 68%; --mouse-y: 73%; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="9"] .vret-cursor{ animation: auto ease 0s 1 normal none running none; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="10"] .vret-cursor{ animation: 1.75s cubic-bezier(0.22, 0.8, 0.24, 1) 0s 1 normal both running vrtplDragCursor; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="10"] .vrtpl-selection{ animation: 1.75s cubic-bezier(0.22, 0.8, 0.24, 1) 0s 1 normal both running vrtplDragWidget; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="11"] .vret-cursor{ animation: 1.75s cubic-bezier(0.22, 0.8, 0.24, 1) 0s 1 normal both running vrtplResizeCursor; } :where(.vr-tutoriales-v2) .vret-course-player--templates .vret-template-stage[data-course-step="11"] .vrtpl-selection{ animation: 1.75s cubic-bezier(0.22, 0.8, 0.24, 1) 0s 1 normal both running vrtplResizeWidget; } @keyframes vrtplDragCursor{ 0% { left: 54%; top: 53%; } 35% { left: 54%; top: 49%; } 100% { left: 44%; top: 40%; } } @keyframes vrtplDragWidget{ 0% { transform: translate(0px); } 35% { transform: translate(-3%, -4%) scale(1.02); } 100% { transform: translate(-30%, -48%); } } @keyframes vrtplResizeCursor{ 0% { left: 62%; top: 55%; } 100% { left: 69%; top: 63%; } } @keyframes vrtplResizeWidget{ 0% { width: 28%; height: 16%; } 100% { width: 41%; height: 25%; } } @media (max-width: 1080px){:where(.vr-tutoriales-v2) .vret-course-picker{ grid-template-columns: 1fr; } } @media (max-width: 640px){:where(.vr-tutoriales-v2) .vret-course-picker a{ min-height: 82px; grid-template-columns: auto minmax(0px, 1fr); gap: 11px; padding: 13px; } :where(.vr-tutoriales-v2) .vret-course-picker a > span{ width: 36px; height: 36px; } :where(.vr-tutoriales-v2) .vret-course-picker em{ display: none; } :where(.vr-tutoriales-v2) .vret-course-divider{ margin-top: 62px; } :where(.vr-tutoriales-v2) .vrtpl-editor{ inset: 2.5%; } :where(.vr-tutoriales-v2) .vrtpl-top{ min-height: 41px; grid-template-columns: minmax(80px, 1fr) auto minmax(92px, 1fr); gap: 4px; padding: 5px; } :where(.vr-tutoriales-v2) .vrtpl-title > span{ width: 22px; height: 22px; } :where(.vr-tutoriales-v2) .vrtpl-title b{ font-size: 6px; } :where(.vr-tutoriales-v2) .vrtpl-title small{ display: none; } :where(.vr-tutoriales-v2) .vrtpl-devices span{ width: 20px; height: 20px; font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-actions{ gap: 2px; } :where(.vr-tutoriales-v2) .vrtpl-actions > *{ padding: 5px; font-size: 0px; } :where(.vr-tutoriales-v2) .vrtpl-actions .vrtpl-saved::after{ content: "✓"; font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-actions .vrtpl-ai-trigger::after{ content: "✦"; font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-actions .vrtpl-publish-trigger::after{ content: "↑"; font-size: 7px; } :where(.vr-tutoriales-v2) .vrtpl-body{ grid-template-columns: 78px minmax(0px, 1fr) 72px; } :where(.vr-tutoriales-v2) .vrtpl-pages{ gap: 3px; padding: 5px; } :where(.vr-tutoriales-v2) .vrtpl-pages__head b{ font-size: 5px; } :where(.vr-tutoriales-v2) .vrtpl-pages__head span{ width: 18px; height: 18px; } :where(.vr-tutoriales-v2) .vrtpl-page{ min-height: 28px; gap: 3px; padding: 4px; font-size: 5px; } :where(.vr-tutoriales-v2) .vrtpl-page b{ font-size: 5px; } :where(.vr-tutoriales-v2) .vrtpl-page em{ display: none; } :where(.vr-tutoriales-v2) .vrtpl-pages__bottom > *{ min-height: 22px; padding: 4px; font-size: 5px; } :where(.vr-tutoriales-v2) .vrtpl-workspace{ padding: 6px; } :where(.vr-tutoriales-v2) .vrtpl-inspector{ padding: 6px; } :where(.vr-tutoriales-v2) .vrtpl-inspector-empty{ font-size: 5px; } :where(.vr-tutoriales-v2) .vrtpl-inspector-edit{ gap: 4px; } :where(.vr-tutoriales-v2) .vrtpl-heading{ font-size: 9px; } :where(.vr-tutoriales-v2) .vrtpl-entry{ inset: 5%; padding: 9px; } :where(.vr-tutoriales-v2) .vrtpl-entry__cards{ gap: 5px; } :where(.vr-tutoriales-v2) .vrtpl-entry__cards > div{ padding: 6px; } :where(.vr-tutoriales-v2) .vrtpl-entry__cards i{ min-height: 60px; } :where(.vr-tutoriales-v2) .vrtpl-library{ inset: 4%; } :where(.vr-tutoriales-v2) .vrtpl-lib-grid > div{ grid-template-columns: 34px 1fr; padding: 5px; } :where(.vr-tutoriales-v2) .vrtpl-lib-grid i{ width: 34px; height: 32px; } :where(.vr-tutoriales-v2) .vrtpl-settings{ inset: 4% 6%; } :where(.vr-tutoriales-v2) .vrtpl-modals{ inset: 4%; } :where(.vr-tutoriales-v2) .vrtpl-ai{ top: 4%; right: 3%; bottom: 4%; width: 180px; } :where(.vr-tutoriales-v2) .vrtpl-publish{ left: 12%; right: 8%; top: 10%; } :where(.vr-tutoriales-v2) .vrtpl-new-page-dialog{ left: 12%; right: 10%; top: 20%; } } @media (forced-colors: active){:where(.vr-tutoriales-v2) .vret-course-picker a,:where(.vr-tutoriales-v2) .vret-course-player--templates .vret-hot{ outline-color: highlight; } } :where(.vr-tutoriales-v2) .vret-videos{ margin: 0px auto clamp(26px, 3.5vw, 48px); } :where(.vr-tutoriales-v2) .vret-videos__head{ max-width: 790px; margin: 0px 0px 16px; } :where(.vr-tutoriales-v2) .vret-videos__head .vret-eyebrow{ color: rgb(47, 111, 228); } :where(.vr-tutoriales-v2) .vret-videos__head h2{ margin: 8px 0px; font-family: "Instrument Serif", Georgia, serif; font-size: clamp(30px, 3.4vw, 46px); font-weight: 400; line-height: 1.02; letter-spacing: -0.03em; text-wrap: balance; } :where(.vr-tutoriales-v2) .vret-videos__head > p:last-child{ max-width: 68ch; margin: 0px; color: rgb(83, 97, 118); font-size: clamp(14px, 1.1vw, 17px); line-height: 1.6; } :where(.vr-tutoriales-v2) .vret-video{ display: grid; grid-template-columns: minmax(0px, 1.55fr) minmax(250px, 1fr); align-items: center; gap: 22px; padding: 18px; border: 1px solid rgb(216, 226, 239); border-radius: 17px; background: rgba(255, 255, 255, 0.88); box-shadow: rgba(15, 23, 42, 0.72) 0px 20px 48px -42px; } :where(.vr-tutoriales-v2) .vret-video + .vret-video{ margin-top: 12px; } :where(.vr-tutoriales-v2) .vret-video__frame{ position: relative; width: 100%; height: 0px; padding-bottom: 56.25%; border-radius: 12px; overflow: hidden; background: rgb(15, 23, 42); } :where(.vr-tutoriales-v2) .vret-video__frame iframe{ position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px; } :where(.vr-tutoriales-v2) .vret-video__copy{ min-width: 0px; } :where(.vr-tutoriales-v2) .vret-video__copy h3{ margin: 0px 0px 8px; font-size: clamp(20px, 1.7vw, 26px); line-height: 1.15; letter-spacing: -0.02em; } :where(.vr-tutoriales-v2) .vret-video__copy p{ margin: 0px 0px 16px; color: rgb(83, 97, 118); font-size: 15px; line-height: 1.6; text-wrap: pretty; } :where(.vr-tutoriales-v2) .vret-video__btn{ display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 20px; border-radius: 999px; background: rgb(47, 111, 228); color: rgb(255, 255, 255); font-size: 14px; font-weight: 800; text-decoration: none; transition: background 0.2s, transform 0.2s; } :where(.vr-tutoriales-v2) .vret-video__btn:hover{ background: rgb(36, 89, 189); transform: translateY(-1px); } :where(.vr-tutoriales-v2) .vret-video__btn:focus-visible{ outline: rgba(47, 111, 228, 0.34) solid 3px; outline-offset: 3px; } @media (max-width: 1080px){:where(.vr-tutoriales-v2) .vret-video{ grid-template-columns: 1fr; } } @media (max-width: 640px){:where(.vr-tutoriales-v2) .vret-video{ gap: 14px; padding: 12px; border-radius: 14px; } :where(.vr-tutoriales-v2) .vret-video__btn{ width: 100%; justify-content: center; } } :where(.vr-tutoriales-v2) :lang(en) .vret-template-plan-map__es{ display: none; } :where(.vr-tutoriales-v2) :lang(en) .vret-template-plan-map__en{ display: inline !important; } @media (max-width: 640px){:where(.vr-tutoriales-v2) .vret-template-plan-map{ margin-left: 14px !important; margin-right: 14px !important; } } .vr-tutoriales-v2{--paper:#FAF8F5;--ink:#14110E;--muted:#6B635A;--accent:#A85A32;--link:#C8763A;--border:#DED6CB;--footer:#F6F1EA;--white:#fff;--serif:'Instrument Serif',Georgia,serif;--sans:'Tutoriales Schibsted','Schibsted Grotesk',system-ui,sans-serif} :where(.vr-tutoriales-v2) *{box-sizing:border-box} .vr-tutoriales-v2{scroll-behavior:smooth;scroll-padding-top:100px} .vr-tutoriales-v2{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6} :where(.vr-tutoriales-v2) a{color:var(--accent);text-underline-offset:4px} :where(.vr-tutoriales-v2) button,:where(.vr-tutoriales-v2) input{font:inherit} :where(.vr-tutoriales-v2) button{cursor:pointer} :where(.vr-tutoriales-v2) button:disabled{cursor:default;opacity:.4} :where(.vr-tutoriales-v2) a:focus-visible,:where(.vr-tutoriales-v2) button:focus-visible,:where(.vr-tutoriales-v2) summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px} :where(.vr-tutoriales-v2) button:focus-visible{outline-offset:2px} :where(.vr-tutoriales-v2) h1,:where(.vr-tutoriales-v2) h2,:where(.vr-tutoriales-v2) h3,:where(.vr-tutoriales-v2) p{margin:0} :where(.vr-tutoriales-v2) h1,:where(.vr-tutoriales-v2) h2{font-family:var(--serif);font-weight:400;line-height:1.04} :where(.vr-tutoriales-v2) h1{font-size:clamp(44px,5.2vw,68px);letter-spacing:-.035em} :where(.vr-tutoriales-v2) h2{font-size:clamp(34px,3.5vw,46px);letter-spacing:-.025em} :where(.vr-tutoriales-v2) h3{font-size:19px;line-height:1.35;letter-spacing:-.025em} :where(.vr-tutoriales-v2) p{color:var(--muted)} :where(.vr-tutoriales-v2) .wrap{width:min(1180px,calc(100% - 64px));margin:auto} :where(.vr-tutoriales-v2) .skip{position:fixed;top:8px;left:8px;transform:translateY(-200%);background:var(--ink);color:var(--white);padding:10px 16px;z-index:20} :where(.vr-tutoriales-v2) .skip:focus{transform:translateY(0)} :where(.vr-tutoriales-v2) .site-header{border-bottom:1px solid var(--border);background:var(--paper)} :where(.vr-tutoriales-v2) .header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px} :where(.vr-tutoriales-v2) .brand{font-weight:650;letter-spacing:-.06em;color:var(--ink);font-size:23px;text-decoration:none;white-space:nowrap} :where(.vr-tutoriales-v2) .brand span{font-weight:400} :where(.vr-tutoriales-v2) .site-nav{display:flex;gap:26px;align-items:center} :where(.vr-tutoriales-v2) .site-nav a{color:var(--muted);font-size:14px;text-decoration:none} :where(.vr-tutoriales-v2) .site-nav a[aria-current=page]{color:var(--ink);font-weight:600} :where(.vr-tutoriales-v2) .account-nav{display:flex;gap:18px;align-items:center;font-size:14px;white-space:nowrap} :where(.vr-tutoriales-v2) .account-nav a{text-decoration:none;color:var(--ink)} :where(.vr-tutoriales-v2) .pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper)!important;padding:11px 20px;font-weight:600;font-size:14px;text-decoration:none} :where(.vr-tutoriales-v2) .mobile-menu{display:none} :where(.vr-tutoriales-v2) .hero{padding:66px 0 38px} :where(.vr-tutoriales-v2) .eyebrow{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:650;color:var(--accent);margin-bottom:14px} :where(.vr-tutoriales-v2) .hero p{max-width:680px;font-size:17px;margin-top:22px} :where(.vr-tutoriales-v2) .section-nav{display:flex;gap:32px;border-bottom:1px solid var(--border);margin-top:34px;padding-bottom:17px} :where(.vr-tutoriales-v2) .section-nav a{font-size:14px;text-decoration:none;color:var(--ink);font-weight:550} :where(.vr-tutoriales-v2) .section-nav span{font-size:11px;color:var(--muted);margin-left:8px} :where(.vr-tutoriales-v2) .page-section{padding:44px 0 58px;scroll-margin-top:24px} :where(.vr-tutoriales-v2) .section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px} :where(.vr-tutoriales-v2) .section-header p{max-width:570px;margin-top:15px} :where(.vr-tutoriales-v2) .count{color:var(--muted);font-size:13px;white-space:nowrap;padding-bottom:4px} :where(.vr-tutoriales-v2) .video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px} :where(.vr-tutoriales-v2) .video{min-width:0;scroll-margin-top:32px} :where(.vr-tutoriales-v2) .video-media{aspect-ratio:16/9;background:#24201c;border:1px solid var(--border);border-radius:10px;overflow:hidden} :where(.vr-tutoriales-v2) .video iframe{display:block;width:100%;height:100%;border:0} :where(.vr-tutoriales-v2) .video-copy{padding:18px 2px 0} :where(.vr-tutoriales-v2) .video-topline{display:flex;align-items:baseline;gap:14px;margin-bottom:11px} :where(.vr-tutoriales-v2) .video-number{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.08em;flex-shrink:0} :where(.vr-tutoriales-v2) .video p{font-size:14px;line-height:1.7;margin-bottom:12px} :where(.vr-tutoriales-v2) .youtube{font-size:13px;text-decoration:none;font-weight:550} :where(.vr-tutoriales-v2) .youtube:hover{text-decoration:underline} :where(.vr-tutoriales-v2) .course-section{border-top:1px solid var(--border)} :where(.vr-tutoriales-v2) .course-grid{display:grid;grid-template-columns:350px minmax(0,1fr);gap:34px;align-items:start} :where(.vr-tutoriales-v2) .course-index{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--white)} :where(.vr-tutoriales-v2) .course-index>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:18px 20px;font-size:13px;font-weight:600;cursor:pointer;border-bottom:1px solid var(--border)} :where(.vr-tutoriales-v2) .course-index>summary::-webkit-details-marker{display:none} :where(.vr-tutoriales-v2) .course-index>summary:after{content:'−';font-size:18px;color:var(--muted)} :where(.vr-tutoriales-v2) .course-index:not([open])>summary:after{content:'+'} :where(.vr-tutoriales-v2) .course-index ol{padding:10px 8px;margin:0;list-style:none;max-height:460px;overflow-y:auto;scrollbar-color:var(--border) transparent;scrollbar-width:thin} :where(.vr-tutoriales-v2) .step-link{display:flex;align-items:baseline;gap:14px;padding:11px 12px;width:100%;background:transparent;border:0;border-radius:5px;text-align:left;font-size:13px;color:var(--muted);line-height:1.5} :where(.vr-tutoriales-v2) .step-link>span:first-child{font-size:11px;color:var(--muted);min-width:20px} :where(.vr-tutoriales-v2) .step-link[aria-current=step]{background:var(--footer);color:var(--ink);font-weight:600} :where(.vr-tutoriales-v2) .step-link[aria-current=step]>span:first-child{color:var(--accent)} :where(.vr-tutoriales-v2) .step-link:hover{background:var(--paper);color:var(--ink)} :where(.vr-tutoriales-v2) .course-player{min-width:0;background:var(--white);border:1px solid var(--border);border-radius:10px;overflow:hidden} :where(.vr-tutoriales-v2) .player-toolbar{padding:17px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:16px} :where(.vr-tutoriales-v2) .current-step{font-size:12px;color:var(--accent);font-weight:600;letter-spacing:.035em} :where(.vr-tutoriales-v2) .play-button{border:0;background:transparent;font-size:12px;color:var(--muted);padding:6px 0} :where(.vr-tutoriales-v2) .play-button:hover{color:var(--accent)} :where(.vr-tutoriales-v2) .lesson-body{padding:34px 28px;min-height:270px} :where(.vr-tutoriales-v2) .vret-step__number{display:block;color:var(--accent);font-family:var(--serif);font-size:48px;line-height:1;margin-bottom:17px} :where(.vr-tutoriales-v2) .vret-step h3{font-family:var(--serif);font-weight:400;font-size:33px;line-height:1.1;margin-bottom:18px} :where(.vr-tutoriales-v2) .vret-step p{font-size:15px;line-height:1.75} :where(.vr-tutoriales-v2) .vret-step aside{margin-top:24px;border-left:2px solid var(--accent);padding:8px 0 8px 16px;color:var(--muted);font-size:13px;line-height:1.65} :where(.vr-tutoriales-v2) .vret-step aside span{color:var(--accent);margin-right:7px} :where(.vr-tutoriales-v2) .vret-step[hidden]{display:none} :where(.vr-tutoriales-v2) .player-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--border);padding:18px 28px} :where(.vr-tutoriales-v2) .previous,:where(.vr-tutoriales-v2) .next{border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--ink);padding:9px 17px;font-size:13px} :where(.vr-tutoriales-v2) .next{border-color:var(--ink);background:var(--ink);color:var(--paper)} :where(.vr-tutoriales-v2) .all-steps{font-size:12px;color:var(--muted);text-decoration:none;white-space:nowrap} :where(.vr-tutoriales-v2) .course-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:18px;border:1px solid var(--border);border-radius:8px;padding:14px 18px;background:var(--footer)} :where(.vr-tutoriales-v2) .course-note strong{color:var(--ink);font-weight:600} :where(.vr-tutoriales-v2) .editor-outline{margin-top:20px;color:var(--muted);font-size:12px;padding:12px 16px;border-left:1px solid var(--border);white-space:pre-line} :where(.vr-tutoriales-v2) .closing{border-top:1px solid var(--border);padding:36px 0 52px;display:flex;align-items:center;justify-content:space-between;gap:32px} :where(.vr-tutoriales-v2) .closing h2{font-size:34px} :where(.vr-tutoriales-v2) .closing p{font-size:14px;margin-top:8px} :where(.vr-tutoriales-v2) .closing-links{display:flex;align-items:center;gap:22px} :where(.vr-tutoriales-v2) .closing-links>a:not(.pill){font-size:13px;text-decoration:none;white-space:nowrap} :where(.vr-tutoriales-v2) footer{background:var(--footer);border-top:1px solid var(--border);padding:38px 0 30px} :where(.vr-tutoriales-v2) .footer-top{display:flex;justify-content:space-between;gap:36px} :where(.vr-tutoriales-v2) .footer-top p{font-size:12px;margin-top:12px;max-width:380px} :where(.vr-tutoriales-v2) .footer-links{display:flex;align-items:start;gap:28px;font-size:12px} :where(.vr-tutoriales-v2) .footer-links a{color:var(--muted);text-decoration:none} :where(.vr-tutoriales-v2) .footer-bottom{font-size:11px;color:var(--muted);margin-top:30px;display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:18px} :where(.vr-tutoriales-v2) .noscript{padding:18px;border:1px solid var(--border);border-radius:8px;margin:20px 0;background:var(--footer);font-size:13px} :where(.vr-tutoriales-v2) .noscript p{color:var(--ink)} @media(max-width:1000px){:where(.vr-tutoriales-v2) .site-nav{gap:18px} :where(.vr-tutoriales-v2) .account-nav{gap:12px} :where(.vr-tutoriales-v2) .course-grid{grid-template-columns:290px minmax(0,1fr);gap:22px} :where(.vr-tutoriales-v2) .header-inner{gap:18px} :where(.vr-tutoriales-v2) .all-steps{display:none}} @media(max-width:760px){.vr-tutoriales-v2{scroll-padding-top:22px} :where(.vr-tutoriales-v2) .wrap{width:calc(100% - 36px)} :where(.vr-tutoriales-v2) .header-inner{min-height:68px} :where(.vr-tutoriales-v2) .site-nav,:where(.vr-tutoriales-v2) .account-nav{display:none} :where(.vr-tutoriales-v2) .mobile-menu{display:block;position:relative} :where(.vr-tutoriales-v2) .mobile-menu summary{padding:8px 0;cursor:pointer;font-size:13px;list-style:none} :where(.vr-tutoriales-v2) .mobile-menu summary::-webkit-details-marker{display:none} :where(.vr-tutoriales-v2) .mobile-menu nav{position:absolute;right:0;top:40px;z-index:10;background:var(--paper);border:1px solid var(--border);padding:12px;display:grid;min-width:180px;box-shadow:0 12px 30px #14110e0a;border-radius:8px} :where(.vr-tutoriales-v2) .mobile-menu nav a{padding:9px 12px;font-size:14px;text-decoration:none;color:var(--ink)} :where(.vr-tutoriales-v2) .hero{padding:38px 0 16px} :where(.vr-tutoriales-v2) .hero p{font-size:15px;margin-top:18px} :where(.vr-tutoriales-v2) .section-nav{gap:24px;margin-top:27px;padding-bottom:15px} :where(.vr-tutoriales-v2) .section-nav a{font-size:13px} :where(.vr-tutoriales-v2) .section-nav span{margin-left:4px;font-size:10px} :where(.vr-tutoriales-v2) .page-section{padding:32px 0 40px} :where(.vr-tutoriales-v2) .section-header{margin-bottom:24px;display:block} :where(.vr-tutoriales-v2) .section-header p{font-size:14px;margin-top:13px} :where(.vr-tutoriales-v2) .count{display:block;margin-top:14px;font-size:11px} :where(.vr-tutoriales-v2) .video-grid{grid-template-columns:1fr;gap:32px} :where(.vr-tutoriales-v2) .video h3{font-size:18px} :where(.vr-tutoriales-v2) .video-copy{padding-top:15px} :where(.vr-tutoriales-v2) .video p{font-size:13px} :where(.vr-tutoriales-v2) .course-grid{grid-template-columns:1fr;gap:16px} :where(.vr-tutoriales-v2) .course-index>summary{padding:15px 17px} :where(.vr-tutoriales-v2) .course-index ol{max-height:280px} :where(.vr-tutoriales-v2) .player-toolbar{padding:14px 20px} :where(.vr-tutoriales-v2) .lesson-body{padding:26px 20px;min-height:250px} :where(.vr-tutoriales-v2) .vret-step h3{font-size:30px} :where(.vr-tutoriales-v2) .vret-step p{font-size:14px} :where(.vr-tutoriales-v2) .player-controls{padding:16px 20px} :where(.vr-tutoriales-v2) .course-note{padding:13px 15px} :where(.vr-tutoriales-v2) .editor-outline{font-size:11px} :where(.vr-tutoriales-v2) .closing{padding:30px 0 38px;display:block} :where(.vr-tutoriales-v2) .closing-links{margin-top:22px;gap:18px} :where(.vr-tutoriales-v2) .footer-top{display:block} :where(.vr-tutoriales-v2) .footer-links{margin-top:24px;flex-wrap:wrap;gap:17px} :where(.vr-tutoriales-v2) .footer-bottom{display:block} :where(.vr-tutoriales-v2) .footer-bottom span{display:block;margin-top:7px}} @media(prefers-reduced-motion:reduce){.vr-tutoriales-v2{scroll-behavior:auto}} :where(.vr-tutoriales-v2) .demo-wrap.vret-course-player{margin:0;padding:0;width:100%;border:0;border-radius:0;box-shadow:none;background:none;overflow:hidden} :where(.vr-tutoriales-v2) .demo-wrap figcaption{padding:10px 20px;color:var(--muted);font-size:11px;border-bottom:1px solid var(--border);background:var(--paper)} :where(.vr-tutoriales-v2) .demo-wrap .vret-stage{min-height:420px;height:420px;aspect-ratio:auto} :where(.vr-tutoriales-v2) .demo-wrap .vret-editor__status{gap:4px} :where(.vr-tutoriales-v2) .demo-wrap .vret-editor__top{padding:9px} :where(.vr-tutoriales-v2) .demo-wrap .vret-editor__crumb{font-size:8px} :where(.vr-tutoriales-v2) .demo-wrap .vret-editor__tabs{font-size:8px} :where(.vr-tutoriales-v2) .demo-wrap .vret-editor__status span{font-size:6px;padding:4px 5px} @media(max-width:760px){:where(.vr-tutoriales-v2) .demo-wrap .vret-stage{min-height:290px;height:290px} :where(.vr-tutoriales-v2) .demo-wrap .vret-editor__tabs{display:none} :where(.vr-tutoriales-v2) .demo-wrap .vret-editor__status span{font-size:5px;padding:3px} :where(.vr-tutoriales-v2) .demo-wrap .vret-editor__crumb{font-size:6px} :where(.vr-tutoriales-v2) .demo-wrap .vret-editor__top{padding:6px} :where(.vr-tutoriales-v2) .demo-wrap figcaption{padding:8px 16px;font-size:10px}} :where(.vr-tutoriales-v2) .footer-legal{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;font-size:12px} :where(.vr-tutoriales-v2) .footer-legal a{color:var(--muted);text-decoration:none} .v3.vr-tutoriales-shell{background:#FAF8F5;color:#14110E}.vr-tutoriales-v2{padding:0 0 1px;margin:0;width:100%;max-width:none}.vr-tutoriales-v2 .wrap{width:min(1180px,calc(100% - 64px));margin:auto}.vr-tutoriales-v2 [id],.vr-tutoriales-v2 .course-player{scroll-margin-top:92px}.vr-tutoriales-v2 .course-index>summary::after{content:'−'}.vr-tutoriales-v2 .course-index:not([open])>summary::after{content:'+'}@media(max-width:760px){.vr-tutoriales-v2 .wrap{width:calc(100% - 36px)}}@media(prefers-reduced-motion:reduce){.vr-tutoriales-v2,.vr-tutoriales-v2 *{scroll-behavior:auto!important}.vr-tutoriales-v2 .demo-wrap *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}