/* Start custom CSS for html, class: .elementor-element-a01ff74 *//* ==========================================================
CEI
MARKETING Y PUBLICIDAD ONLINE
========================================================== */
/* ==========================================================
OCULTAR TÍTULO AUTOMÁTICO DE WORDPRESS
SOLO EN ESTA PÁGINA
========================================================== */
body:has(.cei-online) .entry-title,
body:has(.cei-online) .page-title,
body:has(.cei-online) .wp-block-post-title,
body:has(.cei-online) .elementor-page-title,
body:has(.cei-online) .post-title,
body:has(.cei-online) .page-header-title,
body:has(.cei-online) header.entry-header,
body:has(.cei-online) .page-header,
body:has(.cei-online) .entry-header,
body:has(.cei-online) .qodef-page-title,
body:has(.cei-online) .title_outer,
body:has(.cei-online) .title_holder {
display: none !important;
}
body:has(.cei-online) .entry-content,
body:has(.cei-online) .site-content,
body:has(.cei-online) main.site-main {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* ==========================================================
VARIABLES
========================================================== */
.cei-online {
--cei-red: #c60000;
--cei-red-dark: #a30000;
--cei-dark: #202020;
--cei-text: #404040;
--cei-grey: #6d6d6d;
--cei-light: #f6f6f6;
--cei-light-2: #fafafa;
--cei-border: #e3e3e3;
--cei-white: #ffffff;
width: 100%;
overflow: hidden;
background: var(--cei-white);
color: var(--cei-text);
font-family: Arial, Helvetica, sans-serif;
}
.cei-online *,
.cei-online *::before,
.cei-online *::after {
box-sizing: border-box;
}
.cei-online a {
text-decoration: none;
}
.cei-online p {
line-height: 1.7;
}
.cei-container {
width: min(
1180px,
calc(100% - 40px)
);
margin: 0 auto;
}
/* ==========================================================
HERO
========================================================== */
.cei-hero {
padding: 80px 0 75px;
background:
linear-gradient(
110deg,
#ffffff 0%,
#ffffff 68%,
#faf6f6 100%
);
}
.cei-hero-grid {
display: grid;
grid-template-columns:
minmax(0, 1.5fr)
minmax(330px, .72fr);
gap: 65px;
align-items: center;
}
.cei-eyebrow {
margin-bottom: 20px;
color: var(--cei-red);
font-size: 13px;
font-weight: 800;
letter-spacing: 1.8px;
}
.cei-hero h1 {
max-width: 800px;
margin: 0 0 25px;
color: var(--cei-dark);
font-size:
clamp(
42px,
5.2vw,
70px
);
font-weight: 800;
line-height: 1.02;
letter-spacing: -2.5px;
}
.cei-hero-lead {
max-width: 720px;
margin: 0 0 32px;
color: #555;
font-size: 19px;
line-height: 1.7 !important;
}
/* ==========================================================
DATOS HERO
========================================================== */
.cei-hero-data {
display: grid;
grid-template-columns:
repeat(4, 1fr);
margin-bottom: 32px;
border-top: 1px solid var(--cei-border);
border-bottom: 1px solid var(--cei-border);
}
.cei-hero-data-item {
padding:
18px
15px
18px
0;
}
.cei-hero-data-item strong {
display: block;
margin-bottom: 4px;
color: var(--cei-dark);
font-size: 14px;
}
.cei-hero-data-item span {
display: block;
color: var(--cei-grey);
font-size: 12px;
}
/* ==========================================================
BOTONES
========================================================== */
.cei-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.cei-btn {
display: inline-flex;
min-height: 51px;
padding: 0 25px;
align-items: center;
justify-content: center;
border-radius: 4px;
font-size: 14px;
font-weight: 800;
transition:
background .2s ease,
color .2s ease,
border-color .2s ease,
transform .2s ease;
}
.cei-btn:hover {
transform: translateY(-1px);
}
.cei-btn-primary {
background: var(--cei-red);
color: white !important;
border:
1px solid
var(--cei-red);
}
.cei-btn-primary:hover {
background:
var(--cei-red-dark);
border-color:
var(--cei-red-dark);
}
.cei-btn-outline {
background: transparent;
color:
var(--cei-dark) !important;
border:
1px solid #ccc;
}
.cei-btn-outline:hover {
color:
var(--cei-red) !important;
border-color:
var(--cei-red);
}
.cei-btn-full {
width: 100%;
}
/* ==========================================================
PRECIO HERO
========================================================== */
.cei-price-card {
position: relative;
padding: 38px;
background: white;
border:
1px solid
var(--cei-border);
border-top:
5px solid
var(--cei-red);
border-radius: 7px;
box-shadow:
0 20px 45px
rgba(0,0,0,.08);
}
.cei-online-badge {
position: absolute;
top: 27px;
right: 27px;
padding: 7px 12px;
background:
var(--cei-red);
border-radius: 4px;
color: white;
font-size: 11px;
font-weight: 800;
letter-spacing: .7px;
}
.cei-price-label {
margin: 0 0 7px !important;
color: var(--cei-grey);
font-size: 14px;
font-weight: 700;
}
.cei-price-number {
color:
var(--cei-dark);
font-size: 57px;
font-weight: 800;
line-height: 1;
letter-spacing: -2.5px;
}
.cei-price-period {
margin:
9px 0 0 !important;
color:
var(--cei-grey);
font-size: 14px;
}
.cei-price-divider {
height: 1px;
margin: 26px 0 23px;
background:
var(--cei-border);
}
.cei-price-card ul {
margin: 0 0 28px;
padding: 0;
list-style: none;
}
.cei-price-card li {
position: relative;
padding:
8px 0
8px 23px;
color: #424242;
font-size: 14px;
line-height: 1.5;
}
.cei-price-card li::before {
content: "✓";
position: absolute;
left: 0;
color:
var(--cei-red);
font-weight: 800;
}
.cei-email-link {
display: block;
margin-top: 16px;
color: #777 !important;
text-align: center;
font-size: 12px;
}
/* ==========================================================
FRANJA INFORMACIÓN
========================================================== */
.cei-info-strip {
background:
var(--cei-light);
border-top:
1px solid #ededed;
border-bottom:
1px solid #ededed;
}
.cei-info-strip-grid {
display: grid;
grid-template-columns:
repeat(4, 1fr);
}
.cei-info-strip-grid > div {
padding:
27px 25px;
border-right:
1px solid #ddd;
}
.cei-info-strip-grid > div:last-child {
border-right: 0;
}
.cei-info-strip span {
display: block;
margin-bottom: 5px;
color: #8a8a8a;
font-size: 10px;
font-weight: 800;
letter-spacing: 1.3px;
}
.cei-info-strip strong {
color:
var(--cei-dark);
font-size: 18px;
}
/* ==========================================================
SECCIONES GENERALES
========================================================== */
.cei-section {
padding: 90px 0;
}
.cei-section-grey {
background:
var(--cei-light);
}
.cei-section-label {
display: inline-block;
margin-bottom: 15px;
color:
var(--cei-red);
font-size: 12px;
font-weight: 800;
letter-spacing: 1.6px;
}
.cei-section h2,
.cei-final-cta h2,
.cei-regulation-section h2 {
margin:
0 0 22px;
color:
var(--cei-dark);
font-size:
clamp(
34px,
4vw,
50px
);
font-weight: 800;
line-height: 1.08;
letter-spacing: -1.5px;
}
.cei-lead {
color: #3f3f3f;
font-size: 18px;
line-height:
1.75 !important;
}
.cei-section-heading {
max-width: 760px;
margin:
0 auto 52px;
text-align: center;
}
.cei-section-heading h2 {
margin-bottom: 15px;
}
.cei-section-heading p {
margin: 0;
color:
var(--cei-grey);
font-size: 16px;
}
/* ==========================================================
INTRO
========================================================== */
.cei-intro-grid {
display: grid;
grid-template-columns:
1fr 1fr;
gap: 80px;
align-items: center;
}
.cei-intro-text p {
color:
var(--cei-grey);
}
.cei-intro-text .cei-lead {
color: #3f3f3f;
}
.cei-benefits {
padding-left: 35px;
border-left:
3px solid
var(--cei-red);
}
.cei-benefits article {
display: grid;
grid-template-columns:
48px 1fr;
gap: 17px;
padding: 17px 0;
}
.cei-benefits article > span {
color:
var(--cei-red);
font-size: 13px;
font-weight: 800;
}
.cei-benefits h3 {
margin: 0 0 6px;
color:
var(--cei-dark);
font-size: 18px;
}
.cei-benefits p {
margin: 0;
color:
var(--cei-grey);
font-size: 14px;
}
/* ==========================================================
PLATAFORMA EAD
========================================================== */
.cei-platform-grid {
display: grid;
grid-template-columns:
repeat(2, 1fr);
gap: 18px;
}
.cei-platform-grid article {
padding: 30px;
background: white;
border:
1px solid
var(--cei-border);
border-radius: 6px;
}
.cei-platform-grid .cei-platform-main {
border-top:
4px solid
var(--cei-red);
}
.cei-platform-number {
display: block;
margin-bottom: 27px;
color:
var(--cei-red);
font-size: 12px;
font-weight: 800;
}
.cei-platform-grid h3 {
margin:
0 0 11px;
color:
var(--cei-dark);
font-size: 20px;
}
.cei-platform-grid p {
margin: 0;
color:
var(--cei-grey);
font-size: 14px;
}
/* ==========================================================
TUTORÍAS
========================================================== */
.cei-tutoring-grid {
display: grid;
grid-template-columns:
1fr 1fr;
gap: 80px;
align-items: center;
}
.cei-tutoring-grid > div:first-child p {
color:
var(--cei-grey);
}
.cei-tutoring-grid > div:first-child .cei-lead {
color: #3f3f3f;
}
.cei-tutoring-card {
padding: 35px;
background:
var(--cei-light);
border-top:
4px solid
var(--cei-red);
border-radius: 6px;
}
.cei-tutoring-icon {
margin-bottom: 25px;
color:
var(--cei-red);
font-size: 30px;
font-weight: 800;
}
.cei-tutoring-card h3 {
margin:
0 0 8px;
color:
var(--cei-dark);
font-size: 18px;
}
.cei-tutoring-card p {
margin: 0;
color:
var(--cei-grey);
font-size: 14px;
}
.cei-tutoring-divider {
height: 1px;
margin: 23px 0;
background: #ddd;
}
/* ==========================================================
COMPETENCIAS
========================================================== */
.cei-card-grid {
display: grid;
grid-template-columns:
repeat(3, 1fr);
gap: 18px;
}
.cei-card {
padding: 30px;
background: white;
border:
1px solid
var(--cei-border);
border-radius: 6px;
transition:
transform .2s ease,
box-shadow .2s ease;
}
.cei-card:hover {
transform:
translateY(-3px);
box-shadow:
0 14px 30px
rgba(0,0,0,.06);
}
.cei-card-number {
display: block;
margin-bottom: 30px;
color:
var(--cei-red);
font-size: 12px;
font-weight: 800;
}
.cei-card h3 {
margin:
0 0 10px;
color:
var(--cei-dark);
font-size: 19px;
}
.cei-card p {
margin: 0;
color:
var(--cei-grey);
font-size: 14px;
}
/* ==========================================================
PLAN DE ESTUDIOS
========================================================== */
.cei-course-grid {
display: grid;
grid-template-columns:
repeat(2, 1fr);
gap: 25px;
}
.cei-course {
overflow: hidden;
background: white;
border:
1px solid
var(--cei-border);
border-radius: 7px;
}
.cei-course-header {
padding:
27px 30px;
background: #fafafa;
border-bottom:
1px solid
var(--cei-border);
}
.cei-course-header span {
display: block;
margin-bottom: 6px;
color:
var(--cei-red);
font-size: 11px;
font-weight: 800;
letter-spacing: 1.5px;
}
.cei-course-header h3 {
margin: 0;
color:
var(--cei-dark);
font-size: 26px;
}
.cei-course ul {
margin: 0;
padding:
10px 30px 20px;
list-style: none;
}
.cei-course li {
position: relative;
padding:
13px 0
13px 20px;
border-bottom:
1px solid #eee;
color: #484848;
font-size: 14px;
line-height: 1.55;
}
.cei-course li:last-child {
border-bottom: 0;
}
.cei-course li::before {
content: "";
position: absolute;
top: 20px;
left: 0;
width: 6px;
height: 6px;
background:
var(--cei-red);
border-radius: 50%;
}
.cei-small-note {
max-width: 850px;
margin:
27px auto 0 !important;
color: #888;
text-align: center;
font-size: 12px;
}
/* ==========================================================
EVALUACIÓN
========================================================== */
.cei-evaluation-grid {
display: grid;
grid-template-columns:
repeat(2, 1fr);
gap: 20px;
}
.cei-evaluation-card {
display: grid;
grid-template-columns:
85px 1fr;
gap: 22px;
padding: 30px;
background: white;
border:
1px solid
var(--cei-border);
border-radius: 6px;
}
.cei-evaluation-date {
width: 72px;
height: 72px;
display: flex;
align-items: center;
justify-content: center;
background:
var(--cei-red);
color: white;
border-radius: 4px;
font-size: 19px;
font-weight: 800;
}
.cei-evaluation-card span {
color:
var(--cei-red);
font-size: 10px;
font-weight: 800;
letter-spacing: 1.3px;
}
.cei-evaluation-card h3 {
margin:
5px 0 8px;
color:
var(--cei-dark);
font-size: 21px;
}
.cei-evaluation-card p {
margin: 0;
color:
var(--cei-grey);
font-size: 14px;
}
.cei-official-exams {
margin-top: 25px;
display: grid;
grid-template-columns:
1.2fr 1fr 1fr;
background:
var(--cei-dark);
border-radius: 6px;
overflow: hidden;
}
.cei-official-exams > div {
padding: 30px;
border-right:
1px solid
rgba(255,255,255,.12);
}
.cei-official-exams > div:last-child {
border-right: 0;
}
.cei-official-exams-title span {
display: block;
margin-bottom: 7px;
color: #ef7777;
font-size: 10px;
font-weight: 800;
letter-spacing: 1.2px;
}
.cei-official-exams-title h3 {
margin: 0;
color: white;
font-size: 21px;
line-height: 1.3;
}
.cei-official-exam-item strong {
color: white;
font-size: 17px;
}
.cei-official-exam-item p {
margin:
8px 0 0;
color: #ccc;
font-size: 13px;
}
/* ==========================================================
EMPRESA
========================================================== */
.cei-company-grid {
display: grid;
grid-template-columns:
.75fr 1.25fr;
gap: 80px;
align-items: center;
}
.cei-company-title {
color:
var(--cei-dark);
font-size:
clamp(
48px,
6vw,
85px
);
font-weight: 800;
line-height: .9;
letter-spacing: -3px;
}
.cei-company-title span {
display: block;
margin-bottom: 10px;
color:
var(--cei-red);
font-size: 16px;
letter-spacing: 3px;
}
.cei-company-grid p {
color:
var(--cei-grey);
}
/* ==========================================================
DUAL
========================================================== */
.cei-dual-section {
padding:
0 0 90px;
background: white;
}
.cei-dual-box {
display: grid;
grid-template-columns:
.35fr 1.65fr;
overflow: hidden;
border:
1px solid
var(--cei-border);
border-radius: 7px;
}
.cei-dual-label {
display: flex;
align-items: center;
justify-content: center;
background:
var(--cei-red);
color: white;
font-size:
clamp(
42px,
6vw,
74px
);
font-weight: 800;
letter-spacing: -3px;
}
.cei-dual-content {
padding:
43px 48px;
}
.cei-dual-content h2 {
margin:
0 0 18px;
color:
var(--cei-dark);
font-size:
clamp(
31px,
3.3vw,
43px
);
line-height: 1.1;
}
.cei-dual-content p {
color:
var(--cei-grey);
}
.cei-dual-note {
margin-top: 20px !important;
padding:
15px 18px;
background:
var(--cei-light);
border-left:
3px solid
var(--cei-red);
font-size:
12px !important;
}
/* ==========================================================
SALIDAS PROFESIONALES
========================================================== */
.cei-jobs-grid {
max-width: 930px;
margin: 0 auto;
display: grid;
grid-template-columns:
repeat(2, 1fr);
gap: 10px;
}
.cei-jobs-grid > div {
position: relative;
padding:
18px 20px
18px 47px;
background: white;
border:
1px solid #e8e8e8;
border-radius: 5px;
color: #404040;
font-size: 14px;
font-weight: 700;
}
.cei-jobs-grid > div::before {
content: "→";
position: absolute;
left: 20px;
color:
var(--cei-red);
font-weight: 800;
}
/* ==========================================================
ACCESO
========================================================== */
.cei-access-grid {
display: grid;
grid-template-columns:
repeat(3, 1fr);
gap: 18px;
}
.cei-access-grid article {
padding: 29px;
border:
1px solid
var(--cei-border);
border-radius: 6px;
}
.cei-access-grid article > span {
color:
var(--cei-red);
font-size: 12px;
font-weight: 800;
}
.cei-access-grid h3 {
margin:
24px 0 9px;
color:
var(--cei-dark);
font-size: 19px;
}
.cei-access-grid p {
margin: 0;
color:
var(--cei-grey);
font-size: 14px;
}
.cei-access-help {
margin-top: 25px;
padding:
27px 30px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
background:
var(--cei-light);
border-radius: 6px;
}
.cei-access-help strong {
color:
var(--cei-dark);
font-size: 17px;
}
.cei-access-help p {
margin:
5px 0 0;
color:
var(--cei-grey);
font-size: 13px;
}
/* ==========================================================
NORMATIVA
========================================================== */
.cei-regulation-section {
padding: 90px 0;
background:
var(--cei-light);
}
.cei-regulation-box {
display: grid;
grid-template-columns:
.9fr 1.1fr;
gap: 70px;
align-items: start;
}
.cei-regulation-box > div:first-child p {
color:
var(--cei-grey);
}
.cei-regulation-list {
border-top:
1px solid #d8d8d8;
}
.cei-regulation-list article {
display: grid;
grid-template-columns:
45px 1fr;
gap: 15px;
padding: 22px 0;
border-bottom:
1px solid #d8d8d8;
}
.cei-regulation-list article > span {
color:
var(--cei-red);
font-size: 12px;
font-weight: 800;
}
.cei-regulation-list p {
margin: 0;
color:
var(--cei-grey);
font-size: 13px;
}
/* ==========================================================
PRECIO INFERIOR
========================================================== */
.cei-price-section {
padding:
90px 0;
background: white;
}
.cei-price-banner {
display: grid;
grid-template-columns:
1.2fr .8fr;
overflow: hidden;
background:
var(--cei-red);
border-radius: 8px;
}
.cei-price-banner > div:first-child {
padding:
50px 55px;
}
.cei-price-banner-label {
display: block;
margin-bottom: 15px;
color:
rgba(255,255,255,.8);
font-size: 11px;
font-weight: 800;
letter-spacing: 1.5px;
}
.cei-price-banner h2 {
max-width: 580px;
margin:
0 0 16px;
color: white;
font-size:
clamp(
33px,
4vw,
48px
);
line-height: 1.08;
}
.cei-price-banner p {
max-width: 580px;
margin: 0;
color:
rgba(255,255,255,.85);
}
.cei-price-banner-right {
padding: 45px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background:
var(--cei-red-dark);
text-align: center;
}
.cei-price-banner-right > span {
margin-bottom: 7px;
color:
rgba(255,255,255,.76);
font-size: 10px;
font-weight: 800;
letter-spacing: 1.2px;
}
.cei-price-banner-right strong {
margin-bottom: 23px;
color: white;
font-size:
clamp(
48px,
6vw,
67px
);
line-height: 1;
letter-spacing: -2px;
}
.cei-btn-white {
background: white;
border:
1px solid white;
color:
var(--cei-red) !important;
}
.cei-btn-white:hover {
background: #f3f3f3;
}
/* ==========================================================
FAQ
========================================================== */
.cei-faq-grid {
display: grid;
grid-template-columns:
.7fr 1.3fr;
gap: 80px;
align-items: start;
}
.cei-faq-grid > div:first-child p {
color:
var(--cei-grey);
}
.cei-simple-link {
display: inline-block;
margin-top: 12px;
color:
var(--cei-red) !important;
font-weight: 800;
}
.cei-faq-list details {
border-top:
1px solid
var(--cei-border);
}
.cei-faq-list details:last-child {
border-bottom:
1px solid
var(--cei-border);
}
.cei-faq-list summary {
position: relative;
padding:
23px
45px
23px
0;
cursor: pointer;
list-style: none;
color:
var(--cei-dark);
font-size: 16px;
font-weight: 800;
}
.cei-faq-list summary::-webkit-details-marker {
display: none;
}
.cei-faq-list summary::after {
content: "+";
position: absolute;
top: 17px;
right: 6px;
color:
var(--cei-red);
font-size: 27px;
font-weight: 400;
}
.cei-faq-list details[open] summary::after {
content: "−";
}
.cei-faq-list details p {
margin: 0;
padding:
0 45px
23px 0;
color:
var(--cei-grey);
font-size: 14px;
}
/* ==========================================================
CTA FINAL
========================================================== */
.cei-final-cta {
padding:
90px 0;
background:
var(--cei-light);
border-top:
1px solid #e7e7e7;
}
.cei-final-content {
max-width: 780px;
margin: 0 auto;
text-align: center;
}
.cei-final-content > span {
display: block;
margin-bottom: 15px;
color:
var(--cei-red);
font-size: 11px;
font-weight: 800;
letter-spacing: 1.8px;
}
.cei-final-content p {
max-width: 620px;
margin:
0 auto 28px;
color:
var(--cei-grey);
font-size: 16px;
}
.cei-final-email {
display: block;
margin-top: 19px;
color:
#666 !important;
font-size: 13px;
}
/* ==========================================================
TABLET
========================================================== */
@media (max-width: 980px) {
.cei-hero-grid,
.cei-intro-grid,
.cei-tutoring-grid,
.cei-company-grid,
.cei-faq-grid,
.cei-regulation-box {
grid-template-columns:
1fr;
gap: 45px;
}
.cei-price-card {
max-width: 560px;
}
.cei-hero-data {
grid-template-columns:
repeat(2, 1fr);
}
.cei-card-grid {
grid-template-columns:
repeat(2, 1fr);
}
.cei-company-title {
font-size: 65px;
}
.cei-official-exams {
grid-template-columns:
1fr 1fr;
}
.cei-official-exams-title {
grid-column:
1 / -1;
}
.cei-dual-box {
grid-template-columns:
.45fr 1.55fr;
}
}
/* ==========================================================
MÓVIL
========================================================== */
@media (max-width: 720px) {
.cei-container {
width:
min(
100% - 28px,
1180px
);
}
.cei-hero {
padding:
52px 0;
}
.cei-section,
.cei-regulation-section {
padding:
65px 0;
}
.cei-hero h1 {
font-size: 41px;
letter-spacing:
-1.5px;
}
.cei-hero-lead {
font-size: 17px;
}
.cei-hero-actions,
.cei-hero-actions .cei-btn {
width: 100%;
}
.cei-price-card {
padding:
28px 23px;
}
.cei-price-number {
font-size: 48px;
}
.cei-info-strip-grid {
grid-template-columns:
repeat(2, 1fr);
}
.cei-info-strip-grid > div:nth-child(2n) {
border-right: 0;
}
.cei-info-strip-grid > div {
border-bottom:
1px solid #ddd;
}
.cei-platform-grid,
.cei-card-grid,
.cei-course-grid,
.cei-evaluation-grid,
.cei-jobs-grid,
.cei-access-grid {
grid-template-columns:
1fr;
}
.cei-benefits {
padding-left: 20px;
}
.cei-evaluation-card {
grid-template-columns:
70px 1fr;
}
.cei-evaluation-date {
width: 60px;
height: 60px;
font-size: 16px;
}
.cei-official-exams {
grid-template-columns:
1fr;
}
.cei-official-exams-title {
grid-column: auto;
}
.cei-official-exams > div {
border-right: 0;
border-bottom:
1px solid
rgba(255,255,255,.12);
}
.cei-official-exams > div:last-child {
border-bottom: 0;
}
.cei-access-help {
flex-direction: column;
align-items: flex-start;
}
.cei-access-help .cei-btn {
width: 100%;
}
.cei-company-title {
font-size: 52px;
}
.cei-dual-section {
padding-bottom: 65px;
}
.cei-dual-box {
grid-template-columns:
1fr;
}
.cei-dual-label {
padding:
25px;
justify-content:
flex-start;
font-size: 40px;
letter-spacing: -1px;
}
.cei-dual-content {
padding:
32px 25px;
}
.cei-price-banner {
grid-template-columns:
1fr;
}
.cei-price-banner > div:first-child,
.cei-price-banner-right {
padding:
35px 25px;
}
.cei-price-section {
padding:
65px 0;
}
}
/* ==========================================================
MÓVIL PEQUEÑO
========================================================== */
@media (max-width: 480px) {
.cei-hero h1 {
font-size: 36px;
}
.cei-section h2,
.cei-final-cta h2,
.cei-regulation-section h2 {
font-size: 33px;
}
.cei-online-badge {
position: static;
display: inline-block;
margin-bottom: 22px;
}
.cei-hero-data-item {
padding:
14px 8px
14px 0;
}
.cei-platform-grid article,
.cei-card,
.cei-course-header,
.cei-evaluation-card {
padding-left: 22px;
padding-right: 22px;
}
.cei-course ul {
padding-left: 22px;
padding-right: 22px;
}
}
/* ==========================================================
ACCESIBILIDAD
========================================================== */
@media (prefers-reduced-motion: reduce) {
.cei-online *,
.cei-online *::before,
.cei-online *::after {
transition: none !important;
scroll-behavior: auto !important;
}
}/* End custom CSS */