#main>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}#main>h1::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}.planes-section{position:relative;margin-bottom:4rem;width:90vw;margin:0 auto;padding:2rem}.planes-section h2{font-size:2rem;margin-bottom:1.5rem;border-bottom:2px solid #ddd;padding-bottom:.5rem;color:#069}.planes-list{display:flex;gap:2rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem 0}.planes-list::-webkit-scrollbar{display:none}.planes-list{-ms-overflow-style:none;scrollbar-width:none}.planes-item{flex:0 0 auto;width:280px;background:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:1rem;transition:transform 0.2s ease,box-shadow 0.2s ease;box-shadow:0 6px 16px #d6d6d6}.planes-item:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.planes-item h3{font-size:1.4rem;margin-bottom:.8rem;color:#444}.planes-item img{width:100%;border-radius:6px;margin-bottom:1rem;aspect-ratio:3/2}.planes-item p{font-size:.95rem;line-height:1.5;color:#555;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:4.5rem}.planes-item a{display:flex;margin-top:1rem;padding:.6rem 1rem;background:#069;color:#fff;text-decoration:none;border-radius:4px;font-size:.9rem;transition:background 0.2s ease;justify-content:center}.planes-item a:hover{background:#018ccc}.ver-todos{text-align:center;margin-top:1.5rem}.btn-ver-todos{display:inline-block;padding:.8rem 10rem;background:#036;color:#fff;text-decoration:none;border-radius:4px;font-weight:600;transition:background 0.2s ease}.btn-ver-todos:hover{background:#00afff}.scroll-arrow{position:absolute;top:60%;transform:translateY(-50%);background:rgb(0 0 0 / .5);color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;z-index:10;font-size:1.5rem;line-height:40px;text-align:center}.scroll-arrow.left{left:-10px}.scroll-arrow.right{right:-10px}.scroll-arrow:hover{background:rgb(0 0 0 / .7)}@media (max-width:900px){#main>h1{font-size:2.5rem;&::after{width:90%}}}@media (max-width:470px){#main>h1{font-size:1.7rem;margin:50px 0 30px}.planes-section h2{font-size:1.65rem;text-align:center}.planes-item{width:fit-content}.btn-ver-todos{padding:.8rem 6.5rem}}