#main>.single-promocion{display:grid;grid-template:230px auto auto / 50vw 50vw;grid-template-areas:"titulo titulo" "det img" "contenido inc";font-family:'Poppins','Segoe UI',sans-serif;& p{margin:0}}#main>.single-promocion>h1{margin-block:auto 0;grid-area:titulo;width:100%;background:linear-gradient(135deg,#003161,#003161);color:#fff;padding:30px 100px;font-size:3em;letter-spacing:1.5px;font-family:'Playfair Display',serif;font-weight:700;align-self:baseline}#main>.single-promocion>img{grid-area:img;width:45vw;aspect-ratio:16/9;object-fit:cover;border-radius:10px 10px 0 0;box-shadow:0 4px 12px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease;margin:-30px 0 0 -30px}#main>.single-promocion>.detalles-promocion{grid-area:det;background-color:#fff;padding:20px;border-left:4px solid #0e91ab;border-radius:8px 8px;font-size:1.05em;line-height:1.5;color:#333;box-shadow:0 2px 8px rgb(0 0 0 / .05);transition:all 0.3s ease;margin:20px 70px 10px 60px;display:flex;flex-direction:column;justify-content:space-around;height:fit-content;&>p{margin:5px 0}&>p:nth-of-type(5){align-self:end;margin-inline-end:25px}}#main>.single-promocion>.incluye{grid-area:inc;background:linear-gradient(135deg,#003161,#005f99);color:#fff;padding:20px;border-radius:0 0 10px 10px;font-size:1.05em;line-height:1.5;transition:all 0.3s ease;width:45vw;margin:-32px 0 0 -30px;height:min-content}#main>.single-promocion>.incluye h2{margin-top:0;font-size:1.4em;color:gold;font-weight:600}#main>.single-promocion>.contenido{grid-area:contenido;background-color:#fff;padding:20px;border-radius:8px;font-size:1.05em;line-height:1.6;box-shadow:0 2px 8px rgb(0 0 0 / .05);transition:all 0.3s ease;margin:0 70px 20px 60px}#main>.single-promocion .btn-pdf{display:inline-block;margin-top:20px;background-color:#ffdd57;color:#003161;padding:12px 24px;border-radius:6px;font-weight:600;text-decoration:none;transition:background-color 0.3s ease,transform 0.3s ease}#main>.single-promocion .btn-pdf:hover{background-color:#ffc107;transform:translateY(-2px)}@media (max-width:1338px){#main>.single-promocion{&>img,.incluye{margin:0;border-radius:8px}&>img{align-self:center}}}@media (max-width:800px){#main>.single-promocion{grid-template:230px auto auto auto/ 50vw 50vw;grid-template-areas:"titulo titulo" "img img" "inc det" "contenido contenido";&>h1{padding:30px 50px}&>img,.detalles-promocion,.incluye{border-radius:8px}&>img{width:90vw;margin:20px 5vw}&>.detalles-promocion{margin:0 5vw 0 1vw;width:44vw;height:fit-content}&>.incluye{margin:0 1vw 0 5vw;width:44vw}&>.contenido{margin:20px 5vw}}}@media (max-width:470px){#main>.single-promocion{grid-template:160px auto auto auto/ 100vw;grid-template-areas:"titulo" "img" "det" "inc" "contenido";&>h1{font-size:2em}&>.detalles-promocion{width:90vw;margin:0 5vw;&>p:nth-of-type(5){margin-inline-end:0}}&>.incluye{width:90vw;margin:20px 5vw 0}}}