.promociones-archive>h1{font-family:'Montserrat',sans-serif;font-size:3rem;font-weight:700;color:#036;text-transform:uppercase;letter-spacing:2px;text-align:center;margin-bottom:1rem;position:relative;margin:50px 8vw;&::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60%;height:4px;background:linear-gradient(to right,#0077b6,#90e0ef);border-radius:2px}}.promo-item-horizontal{display:flex;gap:25px;background:#fff;padding:25px;margin-bottom:35px;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0 / .08);align-items:center;transition:transform 0.3s ease,box-shadow 0.3s ease;justify-content:center;&:hover{transform:translateY(-5px);box-shadow:0 8px 18px rgb(0 0 0 / .12)}&>.promo-img img{width:280px;border-radius:10px;object-fit:cover;object-position:top;max-height:200px}&>.promo-info{width:800px;padding-inline-start:20px;display:grid;min-height:200px;grid-template:50px 25px 25px 25px 60px / 3fr minmax(150px,1fr);grid-template-areas:"h2 h2" "ext price" "ext time" "ext end" "apli boton";&>h2{font-size:1.8em;margin-bottom:0;color:#036;font-weight:600;grid-area:h2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}&>p{font-size:1em;color:#444;margin-bottom:0;overflow:hidden;&:nth-of-type(2){grid-area:ext;line-height:1.4}&:nth-of-type(4){grid-area:price}&:nth-of-type(5){grid-area:time}&:nth-of-type(6){grid-area:end}&:nth-of-type(7){grid-area:apli;align-self:center;border-top:1px solid #ddd;padding-top:.5rem;margin:20px 0 0}}.btn-vermas{height:45px;grid-area:boton;text-align:center}.btn-vermas{display:inline-block;margin-top:20px;padding:10px 18px;background:linear-gradient(135deg,#006699,#004466);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:background 0.3s ease}.btn-vermas:hover{background:linear-gradient(135deg,#00afff,#0066ff)}}}@media (max-width:800px){.promo-item-horizontal{flex-wrap:wrap;&>.promo-img img{width:400px}&>.promo-info{column-gap:15px}}}@media (max-width:470px){.promociones-archive>h1{font-size:2.3rem;&::after{width:100%}}.promo-item-horizontal{&>.promo-img img{width:280px}&>.promo-info{grid-template:50px 50px 50px 50px auto / 3fr 90px;grid-template-areas:"h2 h2" "ext price" "ext time" "ext end" "apli boton";column-gap:10px;&>p:nth-of-type(7){line-height:1.4}&>.btn-vermas{font-size:13px;align-self:center;height:auto}}}}