/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 04 2026 | 02:33:43 */
:root {
	/* Layout: Fluid Sizes
	@link https://utopia.fyi/clamp/calculator?a=1280,1440,1024—1280
	---------------------------------------------------------------------- */
    --content-width: clamp(1080px, 90vw, 1280px);
	--content-wide: clamp(1280px, 95vw, 1440px);
	
	/* Fonts */
	--fonts-avenir: "Avenir", sans-serif;

	--fonts-2xs: clamp(0.6rem, 0.55rem + 0.2vw, 0.85rem);
	--fonts-xs: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
	--fonts-s: clamp(1rem, 0.92rem + 0.34vw, 1.3rem);
	--fonts-m: clamp(1.3rem, 1.22rem + 0.45vw, 1.6rem);
	--fonts-l: clamp(1.6rem, 1.63rem + 0.6vw, 2.3rem);
	--fonts-xl: clamp(2.3rem, 2.17rem + 0.8vw, 3rem);
	--fonts-2xl: clamp(2.6rem, 2rem + 1vw, 3.6rem);
	--fonts-3xl: clamp(3rem, 3.9rem + 0.85vw, 4.2rem);
	--fonts-4xl: clamp(3.2rem, 1rem + 5vw, 8rem);
    
	/* OMC Colors */
    --color-omc-primary: #009fe3; /* azul oscuro */
    --color-omc-secondary: #41ded3; /* verdecito */
	--color-omc-terciary: #004c6b !important; /* celeste */
	
	/* Spacing */
	--space-xs: 0.5rem;    /* 8px */
	--space-s:  1rem;      /* 16px */
	--space-m:  1.5rem;    /* 24px */
	--space-l:  2rem;      /* 32px */
	--space-xl: 3rem;      /* 48px */
	--space-2xl: 4rem;     /* 64px */
	--space-3xl: 6rem;     /* 96px */
}

h1 {
	font-family: var(--fonts-avenir), Sans-serif;
	font-size: var(--fonts-xl);
    line-height: var( --e-global-typography-26c4b5d-line-height );
	font-weight: bold !important;
}

h2 {
	font-family: var(--fonts-avenir);
	font-size: var(--fonts-l) !important;
	font-weight: bold !important;
}

h3 {
	font-family: var(--fonts-avenir);
	font-size: var(--fonts-m) !important;
	font-weight: bold !important;
}

h3 {
	font-family: var(--fonts-avenir);
	font-size: var(--fonts-s) !important;
	font-weight: bold!important;
}

/* CLASES */
.text-justify {
	text-align: justify;
}


.course-template-default .page-header,
.wp-block-sensei-lms-course-outline-module__lessons-title { 
	display: none !important;
}

.page-title {
	padding: 3rem 1rem;
	color: white;
	text-align: center;
}

.page-title .tag {
		font-family: "Avenir", Sans-serif;
	  font-size: clamp(1rem, 0.9rem + 0.8vw, 1.2rem);
	  font-weight: 500;
	  text-transform: uppercase;
	  color: white;
}
.page-title .tag mark {
	  background-color: #004c6b !important;
	  color: white !important;
	padding: 0 2px !important;
}

.page-title h2 {
	font-size: var( --e-global-typography-26c4b5d-font-size );
    line-height: var( --e-global-typography-26c4b5d-line-height );
	font-weight: bold;
	margin-top: 0 !important;
}
.page-title p {
	margin-top: 1rem !important;
}

#curso-page-title h1 {
	font-size: var(--fonts-2xl);
}

.wp-block-sensei-lms-course-outline-module {
	border: 0;
}

.wp-block-sensei-lms-course-outline header {
	background-color: #004c6b;
  color: white !important;
}

a.wp-block-sensei-lms-course-outline-lesson {
	color: var(--color-omc-terciary) !important;
	text-decoration: none !important;
}

.sensei-progress-bar__label {
	color: #0693e3;
}

.wp-block-sensei-lms-course-outline-module__header h2 {
	font-size: var(--fonts-m) !important;
}

/* Lesson page */
.sensei-course-theme__sidebar {
	padding-top: 150px !important;
}
.sensei-course-theme__main-content {
	padding-top: 70px !important;	
}

.sensei-course-theme__header{
	background-color: var(--color-omc-secondary);
}
.sensei-course-theme-header-content h2 {
	font-size: var(--fonts-s) !important;
	color: var(--color-omc-terciary);
}

.sensei-lms-course-navigation-module__title {
	font-size: var(--fonts-xs) !important;
	text-wrap: wrap;
}

.sensei-lms-course-navigation-lesson:not(.current-lesson) a {
	color: #014c6b !important;
}

.sensei-course-theme-course-progress-bar-inner {
	background-color: var(--color-omc-secondary) !important;
}

.wp-block-sensei-lms-button-view-quiz .wp-block-button__link {
	background-color: var(--color-omc-secondary) !important;
		border: 0 !important;
}
.wp-block-sensei-lms-button-view-quiz .wp-block-button__link:hover {
	background-color: var(--color-omc-primary) !important;
}

.question.question-title {
	font-size: var(--fonts-m) !important;
	color: var(--color-omc-primary) !important;
}

/* buttons lessons */
.sensei-course-theme .wp-block-sensei-lms-lesson-actions .wp-block-sensei-button.wp-block-button.is-style-outline button {
	border-color: var(--color-omc-primary) !important;
}
.wp-block-sensei-lms-button-next-lesson .wp-block-button__link {
	background-color: var(--color-omc-primary) !important;
	border-color: var(--color-omc-primary) !important;
	color: white !important;
}
.wp-block-sensei-lms-button-next-lesson .wp-block-button__link:hover {
	background-color: var(--color-omc-terciary) !important;
	border-color: var(--color-omc-terciary) !important;
}


section.seg-1 header {
	background-color: var(--color-omc-secondary) !important;
}
section.seg-2 header,
{
	background-color: var(--color-omc-primary) !important;
}
section.seg-3 header {
	background-color: var(--color-omc-terciary) !important;
}

.tag-segmento {
	padding-bottom: .5rem;
}
.tag-segmento span {
	background-color: var(--color-omc-secondary);
  color: white;
  text-transform: uppercase;
  font-size: var(--fonts-xs)\);
  padding: .2rem;
}

.single-lesson iframe {
	width: 100% !important;
}

@media (max-width: 780px) {
	.single-lesson iframe {
		max-height: 400px !important;
	}	
}
@media (max-width: 500px) {
	.single-lesson iframe {
		max-height: 300px !important;
	}	
}