:root{--spv-blue:#0757a6;--spv-navy:#07345f;--spv-cyan:#15a5c7;--spv-bg:#f4f8fc;--spv-text:#17324d;--spv-muted:#61758a;--spv-line:#dbe6ef}
.spv-tutorials{background:var(--spv-bg);color:var(--spv-text);min-height:70vh;font-family:inherit}.spv-tutorials *{box-sizing:border-box}
.spv-tutorials__hero{padding:86px 22px 64px;background:linear-gradient(130deg,#063664 0%,#076bad 62%,#12a8c4 100%);color:#fff;text-align:center}.spv-tutorials__hero-inner{max-width:880px;margin:auto}.spv-tutorials__eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:12px;color:#c7f3ff;margin-bottom:12px}.spv-tutorials__hero h1{font-size:clamp(38px,5vw,62px);line-height:1.05;margin:0 0 16px;color:#fff}.spv-tutorials__hero p{font-size:19px;line-height:1.6;max-width:720px;margin:0 auto 28px;color:#e8f7ff}.spv-tutorials__search{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;max-width:650px;margin:auto;padding:0 20px;box-shadow:0 15px 40px #00264a52;color:var(--spv-blue)}.spv-tutorials__search span{font-size:26px}.spv-tutorials__search input{border:0;outline:0;width:100%;padding:17px 0;font-size:16px;color:var(--spv-text);background:transparent}
.spv-tutorials__body,.spv-tutorial__body{width:min(1180px,calc(100% - 36px));margin:auto;padding:42px 0 70px}.spv-tutorials__tabs{display:flex;gap:10px;margin-bottom:35px;border-bottom:1px solid var(--spv-line)}.spv-tutorials__tabs button{border:0;background:transparent;padding:15px 20px;color:var(--spv-muted);font-size:16px;font-weight:750;border-bottom:3px solid transparent;cursor:pointer}.spv-tutorials__tabs button.is-active{color:var(--spv-blue);border-color:var(--spv-cyan)}.spv-tutorials__tabs small{display:inline-grid;place-items:center;background:#e5eef7;border-radius:999px;min-width:25px;height:25px;margin-left:7px}
.spv-tutorials__group{display:none}.spv-tutorials__group.is-active{display:block}.spv-tutorials__group-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.spv-tutorials__group-head h2{font-size:30px;margin:0 0 7px;color:var(--spv-navy)}.spv-tutorials__group-head p{margin:0;color:var(--spv-muted)}.spv-tutorials__group-head>a{color:var(--spv-blue);font-weight:750;text-decoration:none;white-space:nowrap}.spv-tutorials__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.spv-video-card{background:#fff;border:1px solid var(--spv-line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #143d6610;transition:.22s transform,.22s box-shadow}.spv-video-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px #143d6624}.spv-video-card__thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#d7e4ef}.spv-video-card__thumb img{width:100%;height:100%;object-fit:cover;transition:.35s transform}.spv-video-card:hover img{transform:scale(1.035)}.spv-video-card__play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#ef2b35;color:#fff;padding-left:4px;box-shadow:0 8px 22px #0005}.spv-video-card__number{position:absolute;left:12px;bottom:12px;background:#07345fea;color:#fff;border-radius:7px;padding:5px 9px;font-weight:800;font-size:13px}.spv-video-card__copy{padding:20px}.spv-video-card__copy h3{font-size:19px;line-height:1.35;margin:0 0 9px}.spv-video-card__copy h3 a{color:var(--spv-navy);text-decoration:none}.spv-video-card__copy p{color:var(--spv-muted);font-size:14px;line-height:1.55;margin:0 0 17px}.spv-video-card__link{color:var(--spv-blue);font-weight:750;text-decoration:none;font-size:14px}.spv-video-card__link span{transition:.2s margin;margin-left:4px}.spv-video-card:hover .spv-video-card__link span{margin-left:8px}.spv-tutorials__empty{padding:60px;text-align:center;color:var(--spv-muted)}.spv-tutorials__empty strong,.spv-tutorials__empty span{display:block;margin:5px}
.spv-tutorial__body{padding-top:120px;max-width:1080px}.spv-tutorial__crumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--spv-muted);font-size:14px;margin-bottom:30px}.spv-tutorial__crumbs a{color:var(--spv-blue);text-decoration:none}.spv-tutorial__head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.spv-tutorial__head h1{font-size:clamp(34px,5vw,52px);line-height:1.08;margin:0 0 12px;color:var(--spv-navy)}.spv-tutorial__head p{margin:0;color:var(--spv-muted);font-size:18px}.spv-tutorial__head .spv-tutorials__eyebrow{color:var(--spv-blue)}.spv-tutorial__share{border:1px solid #b9ccdc;background:#fff;color:var(--spv-blue);border-radius:10px;padding:12px 16px;font-weight:750;cursor:pointer;white-space:nowrap}.spv-tutorial__video{aspect-ratio:16/9;background:#00192f;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px #07345f35}.spv-tutorial__video iframe{width:100%;height:100%;border:0}.spv-tutorial__tip{display:flex;gap:15px;margin:28px 0;padding:18px 22px;border-left:4px solid var(--spv-cyan);border-radius:8px;background:#e8f7fb}.spv-tutorial__tip strong{color:var(--spv-blue)}.spv-tutorial__tip p{margin:0;color:var(--spv-muted)}.spv-tutorial__pager{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.spv-tutorial__pager>a{display:flex;flex-direction:column;gap:5px;border:1px solid var(--spv-line);border-radius:13px;padding:18px;background:#fff;text-decoration:none;color:var(--spv-navy)}.spv-tutorial__pager a.is-next{text-align:right}.spv-tutorial__pager small{color:var(--spv-blue);font-weight:700}.spv-tutorial__all{text-align:center;margin-top:30px}.spv-tutorial__all a{color:var(--spv-blue);font-weight:750;text-decoration:none}.spv-menu-instructivos{color:var(--spv-blue)!important;font-weight:800!important}
@media(max-width:900px){.spv-tutorials__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spv-tutorial__body{padding-top:95px}}
@media(max-width:640px){.spv-tutorials__hero{padding:65px 18px 48px}.spv-tutorials__grid{grid-template-columns:1fr}.spv-tutorials__tabs{display:grid;grid-template-columns:1fr;margin-bottom:28px}.spv-tutorials__tabs button{text-align:left}.spv-tutorials__group-head,.spv-tutorial__head{display:block}.spv-tutorials__group-head>a{display:inline-block;margin-top:14px}.spv-tutorial__share{margin-top:18px}.spv-tutorial__pager{grid-template-columns:1fr}.spv-tutorial__pager a.is-next{text-align:left}.spv-tutorial__tip{display:block}.spv-tutorial__tip strong{display:block;margin-bottom:5px}}