#main>.single-promocion{display:grid;grid-template:160px auto auto auto 70px/ 50vw 50vw;grid-template-areas:"titulo titulo" "contenido img" "inc img" "inc det" "inc res";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-weight:700;align-self:baseline}#main>.single-promocion>img{grid-area:img;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:10px auto 0 40px;width:80%}#main>.single-promocion>.detalles-promocion{grid-area:det;background-color:#fff;padding:20px;border-left:4px solid #0e91ab;border-radius:0 0 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:0 auto 20px 40px;width:80%;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:10px;font-size:1.05em;line-height:1.5;transition:all 0.3s ease;margin:20px 0 20px auto;width:90%;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:20px 0 0 auto;width:90%}#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)}#main>.single-promocion>.reserva-container{grid-area:res;width:100%;height:60px;display:flex;justify-content:center;align-items:center;&>.btn-reserva-whatsapp{height:50px;width:60%;margin:0 auto auto calc(40px + 10%);background-color:#4AD250;color:#fff;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px rgb(0 0 0 / .2);transition:background-color 0.3s ease,transform 0.2s ease;&>.btn-reserva-whatsapp:hover{background-color:#218838;transform:scale(1.05)}}}@media (max-width:1200px){#main>.single-promocion{grid-template:160px auto auto 70px auto/ 50vw 50vw;grid-template-areas:"titulo titulo" "contenido img" "det img" "det res" "inc inc";&>img,.detalles-promocion{border-radius:8px}&>img{align-self:center}&>.detalles-promocion{height:fit-content;margin:5% 0 auto auto;width:90%}&>.incluye{margin:20px auto;width:90%}&>.contenido{margin:15px 0 0 auto}&>.reserva-container>.btn-reserva-whatsapp{width:80%;margin-inline:40px auto}}}@media (max-width:800px){#main>.single-promocion{grid-template:160px auto auto auto auto auto/ 100vw;grid-template-areas:"titulo" "img" "contenido" "res" "inc" "det";&>h1{padding:30px 50px}&>img,.detalles-promocion,.incluye{border-radius:8px}&>img{width:90%;margin:15px 5%}&>.detalles-promocion{width:90%;margin:15px 5%}&>.contenido{margin:0 auto}&>.reserva-container>.btn-reserva-whatsapp{width:90%;margin:10px auto 0}}}@media (max-width:470px){#main>.single-promocion{&>h1{font-size:2em;margin-block:10px 0;padding:20px 30px}&>.detalles-promocion{&>p:nth-of-type(5){margin-inline-end:0}}&>.incluye{width:90%;margin:15px 5% 0}&>.contenido{width:90%}}}