.elementor-12980 .elementor-element.elementor-element-75a02c7f{--display:flex;--min-height:350px;--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:center;--overlay-opacity:1;--margin-top:0px;--margin-bottom:080px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12980 .elementor-element.elementor-element-75a02c7f:not(.elementor-motion-effects-element-type-background), .elementor-12980 .elementor-element.elementor-element-75a02c7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://deuunam.site/wp-content/uploads/2026/09/bg-sidebar-others.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12980 .elementor-element.elementor-element-75a02c7f::before, .elementor-12980 .elementor-element.elementor-element-75a02c7f > .elementor-background-video-container::before, .elementor-12980 .elementor-element.elementor-element-75a02c7f > .e-con-inner > .elementor-background-video-container::before, .elementor-12980 .elementor-element.elementor-element-75a02c7f > .elementor-background-slideshow::before, .elementor-12980 .elementor-element.elementor-element-75a02c7f > .e-con-inner > .elementor-background-slideshow::before, .elementor-12980 .elementor-element.elementor-element-75a02c7f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #11111180 0%, #FFFFFF00 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-12980 .elementor-element.elementor-element-732cbd41{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;text-align:center;}.elementor-12980 .elementor-element.elementor-element-732cbd41 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:56px;font-weight:500;line-height:1.25em;color:var( --e-global-color-f1bf0cd );}.elementor-12980 .elementor-element.elementor-element-2ad71f8e{width:var( --container-widget-width, 550px );max-width:550px;--container-widget-width:550px;--container-widget-flex-grow:0;text-align:center;}.elementor-12980 .elementor-element.elementor-element-2ad71f8e.elementor-element{--align-self:center;}.elementor-12980 .elementor-element.elementor-element-2ad71f8e .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:400;line-height:1.5rem;color:var( --e-global-color-f1bf0cd );}.elementor-12980 .elementor-element.elementor-element-9006f45{--display:flex;--min-height:1000px;--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;}@media(min-width:768px){.elementor-12980 .elementor-element.elementor-element-9006f45{--content-width:1200px;}}@media(max-width:1024px){.elementor-12980 .elementor-element.elementor-element-75a02c7f{--min-height:300px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-12980 .elementor-element.elementor-element-732cbd41 .elementor-heading-title{font-size:46px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-12980 .elementor-element.elementor-element-732cbd41 .elementor-heading-title{font-size:34px;}}/* Start custom CSS for shortcode, class: .elementor-element-756d2a1 *//* =======================================================
   1. CONTENEDOR PRINCIPAL (1 Columna para vista apilada)
   ======================================================= */
.elementor-12980 .elementor-element.elementor-element-756d2a1 .deu-cursos-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* Fuerza 1 sola columna para que la tarjeta se expanda */
    gap: 20px !important;
    width: 100% !important;
}

/* =======================================================
   2. DISEÑO DE LA TARJETA (ESCRITORIO)
   ======================================================= */
.elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
    overflow: hidden;
    padding: 15px !important; /* Espaciado interno de la tarjeta */
    gap: 20px;
    border: 1px solid #f0f0f0;
}

/* --- A. Imagen (Izquierda) --- */
.elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-thumbnails {
    flex: 0 0 260px !important; /* Ancho fijo de la imagen */
    height: 180px !important; /* Alto fijo para hacerla rectangular */
    border-radius: 8px;
    overflow: hidden;
}

.elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-thumbnails img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Entra cualquier tamaño sin deformarse */
}

/* --- B. Contenido (Centro y Derecha) --- */
.elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-content {
    display: flex !important;
    flex-direction: row !important;
    flex: 1 !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 !important;
    gap: 20px;
}

/* Título y Píldoras (Centro) */
.elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-content-top {
    flex: 1 !important;
}

.elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-content-top h3,
.elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-content-top h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
    color: #222;
}

/* Tipografía de las píldoras de datos */
.elementor-12980 .elementor-element.elementor-element-756d2a1 .edu-continua-pills .edu-pill {
    background: #f5f5f5 !important;
    color: #555 !important;
    font-size: 12px !important;
    padding: 6px 14px !important;
}

/* --- C. Precio y Botón (Derecha) --- */
.elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-content-bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 180px !important;
    border-top: none !important; /* Quitamos la línea superior de Togo */
    padding-top: 0 !important;
    margin-top: 0 !important;
    text-align: center;
}

/* Tipografía del Precio */
.elementor-12980 .elementor-element.elementor-element-756d2a1 .deu-price-box {
    font-size: 12px !important;
    color: #666 !important;
    margin-bottom: 10px !important;
    line-height: 1.2 !important;
}

.elementor-12980 .elementor-element.elementor-element-756d2a1 .deu-price-box strong {
    font-size: 18px !important;
    color: #111 !important;
}

/* Diseño del Botón (Color del boceto) */
.elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .togo-button {
    background-color: #b3a082 !important; /* Tono arena/dorado */
    color: #fff !important;
    border-radius: 30px !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: none !important;
    width: 100% !important;
    max-width: 160px;
    transition: all 0.3s ease;
}

.elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .togo-button:hover {
    background-color: #9c8b70 !important;
    transform: translateY(-2px);
}

/* =======================================================
   3. DISEÑO MOBILE (Basado en "mobile.jpg")
   ======================================================= */
@media (max-width: 768px) {
    .elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-inner {
        flex-direction: column !important; /* Apila todo verticalmente */
        padding: 0 !important; /* Quita el padding para que la imagen toque los bordes */
    }

    /* Imagen superior grande */
    .elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-thumbnails {
        flex: none !important;
        width: 100% !important;
        height: 220px !important;
        border-radius: 12px 12px 0 0 !important; /* Redondea solo arriba */
    }

    .elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-content {
        flex-direction: column !important;
        padding: 20px !important;
        align-items: flex-start !important;
    }

    .elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-content-top {
        width: 100% !important;
    }

    /* Precio y Botón en móvil (lado a lado o botón ancho) */
    .elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-content-bottom {
        width: 100% !important;
        flex-direction: row !important; /* Precio a la izq, Botón a la der */
        justify-content: space-between !important;
        align-items: center !important;
        border-top: 1px solid #eee !important;
        padding-top: 15px !important;
        margin-top: 15px !important;
        text-align: left;
    }

    .elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .togo-button {
        width: auto !important;
        padding: 10px 20px !important;
    }
}

/* Forzar que el enlace y la imagen ocupen el 100% del contenedor */
.elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-thumbnails a,
.elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-thumbnails img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Asegurar que en móvil el contenedor de imagen tome todo el ancho */
@media (max-width: 768px) {
    .elementor-12980 .elementor-element.elementor-element-756d2a1 .type-trip-list .trip-thumbnails {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
}/* End custom CSS */