.universitas-product {
--uni-primary: var(--uni-blue-700, #006992);
--uni-primary-dark: var(--uni-blue-900, #08467f);
--uni-accent: var(--uni-lime-500, #c2d500);
--uni-accent-hover: var(--uni-lime-600, #b8be14);
--uni-text: var(--uni-dark, #3c3c3b);
--uni-text-muted: var(--uni-text-muted, #636362);
--uni-bg: var(--uni-bg, #ffffff);
--uni-surface: var(--uni-surface, #f8f9fb);
--uni-surface-light: var(--uni-surface-light, #fbfbfb);
--uni-radius: var(--uni-radius-8, 8px);
--uni-radius-lg: var(--uni-radius-16, 16px);
--uni-radius-xl: var(--uni-radius-24, 24px);
--uni-shadow: 0 4px 24px rgba(8, 70, 127, 0.08);
--uni-container: 1200px;
font-family: var(--uni-font-body, 'Open Sans', sans-serif);
color: var(--uni-text);
background: var(--uni-bg);
line-height: 1.5;
}
.universitas-product *,
.universitas-product *::before,
.universitas-product *::after {
box-sizing: border-box;
}
.universitas-product .universitas-container {
width: min(100% - 2rem, var(--uni-container));
margin-inline: auto;
padding-block: 2rem;
} .universitas-product .universitas-hero {
background: var(--uni-bg, #fff);
}
.universitas-product .universitas-hero .universitas-container {
display: flex;
flex-direction: column;
gap: 2rem;
padding-block: 2rem;
}
.universitas-product .universitas-hero__content {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.universitas-product .universitas-hero__badges {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
}
.universitas-product .universitas-badge {
display: inline-flex;
align-items: center;
gap: 0.25rem;
padding: 0.125rem 0.5rem;
border-radius: 6px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
text-transform: none;
letter-spacing: 0;
}
.universitas-product .universitas-badge--exclusivo {
background: #b8be14;
color: #fff;
}
.universitas-product .universitas-badge--online {
background: #464646;
color: #fff;
}
.universitas-product .universitas-badge--outline {
background: transparent;
color: var(--uni-primary);
border: 1.5px solid var(--uni-primary);
}
.universitas-product .universitas-badge--blue {
background: var(--uni-primary);
color: #fff;
}
.universitas-product .universitas-badge--dark {
background: var(--uni-text);
color: #fff;
}
.universitas-product .universitas-badge--soft {
background: var(--uni-blue-100);
color: var(--uni-primary);
}
.universitas-product .product_title,
.universitas-product h1.product_title {
font-family: 'Open Sans', sans-serif;
font-size: 42px;
font-weight: 700;
color: #585858;
line-height: 45px;
letter-spacing: 0.84px;
text-transform: uppercase;
margin: 0;
}
.universitas-product .product_title span,
.universitas-product h1.product_title span {
display: block;
}
.universitas-product .universitas-title__main {
color: #585858;
}
.universitas-product .universitas-title__highlight {
color: #b8be14;
letter-spacing: 0.32px;
}
.universitas-product .universitas-hero__media {
position: relative;
display: block;
border: 1px solid #e4e4e3;
border-radius: 25px;
overflow: hidden;
background: #f8f9fb;
text-decoration: none;
}
.universitas-product .universitas-hero__image {
width: 100%;
height: auto;
aspect-ratio: 326 / 579;
object-fit: cover;
display: block;
}
.universitas-product .universitas-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80.8px;
height: 80.8px;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.universitas-product .universitas-play__icon {
width: 100%;
height: auto;
display: block;
} .universitas-product .universitas-intro {
background: #fff;
}
.universitas-product .universitas-intro .universitas-container {
display: flex;
flex-direction: column;
gap: 1.25rem;
padding-block: 1.5rem 2rem;
}
.universitas-product .universitas-intro__lead {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 700;
color: rgba(0, 0, 0, 0.65);
line-height: 23px;
margin: 0;
}
.universitas-product .universitas-intro__lead p {
margin: 0;
}
.universitas-product .universitas-intro__text {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
line-height: 23px;
margin: 0;
}
.universitas-product .universitas-intro__text strong {
font-weight: 600;
color: #636362;
}
.universitas-product .universitas-intro__info {
margin-top: 0.25rem;
}
.universitas-product .universitas-intro__badges {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
}
.universitas-product .universitas-intro__badges .universitas-badge {
display: inline-flex;
align-items: center;
gap: 0.125rem;
background: #f9fbe6;
border: 1px solid #c2d500;
color: #7c7c7c;
border-radius: 21px;
padding: 0.125rem 0.75rem;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 1.4;
}
.universitas-product .universitas-intro__badges .universitas-badge img {
width: 16px;
height: 16px;
display: block;
}
.universitas-product .universitas-intro__badges .universitas-badge--accent {
color: #b8be14;
}
.universitas-product .universitas-intro__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
margin-top: 0.5rem;
}
.universitas-product .universitas-button--primary {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.875rem 1.5rem;
border-radius: 100px;
background: var(--uni-primary-dark);
color: #fff;
text-decoration: none;
font-family: var(--uni-font-display, 'Montserrat', sans-serif);
font-weight: 600;
transition: background 0.2s ease, opacity 0.2s ease;
}
.universitas-product .universitas-button--primary:hover {
background: var(--uni-primary);
} .universitas-product .universitas-hero__pricing {
background: #fff;
border-radius: var(--uni-radius-lg);
box-shadow: var(--uni-shadow);
padding: 1.5rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 992px) {
.universitas-product .universitas-hero__pricing {
grid-column: 2;
grid-row: 1 / span 2;
}
}
.universitas-product .universitas-hero__plan-label {
font-size: 0.875rem;
font-weight: 600;
color: var(--uni-primary);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.universitas-product .universitas-price-card {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.universitas-product .universitas-price-card__header {
display: flex;
justify-content: space-between;
font-family: var(--uni-font-display, 'Montserrat', sans-serif);
font-size: 0.75rem;
font-weight: 500;
color: var(--uni-text-muted);
text-transform: uppercase;
letter-spacing: 0.03em;
}
.universitas-product .universitas-price-card__plan {
font-family: var(--uni-font-display, 'Montserrat', sans-serif);
font-size: clamp(2.5rem, 6vw, 3.5rem);
font-weight: 800;
color: var(--uni-primary-dark);
line-height: 1;
}
.universitas-product .universitas-price-card__price {
font-family: var(--uni-font-display, 'Montserrat', sans-serif);
font-size: 1.25rem;
font-weight: 500;
color: var(--uni-text);
display: flex;
align-items: baseline;
gap: 0.25rem;
flex-wrap: wrap;
}
.universitas-product .universitas-price-card__from {
font-weight: 600;
color: var(--uni-text-muted);
}
.universitas-product .universitas-price-card__period {
color: var(--uni-text-muted);
font-size: 1rem;
}
.universitas-product .universitas-price-card__installments {
font-family: var(--uni-font-display, 'Montserrat', sans-serif);
font-size: 1rem;
font-weight: 400;
color: var(--uni-text-muted);
}
.universitas-product .universitas-price-card .cart {
margin: 0;
}
.universitas-product .universitas-price-card .single_add_to_cart_button,
.universitas-product .universitas-price-card button[type="submit"],
.universitas-product .universitas-price-card .button {
width: 100%;
padding: 1rem 1.5rem !important;
border-radius: var(--uni-radius) !important;
font-family: var(--uni-font-display, 'Montserrat', sans-serif) !important;
font-size: 0.9375rem !important;
font-weight: 600 !important;
border: none !important;
cursor: pointer !important;
background: var(--uni-accent) !important;
color: var(--uni-primary-dark) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.universitas-product .universitas-price-card .single_add_to_cart_button:hover,
.universitas-product .universitas-price-card button[type="submit"]:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(194, 213, 0, 0.35);
}
.universitas-product .universitas-price-card__link {
font-family: var(--uni-font-display, 'Montserrat', sans-serif);
font-size: 0.8125rem;
font-weight: 500;
color: var(--uni-primary);
text-decoration: underline;
text-align: center;
} .universitas-product .universitas-features {
background: var(--uni-bg);
}
.universitas-product .universitas-features .universitas-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 1.5rem;
padding-block: 2rem;
}
.universitas-product .universitas-features__header {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.375rem;
width: 100%;
max-width: 320px;
}
.universitas-product .universitas-features__eyebrow {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #b8be14;
}
.universitas-product .universitas-features__title {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: 700;
color: #636362;
line-height: 34px;
margin: 0;
}
.universitas-product .universitas-features__intro {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
line-height: 23px;
margin: 0;
width: 100%;
max-width: 324px;
}
.universitas-product .universitas-features__grid {
display: flex;
flex-direction: column;
gap: 0.375rem;
width: 100%;
max-width: 326px;
}
.universitas-product .universitas-feature-card {
background: #fbfbfb;
border: 1px solid #c3c3c2;
border-radius: 12px;
min-height: 100px;
padding: 16px 22px;
display: flex;
align-items: center;
gap: 0.75rem;
}
.universitas-product .universitas-feature-card__icon {
flex-shrink: 0;
width: 30px;
height: 30px;
background: #c2d500;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.universitas-product .universitas-feature-card__icon img {
width: 16px;
height: 16px;
display: block;
}
.universitas-product .universitas-feature-card__content {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.universitas-product .universitas-feature-card__content h3 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 600;
color: #585858;
line-height: 23px;
margin: 0;
}
.universitas-product .universitas-feature-card__content p {
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 400;
color: #636362;
line-height: 22.75px;
letter-spacing: -0.1504px;
margin: 0;
} .universitas-product .universitas-referral {
background: #08467f;
border-left: 1px solid #b8be14;
border-right: 1px solid #b8be14;
color: #fefefe;
}
.universitas-product .universitas-referral .universitas-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
padding: 28px 18px;
text-align: center;
}
.universitas-product .universitas-referral__content {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
width: 100%;
max-width: 324px;
}
.universitas-product .universitas-referral__eyebrow {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #b8be14;
}
.universitas-product .universitas-referral h2 {
font-family: 'Open Sans', sans-serif;
font-size: 28px;
font-weight: 700;
color: #fefefe;
line-height: 36px;
margin: 0;
}
.universitas-product .universitas-referral p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
color: #fefefe;
line-height: 23px;
margin: 0;
}
.universitas-product .universitas-referral__email {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.375rem;
margin-top: 0.75rem;
}
.universitas-product .universitas-referral__email-label {
display: inline-flex;
align-items: center;
gap: 0.25rem;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 700;
color: #fefefe;
}
.universitas-product .universitas-referral__email-label img {
width: 20px;
height: 20px;
display: block;
}
.universitas-product .universitas-referral__email-box {
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 10px;
height: 34px;
padding: 0 14px;
font-family: 'Inter', sans-serif;
font-size: 14px;
color: #88898a;
text-decoration: none;
line-height: 1;
} .universitas-product .universitas-faq {
background: var(--uni-bg);
}
.universitas-product .universitas-faq .universitas-container {
max-width: 900px;
}
.universitas-product .universitas-faq h2 {
font-family: var(--uni-font-body, 'Open Sans', sans-serif);
font-size: 1.75rem;
font-weight: 700;
color: var(--uni-primary-dark);
text-align: center;
margin: 0 0 0.5rem;
}
.universitas-product .universitas-faq__intro {
text-align: center;
color: var(--uni-text-muted);
margin: 0 0 2rem;
}
.universitas-product .universitas-faq__list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.universitas-product .universitas-faq__item {
background: var(--uni-surface-light);
border-radius: var(--uni-radius);
overflow: hidden;
}
.universitas-product .universitas-faq__question {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 1rem 1.25rem;
font-family: var(--uni-font-body, 'Open Sans', sans-serif);
font-size: 1rem;
font-weight: 700;
color: var(--uni-primary-dark);
cursor: pointer;
list-style: none;
}
.universitas-product .universitas-faq__question::-webkit-details-marker {
display: none;
}
.universitas-product .universitas-faq__question::after {
content: '+';
font-size: 1.5rem;
color: var(--uni-primary);
line-height: 1;
}
.universitas-product .universitas-faq__item[open] .universitas-faq__question::after {
content: '−';
}
.universitas-product .universitas-faq__answer {
padding: 0 1.25rem 1.25rem;
color: var(--uni-text-muted);
font-size: 0.9375rem;
line-height: 1.6;
}
.universitas-product .universitas-faq__answer p {
margin: 0 0 0.75rem;
}
.universitas-product .universitas-faq__answer p:last-child {
margin-bottom: 0;
} .universitas-product .universitas-final-cta {
background: var(--uni-primary-dark);
color: #fff;
text-align: center;
}
.universitas-product .universitas-final-cta .universitas-container {
max-width: 800px;
}
.universitas-product .universitas-final-cta h2 {
font-family: var(--uni-font-body, 'Open Sans', sans-serif);
font-size: 1.75rem;
font-weight: 700;
margin: 0 0 1rem;
}
.universitas-product .universitas-final-cta p {
color: rgba(255, 255, 255, 0.85);
margin: 0 0 1.5rem;
line-height: 1.6;
}
.universitas-product .universitas-final-cta__actions {
display: flex;
flex-direction: column;
gap: 1rem;
justify-content: center;
align-items: center;
}
@media (min-width: 576px) {
.universitas-product .universitas-final-cta__actions {
flex-direction: row;
}
}
.universitas-product .universitas-final-cta .universitas-button--primary {
background: var(--uni-accent);
color: var(--uni-primary-dark);
}
.universitas-product .universitas-final-cta .universitas-button--secondary {
background: transparent;
color: #fff;
border-color: #fff;
}
.universitas-product .universitas-final-cta .universitas-button--secondary:hover {
background: #fff;
color: var(--uni-primary-dark);
} .universitas-product .universitas-programa {
background: #fff;
}
.universitas-product .universitas-programa .universitas-container {
display: flex;
flex-direction: column;
gap: 1rem;
padding-block: 2rem;
}
.universitas-product .universitas-programa__eyebrow {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #b8be14;
}
.universitas-product .universitas-programa__title {
font-family: 'Open Sans', sans-serif;
font-size: 26px;
font-weight: 700;
color: #3c3c3b;
line-height: 1.3;
margin: 0;
}
.universitas-product .universitas-programa__image {
border-radius: 12px;
overflow: hidden;
border: 1px solid #e4e4e3;
}
.universitas-product .universitas-programa__image img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.universitas-product .universitas-programa__text {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
line-height: 23px;
margin: 0;
}
.universitas-product .universitas-programa__objective {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
line-height: 23px;
margin: 0;
}
.universitas-product .universitas-programa__cards {
display: flex;
flex-direction: column;
gap: 0;
border-radius: 12px;
overflow: hidden;
margin-top: 0.5rem;
}
.universitas-product .universitas-programa__card {
padding: 20px 22px;
}
.universitas-product .universitas-programa__card--upgrade {
background: #006992;
color: #fff;
}
.universitas-product .universitas-programa__card--metodo {
background: #08467f;
color: #fff;
}
.universitas-product .universitas-programa__card-prefix {
font-family: 'Open Sans', sans-serif;
font-size: 22px;
font-weight: 700;
display: block;
margin-bottom: 0.25rem;
}
.universitas-product .universitas-programa__card-title {
font-family: 'Open Sans', sans-serif;
font-size: 22px;
font-weight: 700;
display: block;
margin-bottom: 0.25rem;
}
.universitas-product .universitas-programa__card p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
line-height: 1.5;
margin: 0;
} .universitas-product .universitas-tools {
background: #fff;
}
.universitas-product .universitas-tools .universitas-container {
display: flex;
flex-direction: column;
gap: 1rem;
padding-block: 2rem;
}
.universitas-product .universitas-tools__eyebrow {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #b8be14;
}
.universitas-product .universitas-tools__title {
font-family: 'Open Sans', sans-serif;
font-size: 26px;
font-weight: 700;
color: #3c3c3b;
line-height: 1.3;
margin: 0;
}
.universitas-product .universitas-tools__subtitle {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
line-height: 23px;
margin: 0;
}
.universitas-product .universitas-tools__list {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.universitas-product .universitas-tools__item {
background: #fbfbfb;
border: 1px solid #e4e4e3;
border-radius: 12px;
overflow: hidden;
}
.universitas-product .universitas-tools__item summary,
.universitas-product .universitas-tools__item-title {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 600;
color: #3c3c3b;
padding: 16px 20px;
cursor: pointer;
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.universitas-product .universitas-tools__item summary::-webkit-details-marker {
display: none;
}
.universitas-product .universitas-tools__item summary::after {
content: '+';
font-size: 1.25rem;
color: #b8be14;
}
.universitas-product .universitas-tools__item[open] summary::after {
content: '\2212';
}
.universitas-product .universitas-tools__item-body {
padding: 0 20px 16px;
}
.universitas-product .universitas-tools__item-body p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
line-height: 23px;
margin: 0;
}
.universitas-product .universitas-tools__item--highlight {
background: #e6f0f4;
border-color: #006992;
padding: 20px;
}
.universitas-product .universitas-tools__item--highlight .universitas-tools__item-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.75rem;
}
.universitas-product .universitas-tools__item--highlight .universitas-tools__item-title {
padding: 0;
cursor: default;
}
.universitas-product .universitas-tools__item--highlight p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
line-height: 23px;
margin: 0 0 0.75rem;
}
.universitas-product .universitas-tools__checklist {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.universitas-product .universitas-tools__checklist li {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
line-height: 23px;
padding-left: 1.5rem;
position: relative;
}
.universitas-product .universitas-tools__checklist li::before {
content: '\2714';
position: absolute;
left: 0;
color: #c8d311;
font-weight: 700;
}
.universitas-product .universitas-button--brochure {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 1rem;
border-radius: 8px;
background: #c2d500;
color: #08467f;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 700;
text-decoration: none;
text-align: center;
transition: background 0.2s ease;
}
.universitas-product .universitas-button--brochure:hover {
background: #b8be14;
} .universitas-product .universitas-udima {
background: #08467f;
color: #fff;
border-radius: 12px;
overflow: hidden;
margin: 0 1rem;
}
.universitas-product .universitas-udima .universitas-container {
display: flex;
flex-direction: column;
padding: 0;
}
.universitas-product .universitas-udima__logo {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 2rem 1.5rem;
}
.universitas-product .universitas-udima__logo-text {
font-family: 'Open Sans', sans-serif;
font-size: 48px;
font-weight: 700;
color: #08467f;
letter-spacing: -1px;
}
.universitas-product .universitas-udima__content {
padding: 1.5rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.universitas-product .universitas-udima__eyebrow {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
color: rgba(255, 255, 255, 0.8);
}
.universitas-product .universitas-udima__title {
font-family: 'Open Sans', sans-serif;
font-size: 24px;
font-weight: 700;
color: #fff;
line-height: 1.3;
margin: 0;
}
.universitas-product .universitas-udima__content p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
line-height: 1.6;
margin: 0;
} .universitas-product .universitas-howto {
background: #fff;
}
.universitas-product .universitas-howto .universitas-container {
display: flex;
flex-direction: column;
gap: 1rem;
padding-block: 2rem;
}
.universitas-product .universitas-howto__eyebrow {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #b8be14;
}
.universitas-product .universitas-howto__title {
font-family: 'Open Sans', sans-serif;
font-size: 26px;
font-weight: 700;
color: #3c3c3b;
line-height: 1.3;
margin: 0;
}
.universitas-product .universitas-howto__subtitle {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
line-height: 23px;
margin: 0;
}
.universitas-product .universitas-howto__grid {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.universitas-product .universitas-howto__card {
background: #fbfbfb;
border: 1px solid #e4e4e3;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 0.375rem;
}
.universitas-product .universitas-howto__card-icon {
font-size: 24px;
line-height: 1;
margin-bottom: 0.25rem;
}
.universitas-product .universitas-howto__card h3 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 600;
color: #3c3c3b;
margin: 0;
}
.universitas-product .universitas-howto__card p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
line-height: 23px;
margin: 0;
} .universitas-product .universitas-pricing {
background: #fff;
}
.universitas-product .universitas-pricing .universitas-container {
display: flex;
flex-direction: column;
gap: 1.5rem;
padding-block: 2rem;
}
.universitas-product .universitas-pricing__eyebrow {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #b8be14;
}
.universitas-product .universitas-pricing__title {
font-family: 'Open Sans', sans-serif;
font-size: 26px;
font-weight: 700;
color: #08467f;
line-height: 1.3;
display: flex;
flex-direction: column;
}
.universitas-product .universitas-pricing__title span {
display: block;
margin: 0;
}
.universitas-product .universitas-pricing__subtitle {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
line-height: 23px;
margin: 0;
}
.universitas-product .universitas-pricing__card {
background: #fbfbfb;
border: 1px solid #e4e4e3;
border-radius: 12px;
padding: 24px 20px;
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.universitas-product .universitas-pricing__card-header {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.universitas-product .universitas-pricing__label {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 600;
color: #636362;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.universitas-product .universitas-pricing__plan-title {
font-family: 'Open Sans', sans-serif;
font-size: 22px;
font-weight: 700;
color: #3c3c3b;
line-height: 1.3;
margin: 0;
}
.universitas-product .universitas-pricing__tabs {
display: flex;
gap: 0;
border-bottom: 2px solid #e4e4e3;
}
.universitas-product .universitas-pricing__tab {
flex: 1;
padding: 0.75rem 1rem;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
color: #c4c4c4;
background: transparent;
border: none;
border-bottom: 3px solid transparent;
cursor: pointer;
text-align: center;
transition: color 0.2s, border-color 0.2s;
margin-bottom: -2px;
}
.universitas-product .universitas-pricing__tab--active {
color: #08467f;
border-bottom-color: #08467f;
}
.universitas-product .universitas-pricing__details {
display: flex;
flex-direction: column;
gap: 1rem;
}
.universitas-product .universitas-pricing__row {
background: #fff;
border: 1px solid #e4e4e3;
border-radius: 12px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.universitas-product .universitas-pricing__amount {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
margin: 0;
}
.universitas-product .universitas-pricing__amount--initial {
font-size: 36px;
color: #3c3c3b;
}
.universitas-product .universitas-pricing__amount--monthly {
font-size: 36px;
color: #b8be14;
}
.universitas-product .universitas-pricing__note {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
}
.universitas-product .universitas-pricing__card .cart {
margin: 0;
}
.universitas-product .universitas-pricing__card .single_add_to_cart_button,
.universitas-product .universitas-pricing__card button[type="submit"],
.universitas-product .universitas-pricing__card .button {
width: 100%;
padding: 1rem 1.5rem !important;
border-radius: 8px !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
border: none !important;
cursor: pointer !important;
background: #08467f !important;
color: #fff !important;
transition: background 0.2s ease;
}
.universitas-product .universitas-pricing__card .single_add_to_cart_button:hover,
.universitas-product .universitas-pricing__card button[type="submit"]:hover {
background: #006992 !important;
}
.universitas-product .universitas-pricing__disclaimer {
font-family: 'Open Sans', sans-serif;
font-size: 11px;
color: #999;
text-align: center;
margin: 0;
}
.universitas-product .universitas-pricing__upgrade {
background: #e6f0f4;
border-radius: 12px;
padding: 24px 20px;
}
.universitas-product .universitas-pricing__upgrade h3 {
font-family: 'Open Sans', sans-serif;
font-size: 22px;
font-weight: 700;
color: #08467f;
margin: 0 0 0.5rem;
}
.universitas-product .universitas-pricing__upgrade p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #636362;
line-height: 1.6;
margin: 0;
} .universitas-product .universitas-why-spain {
background: #fff;
}
.universitas-product .universitas-why-spain .universitas-container {
display: flex;
flex-direction: column;
gap: 1.25rem;
padding-block: 2rem;
}
.universitas-product .universitas-why-spain__title {
font-family: 'Open Sans', sans-serif;
font-size: 28px;
font-weight: 700;
color: #08467f;
line-height: 1.2;
margin: 0;
}
.universitas-product .universitas-why-spain__subtitle {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
line-height: 23px;
margin: 0;
}
.universitas-product .universitas-why-spain__grid {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.universitas-product .universitas-why-spain__card {
background: #fff;
border: 2px solid #08467f;
border-radius: 16px;
padding: 24px 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.75rem;
}
.universitas-product .universitas-why-spain__icon {
width: 56px;
height: 56px;
border-radius: 50%;
background: #e6f0f4;
display: flex;
align-items: center;
justify-content: center;
color: #08467f;
}
.universitas-product .universitas-why-spain__icon svg {
width: 28px;
height: 28px;
}
.universitas-product .universitas-why-spain__card h3 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 700;
color: #3c3c3b;
margin: 0;
}
.universitas-product .universitas-why-spain__card p {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #636362;
line-height: 23px;
margin: 0;
} .universitas-product .universitas-faq__number {
font-weight: 700;
margin-right: 0.5rem;
color: inherit;
} .universitas-product .universitas-button--secondary {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.875rem 1.5rem;
border-radius: 100px;
background: transparent;
color: #fff;
border: 2px solid #fff;
text-decoration: none;
font-family: var(--uni-font-display, 'Montserrat', sans-serif);
font-weight: 600;
transition: background 0.2s ease, color 0.2s ease;
} .universitas-product .universitas-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}