@media (min-width: 7801px) and (max-width: 8000px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 23%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 198px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 255px;
        height: 15px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: 2.8rem;
    }

    .pmotdu__title{
        font-size:100px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 15px 57px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 78px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 3500px;
        margin-left: 90px;
        margin-top: 32px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 17%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 1000px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 45%;
        top: 25%;
        width: 1000px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -1.8%;
        margin-top: -900px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(3700px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 7601px) and (max-width: 7800px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 23%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 198px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 255px;
        height: 15px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: 2.8rem;
    }

    .pmotdu__title{
        font-size:100px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 15px 57px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 78px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 3400px;
        margin-left: 90px;
        margin-top: 32px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 18%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 1000px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 45%;
        top: 25%;
        width: 1000px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -1.8%;
        margin-top: -900px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(3600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 7401px) and (max-width: 7600px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 23%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 198px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 255px;
        height: 15px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: 2.8rem;
    }

    .pmotdu__title{
        font-size:100px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 15px 57px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 78px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 3400px;
        margin-left: 90px;
        margin-top: 32px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 18%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 950px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 45%;
        top: 25%;
        width: 950px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -1.8%;
        margin-top: -900px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(3400px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 7201px) and (max-width: 7400px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 25%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 178px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 255px;
        height: 15px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: 2.8rem;
    }

    .pmotdu__title{
        font-size:90px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 15px 57px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 68px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 3400px;
        margin-left: 90px;
        margin-top: 32px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 18%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 950px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 45%;
        top: 25%;
        width: 950px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -1.8%;
        margin-top: -900px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(3300px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 7001px) and (max-width: 7200px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 25%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 178px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 255px;
        height: 15px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: 2.8rem;
    }

    .pmotdu__title{
        font-size:90px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 15px 57px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 68px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 3200px;
        margin-left: 90px;
        margin-top: 32px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 18%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 950px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 45%;
        top: 25%;
        width: 950px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -1.8%;
        margin-top: -800px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(3200px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 6601px) and (max-width: 7000px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 25%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 178px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 255px;
        height: 15px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: 2.8rem;
    }

    .pmotdu__title{
        font-size:90px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 15px 57px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 68px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 3200px;
        margin-left: 90px;
        margin-top: 32px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 18%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 850px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 45%;
        top: 25%;
        width: 850px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -1.8%;
        margin-top: -800px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(3200px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 6201px) and (max-width: 6600px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 25%;
        margin-top: 7%;
    }
    .pmotdu__eyebrow{
        font-size: 158px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 185px;
        height: 10px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: 1.8rem;
    }

    .pmotdu__title{
        font-size:80px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 47px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 63px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 2800px;
        margin-left: 90px;
        margin-top: 32px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 18%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 850px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 45%;
        top: 25%;
        width: 850px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -2.8%;
        margin-top: -800px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(2950px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 5801px) and (max-width: 6200px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 27%;
        margin-top: 7%;
    }
    .pmotdu__eyebrow{
        font-size: 138px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 185px;
        height: 10px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: 1.8rem;
    }

    .pmotdu__title{
        font-size:76px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 47px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 63px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 2800px;
        margin-left: 90px;
        margin-top: 32px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 18%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 850px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 45%;
        top: 25%;
        width: 850px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -2.8%;
        margin-top: -660px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(2750px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 5401px) and (max-width: 5800px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 27%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 128px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 185px;
        height: 10px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: 1.8rem;
    }

    .pmotdu__title{
        font-size:75px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 47px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 63px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 2700px;
        margin-left: 90px;
        margin-top: 32px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 18%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 850px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 45%;
        top: 25%;
        width: 850px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -3.8%;
        margin-top: -660px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(2450px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 5101px) and (max-width: 5400px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 27%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 128px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 185px;
        height: 10px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: 1.8rem;
    }

    .pmotdu__title{
        font-size:75px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 47px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 63px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 2200px;
        margin-left: 90px;
        margin-top: 32px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 17%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 750px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 43%;
        top: 25%;
        width: 750px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -2.8%;
        margin-top: -620px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(2350px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 4901px) and (max-width: 5100px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 128px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 185px;
        height: 10px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: 1.8rem;
    }

    .pmotdu__title{
        font-size:75px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 47px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 63px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 2200px;
        margin-left: 90px;
        margin-top: 32px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 18%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 750px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 40%;
        top: 25%;
        width: 750px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -2.5%;
        margin-top: -580px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(2250px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 4701px) and (max-width: 4900px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 128px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 185px;
        height: 10px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:75px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 47px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 63px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 2200px;
        margin-left: 90px;
        margin-top: 32px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 18%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 700px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 38.5%;
        top: 25%;
        width: 700px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -2.5%;
        margin-top: -580px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(2200px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 4501px) and (max-width: 4700px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 108px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 145px;
        height: 6px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:60px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 47px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 48px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1750px;
        margin-left: 90px;
        margin-top: 27px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 17%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 660px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 41.5%;
        top: 25%;
        width: 660px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -3.2%;
        margin-top: -530px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(2000px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 4401px) and (max-width: 4500px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 108px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 145px;
        height: 6px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:60px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 47px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 48px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1750px;
        margin-left: 90px;
        margin-top: 27px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 17%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 660px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 41.5%;
        top: 25%;
        width: 660px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -2.5%;
        margin-top: -530px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(2000px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 4201px) and (max-width: 4400px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 98px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 145px;
        height: 6px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:52px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 47px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 40px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1750px;
        margin-left: 90px;
        margin-top: 27px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 18%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 640px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 42.5%;
        top: 25%;
        width: 640px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -2.5%;
        margin-top: -510px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1950px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 4001px) and (max-width: 4200px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 88px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 125px;
        height: 6px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:52px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 47px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 38px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1700px;
        margin-left: 90px;
        margin-top: 27px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 620px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 44%;
        top: 25%;
        width: 620px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -1.7%;
        margin-top: -430px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1950px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 3901px) and (max-width: 4000px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 82px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 115px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:48px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 37px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 36px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1700px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 610px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 44.5%;
        top: 25%;
        width: 610px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -1.7%;
        margin-top: -430px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1850px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 3801px) and (max-width: 3900px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 82px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 115px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:48px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 37px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 36px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1600px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 570px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 44%;
        top: 25%;
        width: 570px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -1.7%;
        margin-top: -390px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1800px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 3701px) and (max-width: 3800px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 82px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 115px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:48px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 37px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 36px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1600px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 570px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 44%;
        top: 25%;
        width: 570px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -1.7%;
        margin-top: -390px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1750px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 3601px) and (max-width: 3700px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 80px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 115px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:48px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 37px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 36px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1600px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 570px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 44%;
        top: 25%;
        width: 570px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-left: -1.5%;
        margin-top: -390px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1750px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 3501px) and (max-width: 3600px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 80px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 115px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:48px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 37px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 36px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1600px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 550px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 43%;
        top: 25%;
        width: 550px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 52%;
        margin-left: -3.8%;
        margin-top: -390px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 3401px) and (max-width: 3500px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 80px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 115px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:48px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 37px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 36px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1600px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 530px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 42%;
        top: 25%;
        width: 530px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 48%;
        margin-left: -1.5%;
        margin-top: -390px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 3301px) and (max-width: 3400px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 80px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 115px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:48px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 37px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 36px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1600px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 510px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 41.5%;
        top: 25%;
        width: 510px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 47%;
        margin-top: -390px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 3201px) and (max-width: 3300px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 78px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 115px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:46px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 37px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 34px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1600px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 490px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 41.5%;
        top: 25%;
        width: 490px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 48%;
        margin-top: -390px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 3101px) and (max-width: 3200px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 78px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 105px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:46px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 27px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 34px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1600px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 490px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 40.5%;
        top: 25%;
        width: 490px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -350px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 3001px) and (max-width: 3100px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 76px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 105px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:44px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 27px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 34px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1600px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 470px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 40.5%;
        top: 25%;
        width: 470px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -350px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2901px) and (max-width: 3000px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 74px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 105px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:42px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 27px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 34px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1500px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 450px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 40.5%;
        top: 25%;
        width: 450px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -300px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2801px) and (max-width: 2900px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 74px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 95px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:42px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 34px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1500px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 430px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 39.5%;
        top: 25%;
        width: 430px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -300px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2751px) and (max-width: 2800px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 74px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 95px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:42px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 34px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1500px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 420px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 39%;
        top: 25%;
        width: 420px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -300px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2651px) and (max-width: 2750px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 72px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 95px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:40px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 32px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1500px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 400px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 39%;
        top: 25%;
        width: 400px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -300px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2601px) and (max-width: 2650px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 70px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 95px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:39px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 30px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1500px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 400px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 39%;
        top: 25%;
        width: 400px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -250px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2551px) and (max-width: 2600px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 70px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 95px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:39px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 30px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 1500px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 400px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 39%;
        top: 25%;
        width: 400px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -250px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2501px) and (max-width: 2550px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 68px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 95px;
        height: 5px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:38px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 30px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 990px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 370px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 39%;
        top: 25%;
        width: 370px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -220px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2451px) and (max-width: 2500px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 66px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 75px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:37px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 30px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 990px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 370px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 39.5%;
        top: 25%;
        width: 370px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -220px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2421px) and (max-width: 2450px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 66px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 75px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .9rem;
    }

    .pmotdu__title{
        font-size:37px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 30px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 990px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 370px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 930px;
        top: 25%;
        width: 370px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -220px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2391px) and (max-width: 2420px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 64px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 75px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size:35px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 28px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 990px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 370px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 930px;
        top: 25%;
        width: 370px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -220px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2361px) and (max-width: 2390px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 64px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 75px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size:35px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 85%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 28px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 970px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 370px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 910px;
        top: 25%;
        width: 370px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -220px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2331px) and (max-width: 2360px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 62px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 75px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size:33px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 26px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 950px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 350px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 910px;
        top: 25%;
        width: 350px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -220px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2301px) and (max-width: 2330px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 60px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 75px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size:33px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 26px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 950px;
        margin-left: 90px;
        margin-top: 25px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 6%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 350px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 910px;
        top: 25%;
        width: 350px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -220px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2261px) and (max-width: 2300px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 6%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 60px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 75px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size:32px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 26px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 950px;
        margin-left: 90px;
        margin-top: 35px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 340px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 890px;
        top: 25%;
        width: 340px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2231px) and (max-width: 2260px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 58px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 75px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size:32px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 26px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 950px;
        margin-left: 90px;
        margin-top: 35px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 340px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 890px;
        top: 25%;
        width: 340px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2201px) and (max-width: 2230px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 58px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 75px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size:30px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 24px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 950px;
        margin-left: 90px;
        margin-top: 35px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 320px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 870px;
        top: 25%;
        width: 320px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2151px) and (max-width: 2200px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 54px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 75px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size:30px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 24px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 950px;
        margin-left: 90px;
        margin-top: 35px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 320px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 870px;
        top: 25%;
        width: 320px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2111px) and (max-width: 2150px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 54px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 75px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size:30px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 24px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 950px;
        margin-left: 90px;
        margin-top: 35px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 310px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 850px;
        top: 25%;
        width: 310px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2081px) and (max-width: 2110px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 52px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 75px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size:28px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 24px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 950px;
        margin-left: 90px;
        margin-top: 35px;

    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 310px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 850px;
        top: 25%;
        width: 310px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 50%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2031px) and (max-width: 2080px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 52px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 75px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size:28px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 24px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 310px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 830px;
        top: 25%;
        width: 310px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 2001px) and (max-width: 2030px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 49px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 72px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 28px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 22px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 310px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 830px;
        top: 25%;
        width: 310px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1971px) and (max-width: 2000px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 47px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 72px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 28px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 22px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 310px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 830px;
        top: 25%;
        width: 310px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1951px) and (max-width: 1970px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 45px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 72px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 26px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 20px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 310px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 830px;
        top: 25%;
        width: 310px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1920px) and (max-width: 1950px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 45px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 72px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 26px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 20px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 300px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 800px;
        top: 25%;
        width: 300px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1870px) and (max-width: 1919px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 45px;
        font-weight: 800;
        margin: 0 0 .25rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 72px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 26px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 17px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 20px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 25%;
        width: 300px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 800px;
        top: 25%;
        width: 300px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1850px) and (max-width: 1869px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 43px;
        font-weight: 800;
        margin: .1rem 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 72px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 24px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 10px 20px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 20px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 300px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 800px;
        top: 27%;
        width: 300px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1810px) and (max-width: 1849px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 40px;
        font-weight: 800;
        margin: .1rem 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 72px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 24px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 20px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 20px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 300px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 800px;
        top: 27%;
        width: 300px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1780px) and (max-width: 1809px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 38px;
        font-weight: 800;
        margin: .1rem 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 72px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 24px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 20px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 20px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 280px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 800px;
        top: 27%;
        width: 280px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1750px) and (max-width: 1779px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 30%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 38px;
        font-weight: 800;
        margin: .1rem 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 72px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 22px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 22px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 19px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 270px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 800px;
        top: 27%;
        width: 270px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1720px) and (max-width: 1749px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 38px;
        font-weight: 800;
        margin: .1rem 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 72px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 22px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 22px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 19px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 260px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 800px;
        top: 27%;
        width: 260px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1700px) and (max-width: 1719px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 36px;
        font-weight: 800;
        margin: .1rem 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 72px;
        height: 4px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 22px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 22px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 19px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 260px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 800px;
        top: 27%;
        width: 260px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1680px) and (max-width: 1699px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 34px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 60px;
        height: 3px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 21px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 22px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 19px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 260px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 800px;
        top: 27%;
        width: 260px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1645px) and (max-width: 1679px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 26%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 34px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 3px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 21px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 22px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 19px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 800px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1620px) and (max-width: 1644px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 34px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 3px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 21px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 22px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 19px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 760px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1597px) and (max-width: 1619px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 6%;
    }
    .pmotdu__eyebrow{
        font-size: 34px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 3px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 21px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 22px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 19px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 745px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1580px) and (max-width: 1596px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 34px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 3px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 21px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 22px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 19px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 730px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1566px) and (max-width: 1579px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 34px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 3px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 21px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 22px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 19px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 720px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1555px) and (max-width: 1565px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 34px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 3px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 21px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 22px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 19px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 710px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1535px) and (max-width: 1554px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 5%;
    }
    .pmotdu__eyebrow{
        font-size: 34px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 3px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 21px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 22px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 19px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 700px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1520px) and (max-width: 1534px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 34px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 3px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 21px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 8px 22px;
        border-radius: .7rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 19px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 690px;
        top: 27%;
        width: 240px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1500px) and (max-width: 1519px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 34px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 3px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 21px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 17px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 800px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 230px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 680px;
        top: 27%;
        width: 230px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1485px) and (max-width: 1499px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 34px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 3px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 21px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 17px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 800px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 230px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 670px;
        top: 27%;
        width: 230px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1470px) and (max-width: 1484px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 33px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 3px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 20px;
        line-height: 1.4;
        color: var(--muted);
        margin: .75rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 16px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 800px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 230px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 670px;
        top: 27%;
        width: 230px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1455px) and (max-width: 1469px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 33px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 20px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 16px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 800px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 230px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 660px;
        top: 27%;
        width: 230px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1435px) and (max-width: 1454px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 3%;
    }
    .pmotdu__eyebrow{
        font-size: 32px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 20px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 16px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 800px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 230px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 655px;
        top: 27%;
        width: 230px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1420px) and (max-width: 1434px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 3%;
    }
    .pmotdu__eyebrow{
        font-size: 32px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 55px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 20px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 16px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 800px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 230px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 640px;
        top: 27%;
        width: 230px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1400px) and (max-width: 1419px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 3%;
    }
    .pmotdu__eyebrow{
        font-size: 31px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 52px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 18px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 15px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 800px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 220px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 640px;
        top: 27%;
        width: 220px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1376px) and (max-width: 1399px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 3%;
    }
    .pmotdu__eyebrow{
        font-size: 30px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 52px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 18px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 15px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 800px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 220px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 635px;
        top: 27%;
        width: 220px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1360px) and (max-width: 1375px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 3%;
    }
    .pmotdu__eyebrow{
        font-size: 29px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 52px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 18px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 15px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 800px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 220px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 635px;
        top: 27%;
        width: 220px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1340px) and (max-width: 1359px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 3%;
    }
    .pmotdu__eyebrow{
        font-size: 29px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 52px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 18px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 15px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 800px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 210px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 625px;
        top: 27%;
        width: 210px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1320px) and (max-width: 1339px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 3%;
    }
    .pmotdu__eyebrow{
        font-size: 28px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 52px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 18px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 15px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 800px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 210px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 620px;
        top: 27%;
        width: 210px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1300px) and (max-width: 1319px){
    .pmotdu * { box-sizing: border-box; }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 2%;
    }
    .pmotdu__eyebrow{
        font-size: 28px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 50px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 18px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 15px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 800px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 5%;
        width: 20%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 200px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 610px;
        top: 27%;
        width: 200px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -200px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1275px) and (max-width: 1299px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 500px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 27px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 18px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 15px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 200px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 600px;
        top: 27%;
        width: 200px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -135px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1260px) and (max-width: 1274px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 500px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 28px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 16px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 13px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 7%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 190px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 585px;
        top: 27%;
        width: 190px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -135px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1240px) and (max-width: 1259px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 500px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 28px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 16px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 13px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 190px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 570px;
        top: 27%;
        width: 190px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -135px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1220px) and (max-width: 1239px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 500px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 28px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 16px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 13px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 190px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 555px;
        top: 27%;
        width: 190px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -135px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1200px) and (max-width: 1219px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 500px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 28px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 16px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 13px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 190px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 540px;
        top: 27%;
        width: 190px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -130px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1181px) and (max-width: 1199px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 500px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 28px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 16px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 13px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 180px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 525px;
        top: 27%;
        width: 180px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -120px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1170px) and (max-width: 1180px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 500px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 28px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 16px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 13px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 170px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 525px;
        top: 27%;
        width: 170px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -110px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1150px) and (max-width: 1169px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 500px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 28px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .7rem;
    }

    .pmotdu__title{
        font-size: 16px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 13px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 170px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 510px;
        top: 27%;
        width: 170px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -90px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1120px) and (max-width: 1149px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 400px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 26px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 16px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 13px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 170px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 510px;
        top: 27%;
        width: 170px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -100px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1100px) and (max-width: 1119px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 400px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 26px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 15px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 13px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 170px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 490px;
        top: 27%;
        width: 170px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -100px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1085px) and (max-width: 1099px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 400px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 26px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 15px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 13px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 160px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 490px;
        top: 27%;
        width: 160px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -100px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1070px) and (max-width: 1084px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 400px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 26px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 15px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 13px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 160px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 475px;
        top: 27%;
        width: 160px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -100px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1050px) and (max-width: 1069px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 400px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 26px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 14px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 12px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 160px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 460px;
        top: 27%;
        width: 160px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -100px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1035px) and (max-width: 1049px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 400px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 25px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 14px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 12px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 160px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 460px;
        top: 27%;
        width: 160px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -100px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1020px) and (max-width: 1034px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 400px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 24px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 14px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 12px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 150px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 460px;
        top: 27%;
        width: 150px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -100px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 1000px) and (max-width: 1019px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 400px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 28%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 24px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 14px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 12px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 150px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 445px;
        top: 27%;
        width: 150px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -100px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 960px) and (max-width: 999px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 400px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 27%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 22px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 12px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1.5rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 10px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 130px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 47%;
        top: 27%;
        width: 130px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -100px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 930px) and (max-width: 959px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 350px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 26%;
        margin-top: 4%;
    }
    .pmotdu__eyebrow{
        font-size: 22px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 12px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 5px 22px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 10px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 550px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 9%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 130px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 47%;
        top: 27%;
        width: 130px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -100px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 900px) and (max-width: 929px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 350px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 24%;
        margin-top: 3%;
    }
    .pmotdu__eyebrow{
        font-size: 23px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 12px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 4px 20px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 10px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 420px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 10%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 110px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 47%;
        top: 27%;
        width: 110px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -100px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 870px) and (max-width: 899px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 320px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 24%;
        margin-top: 3%;
    }
    .pmotdu__eyebrow{
        font-size: 23px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 12px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 4px 20px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 10px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 420px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 10%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 120px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 44.5%;
        top: 27%;
        width: 120px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -100px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 850px) and (max-width: 869px){
    .pmotdu * { box-sizing: border-box; }
    .pmotdu {
        min-height: 320px;
    }

    .pmotdu{
        --bg:#0d3340;            /* azul verdoso del fondo */
        --accent:#d6b48b;        /* dorado claro de líneas y detalles */
        --btn:#ce6a3a;           /* botón */
        --text:#ffffff;
        --muted:#cfe0e6;
        position: relative;
        background: var(--bg);
        color: var(--text);
        overflow: hidden;
        padding: clamp(2rem, 4vw, 3rem) 0 0;   /* margen superior + 0 abajo; la ilustración hace de base */
    }
    /* Grid principal */
    .pmotdu__wrap{
        width: 90%;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 1fr 1.05fr;
        align-items: center;
        gap: clamp(1.5rem, 4vw, 3rem);
        margin-top: 5%;
        margin-bottom: 5%;
        align-items: start;
    }
    /* Columna izquierda */
    .pmotdu__content{
        width: 70%;
        margin-left: 24%;
        margin-top: 3%;
    }
    .pmotdu__eyebrow{
        font-size: 23px;
        font-weight: 800;
        margin: 0 0 .1rem;
        position: relative;
    }
    .pmotdu__eyebrow::after{
        content:"";
        display:block;
        width: 40px;
        height: 2px;
        background: var(--accent);
        border-radius: 2px;
        margin-top: .5rem;
    }

    .pmotdu__title{
        font-size: 11px;
        line-height: 1.4;
        color: var(--muted);
        margin: .55rem 0 1rem;
        max-width: 80%;
    }

    .pmotdu__btn{
        display:inline-block;
        background: var(--btn);
        color:#fff;
        text-decoration:none;
        font-weight: 700;
        padding: 4px 20px;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.25);
        transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
        font-size: 10px;
    }
    .pmotdu__btn:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .pmotdu__btn:active{ transform: translateY(0); box-shadow: 0 4px 12px rgba(0,0,0,.25); }

    /* Video a la derecha */
    .pmotdu__media{
        display: grid;
        place-items: center;
        max-width: 420px;
    }
    .video-card{
        background: #f5efe7;
        border-radius: .8rem;
        box-shadow: 0 24px 60px rgba(0,0,0,.35);
        overflow: hidden;
        width: 100%;
    }
    .video-16by9{
        position: relative;
        aspect-ratio: 16 / 9;       /* responsivo moderno */
        background:#000;
    }
    .video-16by9 iframe{
        position:absolute; inset:0;
        width:100%; height:100%;
        border:0;
        border-radius: .2rem;
    }

    /* Decoraciones (usa tus PNG) */
    .pmotdu__curve{
        position: absolute;
        right: 0px;
        top: 10%;
        width: 19%;
        opacity:.8;
        pointer-events:none;
    }
    .pmotdu__dash-left{
        position: absolute;
        left: 0px;
        top: 27%;
        width: 110px;
        opacity:.7;
        pointer-events:none;
    }
    .pmotdu__dash-right{
        position: absolute;
        right: 44.5%;
        top: 27%;
        width: 110px;
        opacity:.7;
        pointer-events:none;
    }

    /* Ilustración inferior a todo lo ancho */
    .pmotdu__illustration{
        width: 45%;
        margin-top: -100px;
        display: grid;
        place-items: center;
    }
    .pmotdu__illustration img{
        width: min(1600px, 100%);
        height: auto;
        display:block;
    }
}

@media (min-width: 800px) and (max-width: 849px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 250px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 420px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 21%;                 /* altura a la mitad del título */
      width: 130px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 1%;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 1%; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(35px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-35px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 45px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 28px;
      width: 75%;
      margin-left: 12.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 5px 18px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 25px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 75%;
      margin: 28px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}

@media (min-width: 770px) and (max-width: 799px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 200px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 420px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 19%;                 /* altura a la mitad del título */
      width: 130px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(35px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-35px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 45px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 28px;
      width: 75%;
      margin-left: 12.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 5px 18px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 23px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 75%;
      margin: 28px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 740px) and (max-width: 769px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 200px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 420px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 19%;                 /* altura a la mitad del título */
      width: 130px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(20px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-20px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 45px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 28px;
      width: 75%;
      margin-left: 12.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 5px 18px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 23px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 75%;
      margin: 28px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 700px) and (max-width: 739px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 180px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 360px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 18%;                 /* altura a la mitad del título */
      width: 130px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(20px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-20px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 40px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 25px;
      width: 75%;
      margin-left: 12.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 5px 18px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 21px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 75%;
      margin: 28px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 670px) and (max-width: 699px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 170px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 340px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 18%;                 /* altura a la mitad del título */
      width: 130px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(20px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-20px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 37px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 23px;
      width: 75%;
      margin-left: 12.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 5px 18px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 20px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 75%;
      margin: 28px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 620px) and (max-width: 669px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 170px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 340px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 19%;                 /* altura a la mitad del título */
      width: 110px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(20px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-20px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 37px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 23px;
      width: 75%;
      margin-left: 12.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 5px 18px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 20px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 75%;
      margin: 28px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 600px) and (max-width: 619px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 170px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 320px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 19.5%;                 /* altura a la mitad del título */
      width: 110px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(10px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-10px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 37px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 23px;
      width: 75%;
      margin-left: 12.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 5px 18px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 20px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 75%;
      margin: 28px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 570px) and (max-width: 599px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 140px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 290px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 17%;                 /* altura a la mitad del título */
      width: 90px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(10px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-10px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 37px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 23px;
      width: 75%;
      margin-left: 12.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 5px 18px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 20px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 75%;
      margin: 28px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 540px) and (max-width: 569px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 140px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 290px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 18%;                 /* altura a la mitad del título */
      width: 90px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(10px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-10px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 35px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 21px;
      width: 75%;
      margin-left: 12.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 4px 15px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 18px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 75%;
      margin: 38px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 500px) and (max-width: 539px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 130px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 270px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 17%;                 /* altura a la mitad del título */
      width: 85px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(10px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-10px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 33px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 21px;
      width: 75%;
      margin-left: 12.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 4px 15px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 18px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 80%;
      margin: 38px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 460px) and (max-width: 499px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 120px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 270px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 17%;                 /* altura a la mitad del título */
      width: 70px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(5px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-5px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 33px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 21px;
      width: 75%;
      margin-left: 12.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 4px 15px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 18px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 80%;
      margin: 38px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 440px) and (max-width: 459px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 110px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 250px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 16%;                 /* altura a la mitad del título */
      width: 55px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(7px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-7px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 31px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 19px;
      width: 75%;
      margin-left: 12.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 4px 15px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 18px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 80%;
      margin: 38px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 410px) and (max-width: 439px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 100px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 230px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 16%;                 /* altura a la mitad del título */
      width: 55px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(7px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-7px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 29px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 19px;
      width: 80%;
      margin-left: 10%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 4px 15px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 18px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 80%;
      margin: 38px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 390px) and (max-width: 409px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 100px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 230px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 16.5%;                 /* altura a la mitad del título */
      width: 51px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(5px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-5px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 29px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 18px;
      width: 80%;
      margin-left: 10%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 4px 15px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 17px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 80%;
      margin: 38px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 350px) and (max-width: 389px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 100px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 230px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 16.5%;                 /* altura a la mitad del título */
      width: 51px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
      display: none;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(5px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-5px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 29px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 17px;
      width: 85%;
      margin-left: 7.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 4px 15px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 17px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 80%;
      margin: 38px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 310px) and (max-width: 349px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 90px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 215px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 16.5%;                 /* altura a la mitad del título */
      width: 51px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
      display: none;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(5px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-5px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 29px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 17px;
      width: 95%;
      margin-left: 2.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 4px 15px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 15px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 80%;
      margin: 38px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}
@media (min-width: 0px) and (max-width: 309px){
    /* ===== Hero móvil PMOTDU ===== */
    .hero-pmotdu{
      position: relative;
      background:#0e3a44;        /* fondo azul verdoso */
      color:#fff;
      text-align:center;
      overflow:hidden;
      padding: 90px 0px 0;      /* top para montaña */
      isolation:isolate;
    }

    /* Montaña arriba (adorno) */
    .hero__mountain{
      position:absolute;
      left: 50%;
      top:0;
      transform: translate(-50%, -15%); /* se ve “asomando” */
      width: 215px;
      height:auto;
      pointer-events:none;
      z-index:1;
      /*animation: FloatY 3.2s ease-in-out infinite;*/
    }

    @keyframes FloatY {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(10px); } /* distancia abajo */
    }

    /* Flechas punteadas */
    .hero__arrow{
      position:absolute;
      top: 16.5%;                 /* altura a la mitad del título */
      width: 51px;
      height:auto;
      opacity:.9;
      pointer-events:none;
      z-index:1;
      display: none;
    }
    .hero__arrow--left{  left: 0px;  transform-origin:left center;  animation: FloatX 3.2s ease-in-out infinite;}
    .hero__arrow--right{ right: 0px; transform-origin:right center; animation: FloatXReverse 3.2s ease-in-out infinite;}

    /*@keyframes floatX{
      0%,100%{ transform: translateX(0); }
      50%    { transform: translateX(14px); }
    }*/

    @keyframes FloatX {
    0%, 100% { transform: translateX(0); }
    50%      { transform: translateX(5px); } /* distancia a la derecha */
    }
    @keyframes FloatXReverse {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(-5px); } /* hacia la izquierda */
    }

    /* Texto */
    .hero__content h2{
      margin: 0 0 6px;
      font-weight: 800;
      font-size: 27px;
      line-height:1.1;
      letter-spacing:.01em;
      position: relative;
      z-index:2;
    }
    .hero__content h2 span{ color:#f7d49d; } /* toque dorado al “PMOTDU” */

    .hero__content p{
      margin:0 0 10px;
      color: #cfe1e6;
      font-size: 15px;
      width: 95%;
      margin-left: 2.5%;
    }

    /* barrita bajo el subtítulo */
    .hero__bar{
      width: 56px;
      height: 4px;
      margin: 8px auto 16px;
      background:#f7d49d;
      border-radius: 2px;
    }

    /* Botón CTA con pulso */
    .btn-cta{
      display:inline-block;
      padding: 4px 15px;
      border-radius: 10px;
      background:#b55634;
      color:#fff;
      font-weight:800;
      font-size: 15px;
      text-decoration:none;
      box-shadow: 0 10px 28px rgba(0,0,0,.28);
      animation: pulse 1.6s ease-in-out infinite;
      transition: transform .2s ease, filter .2s ease;
    }
    .btn-cta:hover{ transform: translateY(-1px); filter:brightness(1.05); }

    @keyframes pulse{
      0%,100%{ transform: scale(1); }
      50%    { transform: scale(1.05); }
    }

    /* Video */
    .hero__video{
      position:relative;
      z-index:2;
      width: 80%;
      margin: 38px auto 18px;
      box-shadow: 0 20px 50px rgba(0,0,0,.35);
      border-radius: 10px;
      overflow:hidden;
    }
    .ratio-16x9{ position:relative; aspect-ratio: 16 / 9; background:#000; }
    .ratio-16x9 iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    /* Ciudad inferior */
    .hero__city{
      width: 100%;
      margin-top: 24px;
    }
    .hero__city img{
      width: 100%;
      height: auto;
      display:block;
    }

}