*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#222;line-height:1.7}a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 20px}.header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;flex-wrap:wrap}.logo{font-size:28px;font-weight:800;color:#2563eb}.menu{display:flex;gap:18px;flex-wrap:wrap}.menu a{font-weight:700;color:#374151}.hero{padding:70px 0 45px}.hero h1{font-size:48px;line-height:1.15;margin-bottom:18px}.hero p{font-size:20px;color:#5b6472;max-width:820px}.search{background:#fff;padding:22px;border-radius:18px;box-shadow:0 4px 18px rgba(0,0,0,.05);margin-bottom:42px}.search input{width:100%;padding:17px;border:1px solid #cbd5e1;border-radius:12px;font-size:17px}.section-title{font-size:34px;margin:20px 0 28px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06)}.card img{width:100%;height:220px;object-fit:cover;display:block}.card-content{padding:24px}.badge{display:inline-block;background:#2563eb;color:#fff;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:800;margin-bottom:14px}.card h2{font-size:23px;line-height:1.3;margin-bottom:12px}.card p{color:#64748b;margin-bottom:18px}.btn{color:#2563eb;font-weight:800}.footer{background:#111827;color:#fff;margin-top:70px;padding:50px 0}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:32px}.footer a,.footer p{color:#d1d5db}.article{max-width:900px;margin:45px auto;background:#fff;border-radius:22px;padding:38px;box-shadow:0 4px 20px rgba(0,0,0,.06)}.article img{
    width:80%;
    max-width:800px;
    display:block;
    margin:0 auto 28px auto;
    border-radius:18px;
}.article h1{font-size:42px;line-height:1.2;margin-bottom:15px}.article .meta{color:#64748b;margin-bottom:25px}.article-body{font-size:18px}.article-body h2{margin-top:30px;margin-bottom:12px;font-size:28px}.article-body h3{margin-top:24px;margin-bottom:8px;font-size:22px}.article-body p{margin-bottom:17px}.article-body ul{margin-left:25px;margin-bottom:18px}.pagination{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:50px 0}.pagination a{padding:12px 17px;background:#fff;border-radius:10px;font-weight:800;box-shadow:0 3px 10px rgba(0,0,0,.05)}.pagination .active{background:#2563eb;color:#fff}.box{background:#fff;padding:38px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.06)}.form-control{width:100%;padding:15px;border:1px solid #cbd5e1;border-radius:10px;margin-bottom:15px;font-size:16px}.button{background:#2563eb;color:#fff;border:0;border-radius:10px;padding:14px 22px;font-weight:800;cursor:pointer}@media(max-width:768px){.hero h1{font-size:34px}.article{padding:24px;margin:25px 15px}.article h1{font-size:31px}.menu{font-size:14px}}

/* PEGAR AL FINAL DE public_html/assets/css/style.css */

.article{
    overflow:hidden;
}

.article img{
    display:block;
    width:70%;
    max-width:700px;
    height:auto;
    margin:0 auto 25px auto;
    border-radius:15px;
}

.article h1{
    overflow-wrap:anywhere;
    word-break:normal;
}

.article-body{
    display:block;
    color:#222;
}

.article-body p{
    display:block;
    color:#222;
}

@media(max-width:768px){
    .article h1{
        font-size:30px !important;
        line-height:1.25 !important;
    }
}