:root {
--pensamos-ink: #1f2a44;
--pensamos-ink-soft: #5f6b84;
--pensamos-deep: #0d1c31;
--pensamos-accent: #f08a24;
--pensamos-soft: #eef6fb;
--pensamos-surface: #ffffff;
--pensamos-surface-soft: #f8fbfe;
--pensamos-line: #dde6f0;
--pensamos-line-strong: #cad7e6;
--pensamos-success: #2b8f6e;
--pensamos-shadow: 0 18px 40px rgba(13, 28, 49, 0.08);
--pensamos-shadow-strong: 0 34px 80px rgba(13, 28, 49, 0.12);
--pensamos-radius-md: 24px;
--pensamos-radius-lg: 30px;
--pensamos-radius-pill: 999px;
--pensamos-space-1: 8px;
--pensamos-space-2: 12px;
--pensamos-space-3: 16px;
--pensamos-space-4: 20px;
--pensamos-space-5: 24px;
--pensamos-space-6: 32px;
--pensamos-space-7: 40px;
--pensamos-space-8: 56px;
--pensamos-space-9: 72px;
--pensamos-content-max: 1320px;
--pensamos-section-gap: clamp(56px, 8vw, 88px);
--pensamos-radius: var(--pensamos-radius-md);
--pensamos-home-bg: radial-gradient(circle at top left, rgba(59, 130, 246, 0.2), transparent 30%), linear-gradient(180deg, #eef6fb 0%, #f9fbfd 55%, #ffffff 100%);
--pensamos-highlight: #4f7cff;
}
.pensamarket-page #masthead,
.pensamarket-page .site-header,
.pensamarket-page #ast-desktop-header,
.pensamarket-page #ast-mobile-header,
.pensamarket-page .ast-above-header-wrap,
.pensamarket-page .ast-primary-header-bar,
.pensamarket-page .ast-below-header-wrap {
display: none !important;
}
.pensamarket-page #content,
.pensamarket-page .site-content {
margin: 0;
padding: 0;
}
.pensamarket-page .ast-container,
.pensamarket-page .site-content > .ast-container {
max-width: none !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
display: block !important;
}
.pensamos-course-guide-page .site-content > .ast-container,
.page-template-course-hub .site-content > .ast-container,
.page-template-templates-course-hub .site-content > .ast-container {
max-width: none !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
display: block !important;
}
.pensamarket-page #primary.content-area {
width: 100%;
margin: 0;
padding: 0;
}
.pensamos-course-guide-page #primary.content-area,
.page-template-course-hub #primary.content-area,
.page-template-templates-course-hub #primary.content-area {
width: 100%;
margin: 0;
padding: 0;
}
.pensamarket-page.ast-plain-container.ast-no-sidebar #primary,
.pensamarket-page.ast-plain-container.ast-no-sidebar #primary.content-area {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.pensamos-course-guide-page.ast-plain-container.ast-no-sidebar #primary,
.pensamos-course-guide-page.ast-plain-container.ast-no-sidebar #primary.content-area,
.page-template-course-hub.ast-plain-container.ast-no-sidebar #primary,
.page-template-course-hub.ast-plain-container.ast-no-sidebar #primary.content-area,
.page-template-templates-course-hub.ast-plain-container.ast-no-sidebar #primary,
.page-template-templates-course-hub.ast-plain-container.ast-no-sidebar #primary.content-area {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.pensamarket-page .site-content,
.pensamarket-page .site-main,
.pensamarket-page .pensamarket,
.pensamarket-page .pensamos-course-hub {
width: 100%;
max-width: none;
margin: 0;
padding-inline: 0;
}
.pensamos-course-guide-page .site-content,
.pensamos-course-guide-page .site-main,
.pensamos-course-guide-page .pensamos-course-guide,
.page-template-course-hub .site-content,
.page-template-course-hub .site-main,
.page-template-course-hub .pensamos-course-guide,
.page-template-templates-course-hub .site-content,
.page-template-templates-course-hub .site-main,
.page-template-templates-course-hub .pensamos-course-guide {
width: 100%;
max-width: none;
margin: 0;
padding-inline: 0;
}
body {
color: var(--pensamos-ink);
background: linear-gradient(180deg, #f6fafc 0%, #fbfcfe 54%, #ffffff 100%);
font-feature-settings: "liga" 1, "kern" 1;
text-rendering: optimizeLegibility;
}
body.pensamarket-page {
background: #ffffff;
}
a,
button,
[role="button"],
input[type="submit"],
input[type="button"],
.pensamarket-chip {
-webkit-tap-highlight-color: transparent;
}
.pensamarket-page #page {
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: 100dvh;
background: #ffffff;
}
.pensamos-course-guide__tracker-shell {
margin-bottom: 28px;
}
.pensamos-course-guide__tracker-shell .pensamos-route-tracker {
margin-bottom: 0;
}
.pensamos-home,
.pensamos-course-hub,
.pensamos-module,
.pensamos-lesson {
padding: var(--pensamos-space-6) 0 0;
}
.pensamarket.pensamos-course-hub,
.pensamarket-page .pensamos-course-hub {
padding-top: 0;
}
.pensamos-home {
background: var(--pensamos-home-bg);
}
.pensamos-shell {
width: min(var(--pensamos-content-max), calc(100% - 56px));
margin: 0 auto;
}
.pensamos-intent-hero,
.pensamos-hero {
display: grid;
grid-template-columns: 1.15fr 0.95fr;
gap: 24px;
align-items: stretch;
margin-bottom: 28px;
}
.pensamos-intent-hero {
position: relative;
padding: 34px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.65);
border-radius: 32px;
background: rgba(255, 255, 255, 0.55);
backdrop-filter: blur(18px);
box-shadow: var(--pensamos-shadow-strong);
isolation: isolate;
}
.pensamos-intent-hero--compact {
min-height: 510px;
max-height: 510px;
padding: 22px;
grid-template-columns: 1.2fr 0.88fr;
}
.pensamos-intent-backdrop {
position: absolute;
inset: 0;
pointer-events: none;
}
.pensamos-orb,
.pensamos-grid-glow {
position: absolute;
border-radius: 999px;
filter: blur(4px);
opacity: 0.7;
}
.pensamos-orb {
animation: pensamosFloat 12s ease-in-out infinite;
}
.pensamos-orb--one {
top: -42px;
right: 12%;
width: 180px;
height: 180px;
background: radial-gradient(circle, rgba(79, 124, 255, 0.5), transparent 70%);
}
.pensamos-orb--two {
right: -30px;
bottom: 15%;
width: 220px;
height: 220px;
background: radial-gradient(circle, rgba(240, 138, 36, 0.38), transparent 68%);
animation-delay: -3s;
}
.pensamos-orb--three {
left: 40%;
bottom: -70px;
width: 200px;
height: 200px;
background: radial-gradient(circle, rgba(43, 143, 110, 0.34), transparent 70%);
animation-delay: -6s;
}
.pensamos-grid-glow {
inset: auto auto -120px -100px;
width: 360px;
height: 360px;
background:
linear-gradient(rgba(255, 255, 255, 0.18) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.18) 1px, transparent 1px);
background-size: 22px 22px;
mask-image: radial-gradient(circle, rgba(0, 0, 0, 1), transparent 72%);
opacity: 0.55;
}
.pensamos-intent-copy,
.pensamos-intent-panel {
position: relative;
z-index: 1;
}
.pensamos-intent-copy {
display: flex;
flex-direction: column;
justify-content: center;
padding: 6px 0;
}
.pensamos-intent-hero--compact .pensamos-intent-copy {
justify-content: flex-start;
padding: 6px 10px 6px 0;
}
.pensamos-kicker {
margin: 0 0 14px;
font-size: 0.95rem;
font-weight: 700;
letter-spacing: 0.03em;
color: var(--pensamos-highlight);
text-transform: uppercase;
}
.pensamos-hero-card,
.pensamos-panel,
.pensamos-card,
.pensamos-feature,
.pensamos-resource-box,
.pensamos-lesson-box,
.pensamos-note,
.pensamos-intent-panel {
background: var(--pensamos-surface);
border: 1px solid var(--pensamos-line);
border-radius: var(--pensamos-radius);
box-shadow: var(--pensamos-shadow);
}
.pensamos-hero-card {
padding: 36px;
background: linear-gradient(140deg, #f7fbff 0%, #eef6fb 55%, #fff3e6 100%);
}
.pensamos-intent-copy h1,
.pensamos-hero-card h1,
.pensamos-course-hub h1,
.pensamos-module h1,
.pensamos-lesson h1 {
margin: 0 0 16px;
font-size: clamp(2.4rem, 5vw, 4.5rem);
line-height: 0.98;
letter-spacing: -0.05em;
max-width: 10ch;
}
.pensamos-intent-hero--compact .pensamos-intent-copy h1 {
font-size: clamp(2.2rem, 4.2vw, 3.8rem);
max-width: 11ch;
margin-bottom: 12px;
}
.pensamos-intent-copy .pensamos-intro,
.pensamos-hero-card p,
.pensamos-course-hub .pensamos-intro,
.pensamos-module .pensamos-intro,
.pensamos-lesson .pensamos-intro {
font-size: 1.05rem;
line-height: 1.75;
margin: 0 0 18px;
max-width: 58ch;
}
.pensamos-intent-hero--compact .pensamos-intro {
font-size: 1rem;
line-height: 1.65;
margin-bottom: 14px;
}
.pensamos-intent-copy.is-swapping h1,
.pensamos-intent-copy.is-swapping .pensamos-intro,
.pensamos-intent-copy.is-swapping .pensamos-kicker,
.pensamos-intent-copy.is-swapping .pensamos-intention-points,
.pensamos-intent-copy.is-swapping .pensamos-actions {
opacity: 0;
transform: translateY(8px);
}
.pensamos-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--pensamos-success);
margin-bottom: 16px;
}
.pensamos-actions,
.pensamos-meta-row,
.pensamos-kpis,
.pensamos-lesson-nav {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.pensamos-button,
.pensamos-button:visited {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 54px;
padding: 0 26px;
border-radius: var(--pensamos-radius-pill);
background: linear-gradient(135deg, var(--pensamos-deep) 0%, color-mix(in srgb, var(--pensamos-deep) 74%, var(--pensamos-highlight) 26%) 100%);
color: #fff;
font-weight: 700;
font-size: 0.97rem;
letter-spacing: -0.015em;
text-decoration: none;
box-shadow: 0 14px 28px rgba(13, 28, 49, 0.14);
transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.pensamos-button:hover,
.pensamos-button:focus-visible {
transform: translateY(-2px);
box-shadow: 0 18px 32px rgba(13, 28, 49, 0.18);
}
.pensamos-button--ghost,
.pensamos-button--ghost:visited {
background: rgba(255, 255, 255, 0.9);
color: var(--pensamos-deep);
border: 1px solid rgba(23, 50, 77, 0.12);
box-shadow: 0 8px 20px rgba(13, 28, 49, 0.05);
}
.pensamos-text-link,
.pensamos-text-link:visited {
color: var(--pensamos-deep);
font-weight: 700;
text-decoration: none;
letter-spacing: -0.015em;
}
.pensamos-intent-panel {
padding: 26px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(245, 250, 255, 0.9) 100%);
}
.pensamos-intent-panel--compact {
display: flex;
flex-direction: column;
overflow: hidden;
}
.pensamos-panel {
padding: 28px;
background: linear-gradient(180deg, #0f2538 0%, #17324d 100%);
color: #f8fbff;
}
.pensamos-panel h2,
.pensamos-panel h3 {
color: #fff;
margin-top: 0;
}
.pensamos-intent-panel h2,
.pensamos-intent-panel h3 {
margin-top: 0;
}
.pensamos-panel ul,
.pensamos-module-content ul,
.pensamos-lesson-content ul,
.pensamos-resource-box ul,
.pensamos-intention-points {
margin: 0;
padding-left: 18px;
}
.pensamos-intention-points {
display: grid;
gap: 10px;
margin-top: 18px;
padding-left: 0;
list-style: none;
transition: opacity 220ms ease, transform 220ms ease;
}
.pensamos-intent-hero--compact .pensamos-intention-points {
gap: 8px;
margin-top: 14px;
}
.pensamos-intent-hero--compact .pensamos-intention-points li {
font-size: 0.95rem;
line-height: 1.45;
}
.pensamos-intention-points li {
position: relative;
padding-left: 20px;
font-weight: 600;
}
.pensamos-intention-points li::before {
content: "";
position: absolute;
left: 0;
top: 0.7em;
width: 8px;
height: 8px;
border-radius: 999px;
background: var(--pensamos-highlight);
transform: translateY(-50%);
}
.pensamos-intent-panel-head p {
margin: 0 0 18px;
line-height: 1.7;
}
.pensamos-intent-panel--compact .pensamos-intent-panel-head p {
margin-bottom: 14px;
font-size: 0.96rem;
line-height: 1.55;
}
.pensamos-intent-options {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.pensamos-intent-panel--compact .pensamos-intent-options {
grid-template-columns: 1fr;
gap: 10px;
overflow: auto;
padding-right: 4px;
}
.pensamos-intent-option {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 14px 14px 14px 16px;
border: 1px solid rgba(23, 50, 77, 0.09);
border-radius: 18px;
background: rgba(255, 255, 255, 0.72);
color: var(--pensamos-deep);
font-weight: 700;
text-align: left;
cursor: pointer;
overflow: hidden;
transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}
.pensamos-intent-panel--compact .pensamos-intent-option {
padding: 12px 12px 12px 14px;
border-radius: 16px;
}
.pensamos-intent-panel--compact .pensamos-intent-option__label {
font-size: 0.95rem;
}
.pensamos-intent-option:hover,
.pensamos-intent-option:focus-visible {
transform: translateY(-2px);
border-color: rgba(79, 124, 255, 0.26);
box-shadow: 0 14px 26px rgba(79, 124, 255, 0.12);
}
.pensamos-intent-option.is-active {
background: linear-gradient(135deg, rgba(79, 124, 255, 0.12) 0%, rgba(255, 255, 255, 0.96) 100%);
border-color: rgba(79, 124, 255, 0.28);
}
.pensamos-intent-option__label {
position: relative;
z-index: 1;
}
.pensamos-intent-option__pulse {
position: absolute;
right: -18px;
top: 50%;
width: 72px;
height: 72px;
border-radius: 999px;
background: radial-gradient(circle, rgba(79, 124, 255, 0.18), transparent 70%);
transform: translateY(-50%);
transition: transform 220ms ease, opacity 220ms ease;
}
.pensamos-intent-option.is-active .pensamos-intent-option__pulse {
transform: translateY(-50%) scale(1.1);
}
.pensamos-grid-2,
.pensamos-grid-3,
.pensamos-card-grid {
display: grid;
gap: 24px;
}
.pensamos-grid-2 {
grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
}
.pensamos-grid-3,
.pensamos-card-grid {
grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
}
.pensamos-feature,
.pensamos-card,
.pensamos-resource-box,
.pensamos-lesson-box,
.pensamos-note {
padding: 28px;
transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.pensamos-card:hover,
.pensamos-feature:hover,
.pensamos-resource-box:hover,
.pensamos-note:hover {
transform: translateY(-4px);
border-color: rgba(31, 42, 68, 0.12);
box-shadow: 0 24px 48px rgba(11, 29, 44, 0.1);
}
.pensamos-section {
margin-top: var(--pensamos-section-gap);
}
.pensamos-section h2 {
margin: 0 0 12px;
font-size: clamp(2rem, 3vw, 2.8rem);
line-height: 1.04;
letter-spacing: -0.04em;
}
.pensamos-section p {
line-height: 1.72;
color: var(--pensamos-ink-soft);
}
.pensamos-kpis {
margin-top: 20px;
}
.pensamos-kpi {
min-width: 150px;
padding: 18px 20px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.68);
border: 1px solid rgba(23, 50, 77, 0.08);
backdrop-filter: blur(6px);
}
.pensamos-kpi strong {
display: block;
font-size: 1.8rem;
line-height: 1;
}
.pensamos-card h3,
.pensamos-feature h3,
.pensamos-resource-box h3,
.pensamos-lesson-box h3 {
margin-top: 0;
}
.pensamos-module-header,
.pensamos-lesson-header {
margin-bottom: 24px;
}
.pensamos-breadcrumbs {
display: inline-flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 14px;
font-size: 0.95rem;
}
.pensamos-breadcrumbs a {
color: var(--pensamos-success);
text-decoration: none;
}
.pensamos-module-content,
.pensamos-lesson-content {
background: var(--pensamos-surface);
border: 1px solid var(--pensamos-line);
border-radius: var(--pensamos-radius);
padding: 28px;
box-shadow: var(--pensamos-shadow);
line-height: 1.8;
}
.pensamos-lesson-meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 18px;
}
.pensamos-lesson-meta span {
display: inline-flex;
align-items: center;
padding: 8px 12px;
border-radius: 999px;
background: var(--pensamos-soft);
font-weight: 600;
}
.pensamos-empty {
padding: 24px;
border-radius: var(--pensamos-radius);
background: #fff8ef;
border: 1px solid #ffd7ab;
}
.page .entry-header {
display: none;
}
[data-tone="memory"] {
--pensamos-highlight: #4f7cff;
--pensamos-home-bg: radial-gradient(circle at top left, rgba(79, 124, 255, 0.24), transparent 28%), linear-gradient(180deg, #eef4ff 0%, #f8fbff 50%, #ffffff 100%);
}
[data-tone="work"] {
--pensamos-highlight: #0f9d8c;
--pensamos-home-bg: radial-gradient(circle at top left, rgba(15, 157, 140, 0.2), transparent 28%), linear-gradient(180deg, #edfdf9 0%, #f7fcfb 52%, #ffffff 100%);
}
[data-tone="focus"] {
--pensamos-highlight: #8d5cf6;
--pensamos-home-bg: radial-gradient(circle at top left, rgba(141, 92, 246, 0.22), transparent 28%), linear-gradient(180deg, #f3efff 0%, #faf8ff 52%, #ffffff 100%);
}
[data-tone="calm"] {
--pensamos-highlight: #3a95a8;
--pensamos-home-bg: radial-gradient(circle at top left, rgba(58, 149, 168, 0.2), transparent 30%), linear-gradient(180deg, #eefafd 0%, #f9fcfd 52%, #ffffff 100%);
}
[data-tone="coach"] {
--pensamos-highlight: #e05b68;
--pensamos-home-bg: radial-gradient(circle at top left, rgba(224, 91, 104, 0.22), transparent 28%), linear-gradient(180deg, #fff1f2 0%, #fff9f9 52%, #ffffff 100%);
}
[data-tone="languages"] {
--pensamos-highlight: #2b8f6e;
--pensamos-home-bg: radial-gradient(circle at top left, rgba(43, 143, 110, 0.2), transparent 30%), linear-gradient(180deg, #eefbf5 0%, #f8fcfa 52%, #ffffff 100%);
}
[data-tone="exam"] {
--pensamos-highlight: #f08a24;
--pensamos-home-bg: radial-gradient(circle at top left, rgba(240, 138, 36, 0.22), transparent 30%), linear-gradient(180deg, #fff5ea 0%, #fffaf5 52%, #ffffff 100%);
}
[data-tone="ai"] {
--pensamos-highlight: #111827;
--pensamos-home-bg: radial-gradient(circle at top left, rgba(99, 102, 241, 0.22), transparent 26%), linear-gradient(180deg, #eff2ff 0%, #f8f9ff 52%, #ffffff 100%);
}
@keyframes pensamosFloat {
0%,
100% {
transform: translate3d(0, 0, 0) scale(1);
}
50% {
transform: translate3d(0, -16px, 0) scale(1.04);
}
}
@media (prefers-reduced-motion: reduce) {
.pensamos-orb,
.pensamos-card,
.pensamos-feature,
.pensamos-resource-box,
.pensamos-note,
.pensamos-button,
.pensamos-intent-option,
.pensamos-intent-copy h1,
.pensamos-intent-copy .pensamos-intro,
.pensamos-intent-copy .pensamos-kicker,
.pensamos-intention-points,
.pensamos-actions {
animation: none !important;
transition: none !important;
}
}
@media (max-width: 921px) {
.pensamos-intent-hero,
.pensamos-hero {
grid-template-columns: 1fr;
}
.pensamos-home,
.pensamos-course-hub,
.pensamos-module,
.pensamos-lesson {
padding-top: 16px;
}
.pensamos-intent-hero {
padding: 22px;
}
.pensamos-intent-options {
grid-template-columns: 1fr;
}
.pensamos-intent-copy h1 {
max-width: none;
}
}
.pensamos-home,
.pensamos-course-hub,
.pensamos-module,
.pensamos-lesson,
.pensamos-course-guide,
.pensamos-classes-guide,
.pensamarket {
overflow-x: clip;
}
.pensamos-shell {
width: min(var(--pensamos-content-max), calc(100% - clamp(24px, 6vw, 56px)));
}
.pensamos-card,
.pensamos-feature,
.pensamos-resource-box,
.pensamos-lesson-box,
.pensamos-note,
.pensamos-course-block {
min-width: 0;
}
.pensamos-home img,
.pensamos-home svg,
.pensamos-home video,
.pensamos-home iframe,
.pensamos-course-hub img,
.pensamos-course-hub svg,
.pensamos-course-hub video,
.pensamos-course-hub iframe,
.pensamos-course-guide img,
.pensamos-course-guide svg,
.pensamos-course-guide video,
.pensamos-course-guide iframe,
.pensamos-classes-guide img,
.pensamos-classes-guide svg,
.pensamos-classes-guide video,
.pensamos-classes-guide iframe {
max-width: 100%;
height: auto;
}
@media (max-width: 1180px) {
.pensamos-intent-hero,
.pensamos-hero {
grid-template-columns: 1fr;
}
.pensamos-intent-hero--compact {
min-height: auto;
max-height: none;
}
}
@media (max-width: 921px) {
.pensamos-intent-options {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.pensamos-home,
.pensamos-course-hub,
.pensamos-module,
.pensamos-lesson {
padding-top: 20px;
}
.pensamos-intent-hero,
.pensamos-hero,
.pensamos-card,
.pensamos-feature,
.pensamos-resource-box,
.pensamos-lesson-box,
.pensamos-note,
.pensamos-course-block {
border-radius: 22px;
}
.pensamos-intent-hero,
.pensamos-hero {
padding: 20px;
}
}
@media (max-width: 480px) {
.pensamos-shell {
width: calc(100% - 24px);
}
.pensamos-intent-hero,
.pensamos-hero,
.pensamos-card,
.pensamos-feature,
.pensamos-resource-box,
.pensamos-lesson-box,
.pensamos-note {
padding: 16px;
}
}
.pensamarket {
position: relative;
--pensamarket-azure-ink: #0f2d4d;
--pensamarket-azure-blue: #0078d4;
--pensamarket-azure-cyan: #6dd4ff;
--pensamarket-azure-green: #3ee28f;
--pensamarket-azure-cloud: #d8e3e6;
--pensamarket-azure-fog: #f2f7f6;
background:
radial-gradient(ellipse at 16% 8%, rgba(224, 242, 254, 0.62), transparent 34%),
radial-gradient(ellipse at 82% 18%, rgba(187, 247, 208, 0.34), transparent 30%),
linear-gradient(112deg, rgba(255, 255, 255, 0.84) 0%, rgba(244, 249, 250, 0.74) 38%, rgba(236, 249, 246, 0.58) 68%, rgba(248, 252, 255, 0.98) 100%),
linear-gradient(180deg, #edf6f8 0%, #f7fbfa 42%, #ffffff 78%, #fbfefd 100%);
}
.pensamarket::before {
content: "";
position: absolute;
inset: 0 0 auto;
height: 700px;
background:
linear-gradient(118deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0) 34%, rgba(220, 248, 240, 0.26) 58%, rgba(255, 255, 255, 0) 82%),
radial-gradient(ellipse at 12% 12%, rgba(255, 255, 255, 0.44), transparent 28%),
radial-gradient(ellipse at 76% 18%, rgba(109, 212, 255, 0.16), transparent 22%),
radial-gradient(ellipse at 88% 34%, rgba(62, 226, 143, 0.12), transparent 18%);
pointer-events: none;
}
.pensamarket .pensamos-shell {
position: relative;
z-index: 1;
width: 100%;
max-width: none;
padding: 4px clamp(6px, 0.8vw, 10px) 4px;
}
@media (max-width: 1024px) {
.pensamarket .pensamos-shell {
padding-inline: 18px;
}
}
.pensamarket-strip {
margin: 0 auto;
padding: 7px clamp(18px, 3vw, 34px);
text-align: center;
font-size: 0.88rem;
font-weight: 600;
letter-spacing: 0.005em;
line-height: 1.4;
color: #f8fbff;
background:
linear-gradient(135deg, #0d2d4d 0%, #0d4470 38%, #0a68a6 72%, #0c86cf 100%);
border-bottom: 1px solid rgba(8, 19, 42, 0.34);
box-shadow:
inset 0 -1px 0 rgba(255, 255, 255, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.09);
position: relative;
overflow: hidden;
}
.pensamarket-strip::before {
content: "";
position: absolute;
inset: -40% -16%;
background:
linear-gradient(90deg, transparent 0%, rgba(225, 244, 245, 0) 8%, rgba(225, 244, 245, 0.5) 17%, rgba(225, 244, 245, 0) 27%, transparent 38%),
linear-gradient(90deg, transparent 22%, rgba(159, 214, 222, 0) 34%, rgba(159, 214, 222, 0.56) 48%, rgba(159, 214, 222, 0) 62%, transparent 74%),
linear-gradient(90deg, transparent 58%, rgba(93, 164, 188, 0) 68%, rgba(93, 164, 188, 0.42) 80%, rgba(93, 164, 188, 0) 90%, transparent 100%);
filter: blur(14px);
opacity: 0.94;
animation: pensamosStripImpulse 10s ease-in-out infinite alternate;
pointer-events: none;
}
.pensamarket-strip::after {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 14% 50%, rgba(236, 249, 250, 0.26), transparent 18%),
radial-gradient(circle at 50% 50%, rgba(177, 223, 229, 0.22), transparent 22%),
radial-gradient(circle at 84% 50%, rgba(64, 130, 162, 0.22), transparent 16%);
mix-blend-mode: screen;
opacity: 0.84;
animation: pensamosStripAura 12s ease-in-out infinite;
pointer-events: none;
}
.pensamarket-strip p {
margin: 0;
max-width: 74ch;
margin-inline: auto;
position: relative;
z-index: 1;
text-shadow: 0 1px 2px rgba(5, 14, 32, 0.42);
}
@keyframes pensamosStripImpulse {
0% {
transform: translateX(-16%) translateY(0);
}
100% {
transform: translateX(16%) translateY(0);
}
}
@keyframes pensamosStripAura {
0%,
100% {
transform: translateX(-4%) scaleX(1);
opacity: 0.58;
}
50% {
transform: translateX(4%) scaleX(1.08);
opacity: 0.86;
}
}
@media (max-width: 768px) {
.pensamarket-strip {
padding-inline: 18px;
font-size: 0.82rem;
line-height: 1.45;
}
}
.pensamarket-topbar {
display: grid;
grid-template-columns: auto 1fr auto auto;
justify-content: space-between;
gap: 0 18px;
align-items: center;
padding: 4px 20px;
margin-bottom: 5px;
border: 1px solid rgba(207, 219, 233, 0.9);
border-radius: var(--pensamos-radius-lg);
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 22px 44px rgba(13, 28, 49, 0.06);
backdrop-filter: blur(18px);
position: relative;
z-index: 8;
}
.pensamarket-topbar--compact {
grid-template-columns: auto 1fr auto;
}
.pensamarket-search-chips {
display: flex;
flex-direction: row;
align-items: center;
gap: 14px;
min-width: 0;
}
.pensamarket-cats--topbar {
display: flex;
flex-wrap: nowrap;
flex: 1 1 auto;
gap: 6px;
overflow-x: auto;
scrollbar-width: none;
padding: 4px 0;
margin: -4px 0;
min-width: 0;
}
.pensamarket-cats--topbar::-webkit-scrollbar {
display: none;
}
.pensamarket-cats--topbar .pensamarket-chip {
flex-shrink: 0;
min-height: 36px;
padding: 0 14px;
font-size: 0.88rem;
white-space: nowrap;
}
.pensamarket-cats--topbar .pensamarket-chip:hover,
.pensamarket-cats--topbar .pensamarket-chip:focus-visible {
transform: none;
}
.pensamarket-brand {
display: flex;
align-items: center;
flex: 0 0 auto;
min-width: 0;
}
.pensamarket-brand--logo {
text-decoration: none;
}
.pensamarket-brand__logo {
display: block;
width: auto;
height: clamp(2.2rem, 3.4vw, 2.9rem);
max-width: min(100%, 250px);
object-fit: contain;
}
.pensamarket-brand--logo:is(:hover, :focus-visible) .pensamarket-brand__logo {
filter: drop-shadow(0 10px 24px rgba(20, 61, 98, 0.12));
}
.pensamarket-search {
position: relative;
flex: 0 0 clamp(200px, 28vw, 380px);
width: clamp(200px, 28vw, 380px);
z-index: 12;
}
.pensamarket-search::before {
content: "";
position: absolute;
left: 16px;
top: 50%;
width: 14px;
height: 14px;
border: 2px solid #7f8aa1;
border-radius: 999px;
transform: translateY(-50%);
opacity: 0.85;
}
.pensamarket-search::after {
content: "";
position: absolute;
left: 28px;
top: calc(50% + 6px);
width: 7px;
height: 2px;
background: #7f8aa1;
border-radius: 999px;
transform: rotate(45deg);
transform-origin: left center;
opacity: 0.85;
}
.pensamarket-search input {
width: 100%;
height: 40px;
padding: 0 20px 0 48px;
border-radius: var(--pensamos-radius-pill);
border: 1px solid var(--pensamos-line-strong);
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
font-size: 1rem;
color: var(--pensamos-ink);
box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.03);
transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.pensamarket-search input::placeholder {
color: #7a869d;
}
.pensamarket-search input:focus {
border-color: rgba(79, 124, 255, 0.42);
box-shadow: 0 0 0 4px rgba(79, 124, 255, 0.08);
}
.pensamarket-search__results {
position: absolute;
left: 0;
right: 0;
top: calc(100% + 10px);
display: grid;
gap: 8px;
padding: 12px;
border: 1px solid rgba(199, 213, 234, 0.92);
border-radius: 24px;
background: rgba(255, 255, 255, 0.98);
box-shadow: 0 24px 48px rgba(15, 23, 42, 0.12);
z-index: 120;
backdrop-filter: blur(14px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-4px);
transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}
.pensamarket-cats {
position: relative;
z-index: 2;
}
.pensamarket-search__results.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.pensamarket-search__results[hidden] {
display: none !important;
}
.pensamarket-search__result {
display: grid;
gap: 4px;
padding: 12px 14px;
border-radius: 18px;
border: 1px solid transparent;
color: #223350;
text-decoration: none;
background: #f8fbff;
transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.pensamarket-search__result:hover,
.pensamarket-search__result:focus-visible {
background: #ffffff;
border-color: rgba(113, 156, 255, 0.4);
transform: translateY(-1px);
}
.pensamarket-search__result strong {
font-size: 0.96rem;
line-height: 1.3;
color: #16233b;
}
.pensamarket-search__result-context,
.pensamarket-search__result-description {
font-size: 0.84rem;
line-height: 1.45;
color: #62748f;
}
.pensamarket-search__result-context {
font-weight: 700;
color: #395782;
}
.pensamarket-search__empty {
margin: 0;
padding: 14px 16px;
font-size: 0.88rem;
line-height: 1.45;
color: #62748f;
text-align: center;
}
.pensamarket-search__result-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.pensamarket-search__result-type {
flex: none;
font-size: 0.68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #395782;
background: rgba(113, 156, 255, 0.14);
padding: 2px 9px;
border-radius: 999px;
}
.pensamarket-search__result-description {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.pensamarket-search__result.is-active {
background: #ffffff;
border-color: rgba(113, 156, 255, 0.4);
transform: translateY(-1px);
}
.pensamarket-search__result mark {
background: rgba(240, 138, 36, 0.22);
color: inherit;
border-radius: 4px;
padding: 0 1px;
}
.pensamarket-links {
display: flex;
gap: 18px;
align-items: center;
}
.pensamarket-links a {
color: var(--pensamos-ink);
text-decoration: none;
font-weight: 600;
font-size: 1.1rem;
padding: 8px 16px;
white-space: nowrap;
opacity: 0.8;
transition: opacity 180ms ease, color 180ms ease, transform 180ms ease;
}
.pensamarket-links a:hover,
.pensamarket-links a:focus-visible {
color: #111827;
opacity: 1;
transform: translateY(-1px);
}
.pensamarket-auth {
display: flex;
align-items: center;
justify-content: end;
gap: 10px;
}
.pensamarket-auth__link,
.pensamarket-auth__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 18px;
text-decoration: none;
font-weight: 700;
font-size: 0.95rem;
letter-spacing: -0.01em;
white-space: nowrap;
}
.pensamarket-auth__link {
border: 1px solid var(--pensamos-line-strong);
border-radius: var(--pensamos-radius-pill);
background: rgba(255, 255, 255, 0.92);
color: var(--pensamos-ink);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.pensamarket-auth__link--soft {
background: rgba(255, 255, 255, 0.7);
}
.pensamarket-auth__button {
border-radius: var(--pensamos-radius-pill);
background: linear-gradient(135deg, #111827 0%, #243b62 100%);
color: #fff;
box-shadow: 0 12px 24px rgba(17, 24, 39, 0.14);
}
.pensamarket-cats {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.pensamarket-chip {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 1 auto;
width: auto;
max-width: 220px;
border: 1px solid rgba(209, 219, 231, 0.78);
background: rgba(248, 251, 255, 0.8);
min-height: 48px;
padding: 12px 20px;
border-radius: var(--pensamos-radius-pill);
color: #3f4c64;
font-weight: 600;
font-size: 0.98rem;
line-height: 1.2;
text-align: center;
text-decoration: none;
cursor: pointer;
opacity: 1;
transition: background 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.pensamarket-chip:hover,
.pensamarket-chip:focus-visible {
background: rgba(79, 124, 255, 0.06);
border-color: rgba(79, 124, 255, 0.18);
color: #111827;
transform: translateY(-1px);
}
.pensamarket-chip.is-active {
background: #111827;
border-color: #111827;
color: #fff;
font-weight: 700;
opacity: 1;
box-shadow: 0 10px 22px rgba(17, 24, 39, 0.16);
}
.pensamarket-chip--asesoria-especializada {
border-color: rgba(191, 220, 121, 0.98);
background:
radial-gradient(circle at top right, rgba(205, 236, 132, 0.34), transparent 58%),
linear-gradient(180deg, #fbfff2 0%, #f4ffe7 100%);
color: #1c5f38;
font-weight: 800;
box-shadow: 0 12px 26px rgba(191, 220, 121, 0.18);
}
.pensamarket-chip--asesoria-especializada:hover,
.pensamarket-chip--asesoria-especializada:focus-visible {
background:
radial-gradient(circle at top right, rgba(205, 236, 132, 0.4), transparent 58%),
linear-gradient(180deg, #f8ffe9 0%, #eef9d9 100%);
border-color: rgba(160, 201, 79, 0.98);
color: #134f2f;
box-shadow: 0 16px 30px rgba(191, 220, 121, 0.22);
}
.pensamarket-chip--asesoria-especializada.is-active {
background: linear-gradient(135deg, #1f7a59 0%, #2e9b72 100%);
border-color: #1f7a59;
color: #fff;
box-shadow: 0 16px 30px rgba(31, 122, 89, 0.22);
}
.pensamarket-cats-toggle {
display: none; 
align-items: center;
gap: 10px;
min-height: 44px;
padding: 0 16px;
border: 1px solid rgba(209, 219, 231, 0.78);
border-radius: var(--pensamos-radius-pill);
background: rgba(248, 251, 255, 0.85);
color: #3f4c64;
font-weight: 700;
font-size: 0.9rem;
cursor: pointer;
flex: 0 0 auto;
}
.pensamarket-cats-toggle__bars {
position: relative;
display: block;
width: 18px;
height: 2px;
border-radius: 2px;
background: currentColor;
}
.pensamarket-cats-toggle__bars::before,
.pensamarket-cats-toggle__bars::after {
content: "";
position: absolute;
left: 0;
width: 18px;
height: 2px;
border-radius: 2px;
background: currentColor;
transition: transform 180ms ease, top 180ms ease;
}
.pensamarket-cats-toggle__bars::before {
top: -6px;
}
.pensamarket-cats-toggle__bars::after {
top: 6px;
}
.pensamarket-cats-toggle[aria-expanded="true"] .pensamarket-cats-toggle__bars {
background: transparent;
}
.pensamarket-cats-toggle[aria-expanded="true"] .pensamarket-cats-toggle__bars::before {
top: 0;
transform: rotate(45deg);
}
.pensamarket-cats-toggle[aria-expanded="true"] .pensamarket-cats-toggle__bars::after {
top: 0;
transform: rotate(-45deg);
}
@media (max-width: 1024px) {
.pensamarket-topbar {
grid-template-columns: 1fr;
}
.pensamarket-brand {
justify-content: center;
}
.pensamarket-brand__logo {
height: clamp(2.75rem, 6vw, 3.55rem);
max-width: min(100%, 235px);
}
.pensamarket-links {
flex-wrap: wrap;
}
.pensamarket-auth {
justify-content: flex-start;
}
}
@media (max-width: 768px) {
.pensamarket-topbar,
.pensamarket-cats {
padding-inline: 18px;
}
.pensamarket-cats {
gap: 10px;
}
.pensamarket-search-chips {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.pensamarket-search {
flex: 1 1 auto;
width: auto;
}
.pensamarket-cats-toggle {
display: inline-flex;
}
.pensamarket-cats--topbar {
flex: 1 1 100%;
width: 100%;
display: none;
flex-direction: column;
gap: 8px;
overflow: visible;
padding: 4px 0 2px;
margin: 0;
}
.pensamarket-search-chips.is-cats-open .pensamarket-cats--topbar {
display: flex;
}
.pensamarket-cats--topbar .pensamarket-chip {
min-height: 44px;
width: 100%;
max-width: none;
justify-content: flex-start;
}
.pensamarket-brand__logo {
height: 2.35rem;
max-width: min(100%, 210px);
}
}
.pensamarket-brand__logo,
.pensamos-home .pensamarket-brand__logo,
.pensamos-course-hub .pensamarket-brand__logo,
.pensamos-course-guide .pensamarket-brand__logo,
.pensamos-classes-guide .pensamarket-brand__logo {
width: auto;
height: clamp(2.2rem, 3.4vw, 2.9rem);
max-width: min(100%, 250px);
object-fit: contain;
}
@media (max-width: 480px) {
.pensamarket-topbar,
.pensamarket-cats {
padding-inline: 12px;
}
.pensamarket-topbar {
grid-template-columns: 1fr auto;
gap: 12px;
align-items: center;
}
.pensamarket-brand {
grid-column: 1 / -1;
}
.pensamarket-search-chips {
display: contents;
}
.pensamarket-search {
grid-column: 1 / -1;
width: 100%;
}
.pensamarket-cats-toggle {
grid-column: 1;
justify-self: start;
}
.pensamarket-cats--topbar {
grid-column: 1 / -1;
}
.pensamarket-auth {
grid-column: 2;
justify-self: end;
gap: 10px;
}
.pensamarket-cats-toggle,
.pensamarket-auth__link,
.pensamarket-auth__button {
min-height: 36px;
padding-inline: 12px;
font-size: 0.82rem;
}
.pensamarket-cats-toggle {
gap: 8px;
}
.pensamarket-cats-toggle__bars,
.pensamarket-cats-toggle__bars::before,
.pensamarket-cats-toggle__bars::after {
width: 16px;
}
.pensamarket-brand__logo,
.pensamos-home .pensamarket-brand__logo,
.pensamos-course-hub .pensamarket-brand__logo,
.pensamos-course-guide .pensamarket-brand__logo,
.pensamos-classes-guide .pensamarket-brand__logo {
height: clamp(2.4rem, 12vw, 3.1rem);
max-width: min(100%, 220px);
}
}
.pensamarket-page .site-footer {
margin-top: auto;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"] {
margin: 0 !important;
padding: 8px 0 !important;
height: auto !important;
min-height: 0 !important;
background: #ffffff !important;
overflow: hidden;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row-container-inner,
.site-below-footer-wrap[data-section="section-below-footer-builder"] .site-below-footer-inner-wrap,
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row,
.site-below-footer-wrap[data-section="section-below-footer-builder"] .site-footer-section,
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-layout-element {
padding: 0 !important;
height: auto !important;
min-height: 0 !important;
margin-bottom: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.ast-footer-copyright,
.ast-footer-copyright p {
margin: 0;
padding: 0;
line-height: 1.35;
}
.pensamos-cookies {
position: fixed;
left: 50%;
bottom: 18px;
z-index: 9998;
transform: translateX(-50%);
width: min(1020px, calc(100vw - 36px));
}
.pensamos-cookies__inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 18px;
padding: 18px 24px;
border-radius: 0;
background: rgba(17, 24, 39, 0.94);
color: #fff;
box-shadow: 0 24px 48px rgba(17, 24, 39, 0.26);
flex-wrap: wrap;
}
.pensamos-cookies__copy strong {
display: block;
margin-bottom: 4px;
}
.pensamos-cookies__copy p {
margin: 0;
color: rgba(255, 255, 255, 0.82);
line-height: 1.55;
}
.pensamos-cookies__copy a,
.pensamos-cookies__copy a:visited {
color: #d6c7ff;
font-weight: 700;
}
.pensamos-cookies__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-left: auto;
}
.pensamos-cookies__primary,
.pensamos-cookies__secondary {
min-height: 44px;
padding: 0 18px;
border-radius: 2px;
font-weight: 700;
cursor: pointer;
}
.pensamos-cookies__primary {
border: 0;
background: #fff;
color: #111827;
}
.pensamos-cookies__secondary {
border: 1px solid rgba(255, 255, 255, 0.38);
background: transparent;
color: #fff;
}
.pensamos-cookies__prefs {
flex: 1 0 100%;
padding-top: 8px;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.pensamos-cookies__prefs p {
margin: 0 0 12px;
color: rgba(255, 255, 255, 0.82);
line-height: 1.55;
}
.pensamos-cookies-modal__row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 12px 0;
border-top: 1px solid rgba(255, 255, 255, 0.12);
color: #fff;
}
.pensamos-cookies-modal__actions {
display: flex;
justify-content: end;
gap: 10px;
margin-top: 18px;
}
.pensamos-cookies__prefs .pensamos-cookies__secondary {
border-color: rgba(255, 255, 255, 0.28);
}
@media (max-width: 768px) {
.pensamos-cookies {
left: 50%;
bottom: 12px;
width: calc(100vw - 20px);
}
.pensamos-cookies__inner {
flex-direction: column;
align-items: stretch;
}
.pensamos-cookies__actions {
display: grid;
grid-template-columns: 1fr;
}
.pensamos-cookies-modal__actions {
display: grid;
grid-template-columns: 1fr;
}
}
.site-footer {
margin: 0;
padding: 0;
background: #ffffff;
}
@media (max-width: 768px) {
.pensamos-cookies__actions,
.pensamos-cookies-modal__actions {
width: 100%;
}
}
@media (max-width: 480px) {
.pensamos-cookies {
width: calc(100vw - 16px);
}
.pensamos-cookies__inner {
padding: 14px;
}
}
.pensamos-register {
min-height: 100vh;
display: flex;
align-items: center;
background:
radial-gradient(circle at 12% 18%, rgba(121, 179, 255, 0.2), transparent 24%),
radial-gradient(circle at 86% 22%, rgba(166, 226, 190, 0.22), transparent 22%),
radial-gradient(circle at 74% 74%, rgba(255, 213, 122, 0.2), transparent 20%),
linear-gradient(180deg, #eef7ff 0%, #f8fbff 34%, #ffffff 100%);
}
.pensamos-register .pensamos-shell {
position: relative;
z-index: 1;
width: min(100%, 640px);
padding: 32px 20px;
}
.pensamos-register__panel {
display: flex;
justify-content: center;
}
.pensamos-register__card {
display: grid;
gap: 16px;
width: 100%;
padding: 32px 30px;
border: 1px solid rgba(198, 216, 238, 0.94);
border-radius: 34px;
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 20px 42px rgba(17, 24, 39, 0.08);
backdrop-filter: blur(18px);
}
.pensamos-register__card h1 {
margin: 0;
color: #18314f;
font-size: clamp(2rem, 4vw, 2.7rem);
line-height: 1.02;
letter-spacing: -0.04em;
}
.pensamos-register__card p,
.pensamos-register__help,
.pensamos-register__alerts p {
margin: 0;
font-size: 0.98rem;
line-height: 1.6;
color: #52657f;
}
.pensamos-register__card-intro {
max-width: 44ch;
}
.pensamos-register__alerts {
display: grid;
gap: 10px;
padding: 14px 16px;
border-radius: 20px;
border: 1px solid rgba(255, 196, 196, 0.98);
background: rgba(255, 245, 245, 0.95);
}
.pensamos-register__alerts p {
color: #8f3444;
}
.pensamos-register__form {
display: grid;
gap: 14px;
}
.pensamos-register__field {
display: grid;
gap: 6px;
}
.pensamos-register__field span {
font-size: 0.92rem;
font-weight: 700;
color: #18314f;
}
.pensamos-register__field input {
width: 100%;
min-height: 48px;
padding: 0 16px;
border: 1px solid rgba(196, 214, 235, 0.98);
border-radius: 16px;
background: rgba(255, 255, 255, 0.98);
color: #18314f;
font-size: 0.98rem;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
}
.pensamos-register__field input:focus {
outline: none;
border-color: rgba(95, 146, 221, 0.82);
box-shadow: 0 0 0 4px rgba(121, 179, 255, 0.16);
}
.pensamos-register__form .pensamos-turnstile-wrap {
margin: 2px 0 0;
padding: 14px 16px 12px;
border-radius: 20px;
border: 1px solid rgba(206, 220, 238, 0.94);
background: rgba(247, 251, 255, 0.94);
}
.pensamos-register__form .pensamos-turnstile-widget,
.pensamos-register__form .cf-turnstile {
display: flex;
justify-content: flex-start;
min-height: 70px;
}
.pensamos-register__form iframe {
max-width: 100%;
}
.pensamos-register__help {
font-size: 0.92rem;
}
.pensamos-register__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding-top: 6px;
}
.pensamos-register__back {
margin: 0;
padding: 0;
color: #52657f;
font-size: 0.94rem;
line-height: 1.5;
}
.pensamos-register__back .pensamos-text-link,
.pensamos-register__back .pensamos-text-link:visited {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 1.5em;
color: #18314f;
font-size: 0.94rem;
font-weight: 800;
line-height: 1.5;
letter-spacing: 0;
text-decoration: none;
}
.pensamos-register__back .pensamos-text-link::before {
content: "\2190";
font-size: 0.94rem;
line-height: 1;
}
.pensamos-register__back .pensamos-text-link:hover,
.pensamos-register__back .pensamos-text-link:focus-visible {
color: #2a5b8d;
text-decoration: underline;
}
@media (max-width: 1100px) {
.pensamos-register .pensamos-shell {
padding-inline: 18px;
}
.pensamos-register__card {
padding: 24px 20px;
border-radius: 28px;
}
.pensamos-register__actions .pensamos-button {
width: 100%;
}
}
.kids-landing {
--kl-blue: var(--pensamos-highlight, #4f7cff);
--kl-blue-deep: #3257c9;
--kl-deep: var(--pensamos-deep, #0d1c31);
--kl-ink: var(--pensamos-ink, #1f2a44);
--kl-star: #ffb020;
--kl-soft: #eef4ff;
--kl-card: #ffffff;
--kl-line: #dbe6fb;
box-sizing: border-box;
min-height: 100vh;
padding: 0 20px 64px;
background:
radial-gradient(circle at 50% -10%, rgba(79, 124, 255, 0.18), transparent 42%),
linear-gradient(180deg, var(--kl-soft) 0%, #f8fbff 46%, #ffffff 100%);
font-family: inherit;
color: var(--kl-ink);
}
.kids-landing *,
.kids-landing *::before,
.kids-landing *::after {
box-sizing: border-box;
}
.kids-landing__bar {
max-width: 960px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 18px 4px;
}
.kids-landing__brand {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 1.25rem;
font-weight: 800;
color: var(--kl-deep);
text-decoration: none;
letter-spacing: -0.01em;
}
.kids-landing__brand-mark {
font-size: 1.5rem;
line-height: 1;
}
.kids-landing__login {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px 18px;
border-radius: 999px;
border: 2px solid var(--kl-line);
background: #fff;
color: var(--kl-blue);
font-weight: 800;
font-size: 0.95rem;
text-decoration: none;
transition: border-color 0.15s ease, transform 0.1s ease;
}
.kids-landing__login:hover {
border-color: var(--kl-blue);
}
.kids-landing__login:active {
transform: translateY(1px);
}
.kids-landing__hero {
max-width: 760px;
margin: 12px auto 0;
padding: 24px 8px 8px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.kids-landing__mascot {
width: 200px;
height: 200px;
max-width: 56vw;
animation: kl-bob 3.2s ease-in-out infinite;
}
@keyframes kl-bob {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
@media (prefers-reduced-motion: reduce) {
.kids-landing__mascot { animation: none; }
}
.kids-landing__title {
margin: 8px 0 0;
font-size: clamp(1.9rem, 6vw, 2.7rem);
line-height: 1.1;
font-weight: 800;
color: var(--kl-deep);
letter-spacing: -0.02em;
}
.kids-landing__subtitle {
margin: 0;
max-width: 30ch;
font-size: clamp(1.05rem, 3.4vw, 1.3rem);
line-height: 1.45;
color: #51618a;
}
.kids-landing__actions {
margin-top: 20px;
width: 100%;
max-width: 380px;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 14px;
}
.kids-landing__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 18px 28px;
border: 0;
border-radius: 18px;
background: var(--kl-blue);
color: #fff;
font-size: 1.2rem;
font-weight: 800;
letter-spacing: 0.01em;
text-decoration: none;
cursor: pointer;
box-shadow: 0 5px 0 var(--kl-blue-deep);
transition: transform 0.08s ease, box-shadow 0.08s ease, filter 0.15s ease;
}
.kids-landing__cta:hover {
filter: brightness(1.05);
}
.kids-landing__cta:active {
transform: translateY(5px);
box-shadow: 0 0 0 var(--kl-blue-deep);
}
.kids-landing__cta-emoji {
font-size: 1.35rem;
line-height: 1;
}
.kids-landing__ghost {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 8px;
background: none;
border: 0;
color: var(--kl-blue);
font-size: 1rem;
font-weight: 800;
text-decoration: none;
cursor: pointer;
}
.kids-landing__ghost:hover {
text-decoration: underline;
}
.kids-landing__steps {
max-width: 680px;
margin: 56px auto 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.kids-landing__steps-title {
text-align: center;
margin: 0 0 8px;
font-size: clamp(1.3rem, 4.5vw, 1.7rem);
font-weight: 800;
color: var(--kl-deep);
}
.kids-landing__step {
display: flex;
align-items: center;
gap: 18px;
padding: 18px 20px;
background: var(--kl-card);
border: 2px solid var(--kl-line);
border-radius: 22px;
}
.kids-landing__step:nth-child(odd) {
flex-direction: row;
}
.kids-landing__step:nth-child(even) {
flex-direction: row-reverse;
text-align: right;
}
.kids-landing__step-emoji {
flex: 0 0 auto;
width: 72px;
height: 72px;
display: grid;
place-items: center;
font-size: 2.4rem;
background: var(--kl-soft);
border-radius: 20px;
}
.kids-landing__step-body h3 {
margin: 0 0 4px;
font-size: 1.2rem;
font-weight: 800;
color: var(--kl-deep);
}
.kids-landing__step-body p {
margin: 0;
font-size: 1rem;
line-height: 1.4;
color: #51618a;
}
.kids-landing__save {
max-width: 680px;
margin: 32px auto 0;
padding: 26px 24px;
text-align: center;
background: linear-gradient(180deg, #fff7e6 0%, #fffdf7 100%);
border: 2px solid #ffe3a6;
border-radius: 24px;
}
.kids-landing__save-stars {
font-size: 2rem;
line-height: 1;
}
.kids-landing__save h3 {
margin: 10px 0 4px;
font-size: 1.25rem;
font-weight: 800;
color: #7a4e00;
}
.kids-landing__save p {
margin: 0 0 16px;
color: #8a6a2e;
font-size: 1rem;
}
.kids-landing__save .kids-landing__cta {
background: var(--kl-star);
box-shadow: 0 5px 0 #cc8400;
color: #4a2e00;
display: inline-flex;
width: auto;
}
.kids-landing__save .kids-landing__cta:active {
box-shadow: 0 0 0 #cc8400;
}
@media (max-width: 560px) {
.kids-landing__step,
.kids-landing__step:nth-child(even) {
flex-direction: column;
text-align: center;
}
.kids-landing__brand { font-size: 1.1rem; }
}
.pensamos-course-walkthrough__test[hidden],
.pensamos-course-walkthrough__modal[hidden],
.pensamos-course-walkthrough__test-modal[hidden] {
display: none;
}
.pensamos-popup[hidden] {
display: none;
}
.pensamos-course-walkthrough__test {
gap: 16px;
}
.pensamos-popup {
position: fixed;
inset: 0;
z-index: 10010;
display: flex;
align-items: center;
justify-content: center;
padding: 18px;
overflow: hidden;
overscroll-behavior: contain;
}
.pensamos-course-walkthrough__modal,
.pensamos-course-walkthrough__test-modal {
position: fixed;
inset: 0;
z-index: 10010;
display: flex;
align-items: center;
justify-content: center;
padding: 18px;
overflow: hidden;
overscroll-behavior: contain;
}
.pensamos-popup__backdrop,
.pensamos-course-walkthrough__modal-backdrop {
position: absolute;
inset: 0;
background: rgba(13, 28, 49, 0.58);
backdrop-filter: blur(10px);
}
.pensamos-popup__dialog,
.pensamos-course-walkthrough__modal-dialog,
.pensamos-course-walkthrough__test-modal-dialog {
position: relative;
z-index: 1;
height: min(94dvh, 920px);
max-height: min(94dvh, 920px);
display: flex;
flex-direction: column;
min-height: 0;
overflow: hidden;
padding: 22px;
border-radius: 30px;
border: 1px solid rgba(214, 224, 236, 0.96);
background: #ffffff;
box-shadow:
0 12px 32px rgba(13, 28, 49, 0.12),
0 34px 86px rgba(13, 28, 49, 0.22);
animation: pensamosCourseModalFade 140ms ease-out;
}
.pensamos-popup__dialog,
.pensamos-popup__dialog--wide,
.pensamos-course-walkthrough__modal-dialog {
width: min(1520px, calc(100vw - 36px));
}
.pensamos-popup__dialog--narrow,
.pensamos-course-walkthrough__test-modal-dialog {
width: min(1200px, calc(100vw - 36px));
}
.pensamos-auth-modal__dialog {
width: min(640px, calc(100vw - 36px));
height: auto;
max-height: min(94dvh, 820px);
padding: 32px 30px;
overflow-y: auto;
}
.pensamos-auth-modal__panel {
display: grid;
gap: 16px;
}
.pensamos-auth-modal__panel[hidden] {
display: none;
}
.pensamos-auth-modal__dialog h2 {
margin: 0;
color: #18314f;
font-size: clamp(1.72rem, 3vw, 2.16rem);
font-weight: 700;
line-height: 1.08;
letter-spacing: -0.025em;
}
.pensamos-auth-modal__intro {
margin: 0;
max-width: 44ch;
color: #52657f;
font-size: 0.98rem;
line-height: 1.6;
}
.pensamos-auth-modal__login-form {
display: grid;
gap: 14px;
margin: 0;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
}
.pensamos-auth-modal__login-field,
.pensamos-auth-modal__remember,
.pensamos-auth-modal__submit {
margin: 0;
}
.pensamos-auth-modal__login-field {
display: grid;
gap: 6px;
}
.pensamos-auth-modal__login-field label {
color: #18314f;
font-size: 0.92rem;
font-weight: 700;
line-height: 1.35;
}
.pensamos-auth-modal input[type="text"],
.pensamos-auth-modal input[type="password"],
.pensamos-auth-modal input[type="email"] {
width: 100%;
min-height: 48px;
padding: 0 16px;
border: 1px solid rgba(196, 214, 235, 0.98);
border-radius: 14px;
background: #fff;
color: #18314f;
font-size: 1rem;
line-height: 1.4;
box-shadow: none;
}
.pensamos-auth-modal input[type="text"]:focus,
.pensamos-auth-modal input[type="password"]:focus,
.pensamos-auth-modal input[type="email"]:focus {
outline: none;
border-color: rgba(95, 146, 221, 0.82);
box-shadow: 0 0 0 4px rgba(121, 179, 255, 0.16);
}
.pensamos-auth-modal__remember label {
display: inline-flex;
align-items: center;
gap: 8px;
color: #52657f;
font-size: 0.94rem;
font-weight: 700;
line-height: 1.35;
}
.pensamos-auth-modal__remember input[type="checkbox"] {
width: 18px;
height: 18px;
margin: 0;
border: 1px solid rgba(196, 214, 235, 0.98);
border-radius: 5px;
}
.pensamos-auth-modal__submit .button,
.pensamos-auth-modal__submit .button-primary,
.pensamos-auth-modal__submit input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
min-height: 54px;
padding: 0 26px;
border: 0;
border-radius: 999px;
background: linear-gradient(135deg, #111827 0%, #243b62 100%);
color: #fff;
font-size: 0.97rem;
font-weight: 800;
line-height: 1;
text-decoration: none;
box-shadow: 0 14px 28px rgba(13, 28, 49, 0.16);
cursor: pointer;
}
.pensamos-auth-modal__submit .button:hover,
.pensamos-auth-modal__submit .button:focus-visible,
.pensamos-auth-modal__submit input[type="submit"]:hover,
.pensamos-auth-modal__submit input[type="submit"]:focus-visible {
transform: translateY(-2px);
box-shadow: 0 18px 32px rgba(13, 28, 49, 0.18);
}
.pensamos-auth-modal__footer {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
}
.pensamos-auth-modal__footer .pensamos-text-link {
color: #18314f;
font-size: 0.94rem;
font-weight: 800;
line-height: 1.5;
text-decoration: none;
}
.pensamos-auth-modal__footer .pensamos-text-link:hover,
.pensamos-auth-modal__footer .pensamos-text-link:focus-visible {
color: #2a5b8d;
text-decoration: underline;
}
.pensamos-auth-modal__secondary {
min-height: 54px;
}
.pensamos-course-walkthrough__modal-dialog::after {
content: none;
}
.pensamos-popup__close,
.pensamos-course-walkthrough__modal-close {
position: absolute;
top: 24px;
right: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border: 1px solid rgba(214, 224, 236, 0.98);
border-radius: 16px;
background: #ffffff;
color: #516073;
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
z-index: 2;
box-shadow: none;
transition: border-color 180ms ease, background 180ms ease, color 180ms ease;
}
.pensamos-popup__close:hover,
.pensamos-popup__close:focus-visible,
.pensamos-course-walkthrough__modal-close:hover,
.pensamos-course-walkthrough__modal-close:focus-visible {
border-color: rgba(79, 124, 255, 0.2);
background: #ffffff;
color: #20314f;
}
.pensamos-course-walkthrough__modal-head,
.pensamos-course-walkthrough__modal-body,
.pensamos-course-walkthrough__modal-actions,
.pensamos-course-walkthrough__test-modal-head,
.pensamos-course-walkthrough__test-modal-body,
.pensamos-popup__head,
.pensamos-popup__body,
.pensamos-popup__actions {
position: relative;
z-index: 1;
display: grid;
gap: 14px;
}
.pensamos-popup__head,
.pensamos-course-walkthrough__modal-head,
.pensamos-course-walkthrough__test-modal-head {
flex: 0 0 auto;
padding: 18px 96px 18px 18px;
border-radius: 24px;
border: 1px solid rgba(214, 224, 236, 0.96);
background: #ffffff;
box-shadow: 0 14px 28px rgba(13, 28, 49, 0.08);
}
.pensamos-popup__head,
.pensamos-course-walkthrough__modal-head {
position: relative;
overflow: hidden;
}
.pensamos-course-walkthrough__modal-head::before {
content: none;
}
.pensamos-popup__eyebrow,
.pensamos-course-walkthrough__modal-counter {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-height: 34px;
padding: 0 14px;
border-radius: 999px;
border: 1px solid rgba(252, 200, 104, 0.96);
background: #fff5d9;
color: #785400;
font-size: 0.78rem;
font-weight: 900;
letter-spacing: 0.06em;
box-shadow: none;
}
.pensamos-popup__head h3,
.pensamos-course-walkthrough__modal-head h3 {
margin: 0;
font-size: clamp(1.38rem, 2.2vw, 1.92rem);
line-height: 1.02;
letter-spacing: -0.045em;
color: #20314f;
}
.pensamos-popup__head p,
.pensamos-course-walkthrough__modal-head p {
margin: 0;
max-width: 70ch;
font-size: 1rem;
line-height: 1.55;
color: #607088;
font-weight: 700;
}
.pensamos-course-walkthrough__test-modal-head h3 {
margin: 0;
font-size: clamp(1.32rem, 2.05vw, 1.8rem);
line-height: 1.08;
letter-spacing: -0.04em;
color: #20314f;
}
.pensamos-course-walkthrough__test-modal-head p {
margin: 0;
font-size: 0.96rem;
line-height: 1.55;
color: #607088;
font-weight: 700;
}
.pensamos-popup__body,
.pensamos-course-walkthrough__modal-body,
.pensamos-course-walkthrough__test-modal-body {
flex: 1 1 auto;
min-height: 0;
margin-top: 18px;
padding-right: 10px;
padding-bottom: 8px;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.pensamos-popup__body {
flex: 1 1 auto;
}
.pensamos-course-walkthrough__modal-body {
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: start;
gap: 16px;
}
.pensamos-course-walkthrough__test-modal-body > .pensamos-course-walkthrough__test {
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.pensamos-popup__actions,
.pensamos-course-walkthrough__modal-actions {
flex: 0 0 auto;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 14px;
margin-top: 18px;
padding: 16px;
border: 1px solid rgba(220, 232, 189, 0.96);
border-radius: 22px;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 12px 24px rgba(13, 28, 49, 0.06);
}
.pensamos-course-walkthrough__modal-section {
position: relative;
display: grid;
gap: 10px;
align-content: start;
padding: 20px 18px 18px 72px;
border-radius: 24px;
border: 1px solid rgba(221, 232, 240, 0.96);
background: #ffffff;
box-shadow: 0 8px 18px rgba(13, 28, 49, 0.05);
}
.pensamos-course-walkthrough__modal-body > .pensamos-course-walkthrough__modal-section:first-child,
.pensamos-course-walkthrough__modal-body > .pensamos-course-walkthrough__modal-section.is-note {
grid-column: 1 / -1;
}
.pensamos-course-walkthrough__modal-section::before {
position: absolute;
left: 18px;
top: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 14px;
font-size: 0.84rem;
font-weight: 900;
letter-spacing: 0.03em;
color: #ffffff;
}
.pensamos-course-walkthrough__modal-section:nth-child(1) {
border-color: #aee0ff;
background: #ffffff;
box-shadow: 0 8px 18px rgba(13, 28, 49, 0.05);
}
.pensamos-course-walkthrough__modal-section:nth-child(1)::before {
content: "01";
background: linear-gradient(180deg, #6cd6ff 0%, #3dbaf3 100%);
box-shadow: none;
}
.pensamos-course-walkthrough__modal-section:nth-child(2) {
border-color: #cce97a;
background: #ffffff;
box-shadow: 0 8px 18px rgba(13, 28, 49, 0.05);
}
.pensamos-course-walkthrough__modal-section:nth-child(2)::before {
content: "02";
background: linear-gradient(180deg, #7be51a 0%, #58cc02 100%);
box-shadow: none;
}
.pensamos-course-walkthrough__modal-section:nth-child(3) {
border-color: #ffd86d;
background: #ffffff;
box-shadow: 0 8px 18px rgba(13, 28, 49, 0.05);
}
.pensamos-course-walkthrough__modal-section:nth-child(3)::before {
content: "03";
background: linear-gradient(180deg, #ffd54f 0%, #ffbf2f 100%);
box-shadow: none;
}
.pensamos-course-walkthrough__modal-section.is-note {
border-color: #ffc2d1;
background: #ffffff;
box-shadow: 0 8px 18px rgba(13, 28, 49, 0.05);
}
.pensamos-course-walkthrough__modal-section.is-note::before {
content: "!";
background: linear-gradient(180deg, #ff8cab 0%, #ff6b95 100%);
box-shadow: none;
}
.pensamos-course-walkthrough__modal-section h4 {
margin: 0;
font-size: 0.82rem;
font-weight: 900;
line-height: 1.1;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #22344d;
}
.pensamos-course-walkthrough__modal-section p,
.pensamos-course-walkthrough__modal-section li {
margin: 0;
font-size: 0.96rem;
line-height: 1.6;
color: #35475e;
}
.pensamos-course-walkthrough__modal-section ul {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: 10px;
}
.pensamos-course-walkthrough__modal-section li {
position: relative;
padding-left: 18px;
}
.pensamos-course-walkthrough__modal-section li::before {
content: "";
position: absolute;
left: 0;
top: 0.58em;
width: 8px;
height: 8px;
border-radius: 999px;
background: #58cc02;
box-shadow: 0 0 0 3px rgba(88, 204, 2, 0.16);
}
.pensamos-course-walkthrough__modal-nav {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 12px;
}
.pensamos-course-walkthrough__modal-actions .pensamos-text-link,
.pensamos-course-walkthrough__modal-actions .pensamos-text-link:visited {
display: inline-flex;
align-items: center;
justify-content: center;
justify-self: start;
width: auto;
min-height: 48px;
padding: 0 16px;
border: 1px solid #8ec9ef;
border-radius: 16px;
background: #eef8ff;
color: #0d5577;
box-shadow: none;
transition: border-color 180ms ease, background 180ms ease, color 180ms ease;
}
.pensamos-course-walkthrough__modal-actions .pensamos-text-link:hover,
.pensamos-course-walkthrough__modal-actions .pensamos-text-link:focus-visible {
border-color: #73b8e5;
background: #e5f4ff;
color: #0a4d6d;
}
.pensamos-course-walkthrough__modal .pensamos-course-button,
.pensamos-course-walkthrough__modal .pensamos-course-button:visited {
min-height: 52px;
padding: 0 18px;
border-radius: 16px;
border: 3px solid transparent;
font-size: 0.95rem;
box-shadow: none;
transition: border-color 180ms ease, background 180ms ease, color 180ms ease;
}
.pensamos-course-walkthrough__modal .pensamos-course-button:not(.pensamos-course-button--ghost),
.pensamos-course-walkthrough__modal .pensamos-course-button:not(.pensamos-course-button--ghost):visited {
background: #f4ffe7;
border-color: rgba(210, 231, 160, 0.98);
color: #117a59;
box-shadow: none;
}
.pensamos-course-walkthrough__modal .pensamos-course-button:not(.pensamos-course-button--ghost):hover,
.pensamos-course-walkthrough__modal .pensamos-course-button:not(.pensamos-course-button--ghost):focus-visible {
background: #eef9d9;
border-color: rgba(191, 220, 121, 0.98);
color: #0f6b4d;
}
.pensamos-course-walkthrough__modal .pensamos-course-button--ghost,
.pensamos-course-walkthrough__modal .pensamos-course-button--ghost:visited {
background: #ffffff;
border-color: #d2e7a0;
color: #527505;
box-shadow: none;
}
.pensamos-course-walkthrough__modal .pensamos-course-button--ghost:hover,
.pensamos-course-walkthrough__modal .pensamos-course-button--ghost:focus-visible {
background: #f7fce9;
border-color: #bfdc79;
color: #476603;
}
.pensamos-course-walkthrough__modal .pensamos-course-button:hover,
.pensamos-course-walkthrough__modal .pensamos-course-button:focus-visible,
.pensamos-course-walkthrough__modal .pensamos-course-button:disabled,
.pensamos-course-walkthrough__modal .pensamos-course-button[aria-disabled="true"] {
box-shadow: none;
}
.pensamos-course-walkthrough__modal .pensamos-course-button:disabled,
.pensamos-course-walkthrough__modal .pensamos-course-button[aria-disabled="true"] {
opacity: 0.7;
}
@keyframes pensamosCourseModalFade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
body.pensamos-ui-modal-open,
body.pensamos-course-modal-open {
overflow: hidden;
}
body.pensamos-ui-modal-open .pensamos-assistant,
body.pensamos-ui-modal-open .pensamos-cookies,
body.pensamos-course-modal-open .pensamos-assistant,
body.pensamos-course-modal-open .pensamos-cookies {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
body.pensamos-awaiting-portal-modal .pensamos-course-walkthrough__grid,
body.pensamos-awaiting-portal-modal .pensamos-course-walkthrough__hero,
body.pensamos-awaiting-portal-modal .pensamos-course-walkthrough,
body.pensamos-awaiting-portal-modal .pensamos-portal-sibling-panel,
body.pensamos-awaiting-portal-modal .pensamos-section-comments,
body.pensamos-awaiting-portal-modal .pensamos-course-block.is-active {
display: none !important;
}
body.pensamos-awaiting-portal-modal::before {
content: "";
position: fixed;
top: 50%;
left: calc(50% - 160px);
width: 96px;
height: 96px;
margin: -48px 0 0 -48px;
border: 7px solid rgba(15, 99, 184, 0.18);
border-top-color: var(--pensamos-primary, #0b3d6a);
border-radius: 999px;
animation: pensamos-awaiting-portal-spin 720ms linear infinite;
z-index: 10005;
pointer-events: none;
}
@media (max-width: 1100px) {
body.pensamos-awaiting-portal-modal::before {
left: 50%;
}
}
@keyframes pensamos-awaiting-portal-spin {
to {
transform: rotate(360deg);
}
}
@media (max-width: 921px) {
.pensamos-popup {
padding: 8px;
}
.pensamos-popup__dialog {
width: calc(100vw - 16px);
height: calc(100dvh - 16px);
max-height: calc(100dvh - 16px);
padding: 18px 14px 14px;
border-radius: 28px;
}
.pensamos-auth-modal__dialog {
height: auto;
max-height: calc(100dvh - 16px);
padding: 24px 20px;
}
.pensamos-popup__close {
top: 12px;
right: 12px;
width: 42px;
height: 42px;
border-radius: 14px;
}
.pensamos-popup__head {
padding: 16px 56px 16px 16px;
border-radius: 22px;
}
.pensamos-popup__body {
margin-top: 12px;
padding-right: 4px;
}
.pensamos-popup__actions,
.pensamos-course-walkthrough__modal-actions {
padding: 14px;
border-radius: 22px;
}
.pensamos-auth-modal__footer,
.pensamos-auth-modal .pensamos-register__actions {
display: grid;
grid-template-columns: 1fr;
}
.pensamos-auth-modal__footer .pensamos-button,
.pensamos-auth-modal .pensamos-register__actions .pensamos-button,
.pensamos-auth-modal__submit input[type="submit"] {
width: 100%;
}
.pensamos-course-walkthrough__modal-body {
grid-template-columns: 1fr;
}
.pensamos-course-walkthrough__modal-body > .pensamos-course-walkthrough__modal-section:first-child,
.pensamos-course-walkthrough__modal-body > .pensamos-course-walkthrough__modal-section.is-note {
grid-column: auto;
}
.pensamos-course-walkthrough__modal-nav {
justify-content: flex-start;
}
}
@media (max-width: 640px) {
.pensamos-course-walkthrough__test,
.pensamos-course-walkthrough__modal-dialog,
.pensamos-course-walkthrough__test-modal-dialog {
padding: 20px 18px;
border-radius: 24px;
}
.pensamos-course-walkthrough__modal,
.pensamos-course-walkthrough__test-modal {
padding: 8px;
}
.pensamos-course-walkthrough__modal-dialog,
.pensamos-course-walkthrough__test-modal-dialog {
width: calc(100vw - 16px);
height: calc(100dvh - 16px);
max-height: calc(100dvh - 16px);
padding: 18px 14px 14px;
border-radius: 28px;
}
.pensamos-course-walkthrough__modal-close {
top: 12px;
right: 12px;
width: 42px;
height: 42px;
border-radius: 14px;
}
.pensamos-course-walkthrough__modal-head,
.pensamos-course-walkthrough__test-modal-head {
padding: 16px 56px 16px 16px;
border-radius: 22px;
}
.pensamos-course-walkthrough__modal-body,
.pensamos-course-walkthrough__test-modal-body {
margin-top: 12px;
padding-right: 4px;
}
.pensamos-course-walkthrough__modal-body {
gap: 12px;
}
.pensamos-course-walkthrough__modal-section {
padding: 18px 16px 16px 62px;
border-radius: 22px;
}
.pensamos-course-walkthrough__modal-section::before {
left: 14px;
top: 14px;
width: 34px;
height: 34px;
border-radius: 12px;
}
}