.elementor-1476 .elementor-element.elementor-element-5997e177{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1476 .elementor-element.elementor-element-5997e177:not(.elementor-motion-effects-element-type-background), .elementor-1476 .elementor-element.elementor-element-5997e177 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://camarassoma.pe/wp-content/uploads/2025/11/gestion-publica-fondo.webp");background-size:cover;}.elementor-1476 .elementor-element.elementor-element-5997e177.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1476 .elementor-element.elementor-element-2bfaca3.elementor-element{--align-self:center;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .tutor-card{background-color:#fff;border-radius:20px;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .tutor-card:hover{border-radius:20px;box-shadow:0px 0px 10px 1px #FFFFFF;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .tutor-card .tutor-card-body{padding:0px 15px 0px 15px;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .tutor-card .tutor-card-footer{border-top-color:#0A2E5C;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .tutor-avatar{width:34px;height:34px;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .tutor-course-name, .elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .tutor-course-name a{color:#0A2E5C;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .tutor-course-name{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:600;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .etlms-course-duration-meta .tutor-meta-key, .elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .etlms-course-duration-meta .tutor-meta-icon{color:#0A2E5C !important;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .etlms-course-duration-meta>*, .elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .etlms-course-duration-meta .tutor-meta-value, .elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .etlms-course-duration-meta a{color:#645F5F;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .etlms-course-duration-meta{font-family:"Inter", Sans-serif;font-size:6px;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .etlms-course-category-meta.tutor-meta-key{color:#0A2E5C;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .tutor-card-footer .tutor-btn-outline-primary{font-family:"Poppins", Sans-serif;font-weight:600;border-color:#0A2E5C;color:#0A2E5C;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(10.000000000000005, 46.00000000000001, 92.00000000000001, 0.47);}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .tutor-card-footer .tutor-btn-outline-primary:hover{border-color:#0A2E5C;background-color:#0A2E5C;color:#FFFFFF;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .etlms-carousel-arrow i{font-size:32px;color:#FFFFFF;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .etlms-carousel-arrow i:hover{color:#F0C800;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .slick-dots li button:before{font-size:30px;color:#FFFFFF;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .slick-dots{bottom:-29px;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .slick-dots li{margin-right:5px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1476 .elementor-element.elementor-element-5997e177{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1476 .elementor-element.elementor-element-2bfaca3{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1476 .elementor-element.elementor-element-2bfaca3.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-1476 .elementor-element.elementor-element-5997e177:not(.elementor-motion-effects-element-type-background), .elementor-1476 .elementor-element.elementor-element-5997e177 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://camarassoma.pe/wp-content/uploads/2025/12/Fondo-movil-1-3.webp");background-position:center center;}.elementor-1476 .elementor-element.elementor-element-5997e177{--width:100%;--min-height:500px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1476 .elementor-element.elementor-element-2bfaca3{width:var( --container-widget-width, 72% );max-width:72%;--container-widget-width:72%;--container-widget-flex-grow:0;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1476 .elementor-element.elementor-element-2bfaca3.elementor-element{--align-self:center;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .tutor-course-name{font-size:14px;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .etlms-course-duration-meta{font-size:13px;}.elementor-1476 .elementor-element.elementor-element-2bfaca3 .etlms-carousel-main-wrap .etlms-course-author-meta{font-size:1px;}}/* Start custom CSS for etlms-course-carousel, class: .elementor-element-2bfaca3 *//* 1. Centrado Perfecto del Contenedor */
.etlms-carousel-arrow {
    display: flex !important;
    align-items: center !important;    /* Centrado vertical */
    justify-content: center !important; /* Centrado horizontal */
    
    padding: 0 !important;             /* Elimina paddings que enchuecan */
    margin: 0 !important;
    line-height: 0 !important;          /* Evita que el texto empuje hacia abajo */
    
    width: 45px !important;
    height: 45px !important;
    background-color: #1e3a8a !important;
    border-radius: 50%;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10;
    cursor: pointer;
}

/* 2. Ajuste del Icono Interior */
.etlms-carousel-arrow i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    width: 100% !important;
    height: 100% !important;
    
    font-size: 20px !important; /* Tamaño del símbolo */
    color: #ffffff !important;
    font-style: normal !important;
    
    /* Reset de posibles estilos que lo tuercen */
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 3. Ajuste de los símbolos Unicode */
.etlms-carousel-arrow-prev i::before {
    content: '\276E' !important;
    font-family: Arial, sans-serif !important;
    margin-right: 2px; /* Pequeño ajuste visual para la flecha izquierda */
}

.etlms-carousel-arrow-next i::before {
    content: '\276F' !important;
    font-family: Arial, sans-serif !important;
    margin-left: 2px; /* Pequeño ajuste visual para la flecha derecha */
}

/* 4. Posicionamiento lateral (Alejadas del carrusel) */
.etlms-carousel-arrow-prev { left: -55px !important; }
.etlms-carousel-arrow-next { right: -55px !important; }

/* 5. Hover (Solo color, sin movimiento) */
.etlms-carousel-arrow:hover {
    background-color: #fbbf24 !important;
}
/* --- AJUSTES PARA MÓVILES (Pantallas menores a 767px) --- */
@media (max-width: 767px) {
    
    /* 1. Achicamos el tamaño del círculo */
    .etlms-carousel-arrow {
        width: 32px !important;
        height: 32px !important;
        /* Bajamos un poco el tamaño de la flecha interna */
        font-size: 14px !important; 
    }

    /* 2. Las pegamos más al carrusel (ajuste de posición) */
    .etlms-carousel-arrow-prev {
        left: -30px !important; /* Estaban en -55px, ahora casi rozan el borde */
    }

    .etlms-carousel-arrow-next {
        right: -30px !important;
    }

    /* 3. Reducimos el espacio del contenedor para que quepan en la pantalla */
    .elementor-widget-etlms-course-carousel {
        padding: 0 10px !important;
    }

    /* 4. Ajuste fino de los símbolos para que no se vean chuecos siendo más chicos */
    .etlms-carousel-arrow-prev i::before,
    .etlms-carousel-arrow-next i::before {
        margin: 0 !important; /* Quitamos márgenes de compensación en móvil */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5997e177 */.fondo {
    background: linear-gradient(135deg, #003366 0%, #004d99 50%, #0066cc 100%);
}/* End custom CSS */