/* Tratamientos y lectura del blog, dentro de la identidad de Cuenca Ortodoncia. */
.treatment-eyebrow{display:inline-block;padding:8px 14px;border-radius:100px;background:#e5f3f3;color:#0e5963;font-size:.85rem;font-weight:600;letter-spacing:.02em;line-height:1.4}
.treatments-page .padding-hero{padding-top:150px;padding-bottom:80px}
.treatment-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;max-width:none}
.treatment-hero .content-align-center{text-align:left;align-items:flex-start}
.treatment-hero h1{font-size:clamp(2.2rem,4.3vw,4rem);line-height:1.12;letter-spacing:-.045em;margin-top:24px}
.treatment-hero .service-hero_para{max-width:540px;line-height:1.65}
.treatment-hero-photo{margin:0;overflow:hidden;position:relative;border-radius:24px;background:#dceff0;aspect-ratio:4/3}
.treatment-hero-photo figcaption{position:absolute;bottom:16px;left:16px;right:16px;background:rgba(255,255,255,.94);padding:12px 16px;border-radius:12px;font-size:.85rem;line-height:1.4}
.treatment-photo{width:100%;height:100%;object-fit:cover;display:block}
.treatment-catalog{background:#f2f8f9!important;color:#052e34}
.treatment-catalog .section-padding{padding:80px 24px 100px}
.treatment-catalog-heading{max-width:800px;margin-bottom:40px}
.treatment-catalog-heading h2{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.2;letter-spacing:-.035em;margin:18px 0}
.treatment-catalog-heading p{max-width:640px;color:#4a686d;line-height:1.7}
.treatment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.treatment-card{min-width:0;background:#fff;border:1px solid #deecee;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 26px rgba(5,46,52,.035);scroll-margin-top:100px;transition:box-shadow .2s,border-color .2s}
.treatment-card:hover{box-shadow:0 12px 36px rgba(5,46,52,.10);border-color:#83c8ce}
.treatment-visual{height:190px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#e8f4f5;color:#277f8a}
.treatment-visual svg{width:130px;height:130px;position:relative;z-index:1}
.treatment-visual:before{content:"";width:200px;height:200px;border:1px solid rgba(39,127,138,.15);border-radius:50%;position:absolute;left:calc(50% - 100px);top:32px}
.treatment-visual:after{content:"";width:260px;height:260px;border:1px solid rgba(39,127,138,.10);border-radius:50%;position:absolute;left:calc(50% - 130px);top:2px}
.treatment-visual-1,.treatment-visual-4{background:#edf0fb;color:#3b4590}
.treatment-visual-2,.treatment-visual-6{background:#f1f7ee;color:#557853}
.treatment-visual-7{background:#e9eff7;color:#355a81}
.treatment-visual.is-photo:before,.treatment-visual.is-photo:after{display:none}
.treatment-photo-label{position:absolute;left:18px;bottom:16px;padding:6px 10px;border-radius:40px;background:rgba(255,255,255,.95);font-size:.75rem;color:#183c42}
.treatment-card-content{padding:28px;display:flex;flex-direction:column;flex:1}
.treatment-card-number{font-size:.75rem;letter-spacing:.12em;color:#48838a;font-weight:600}
.treatment-card .service-trigger_title{font-size:1.6rem;line-height:1.3;letter-spacing:-.025em;margin:12px 0;color:#052e34}
.treatment-card-content>p{color:#4a686d;font-size:1rem;line-height:1.65;margin:0 0 20px}
.treatment-details{margin-top:auto;border-top:1px solid #deecee;padding-top:16px;font-size:.95rem}
.treatment-details summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;list-style:none}
.treatment-details summary::-webkit-details-marker{display:none}
.treatment-details summary:after{content:"+";font-size:1.4rem;font-weight:400}
.treatment-details[open] summary:after{content:"−"}
.treatment-details ul{margin:16px 0 0;padding-left:20px;line-height:1.8;color:#4a686d}
.treatment-call{display:inline-flex;align-self:flex-start;padding:12px 20px;border-radius:100px;background:#073d46;color:#fff;margin-top:20px;font-size:.95rem;font-weight:600;transition:background .2s}
.treatment-call:hover{background:#1c6c79}
.treatment-visit-panel{margin-top:48px;border-radius:24px;background:#dff0f1;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:48px}
.treatment-visit-panel h2{font-size:2rem;line-height:1.25;letter-spacing:-.03em;margin:16px 0}
.treatment-visit-panel h3{font-size:1.4rem;line-height:1.4;letter-spacing:-.02em;margin:16px 0}
.treatment-visit-panel p{line-height:1.7;color:#355d64}
.feature_blog{position:relative}
.feature-blog_title-wrap:after{content:"";position:absolute;inset:0;border-radius:inherit}
.feature-blog_image-wrap,.feature-blog_button{position:relative;z-index:2}
.blog_item,.feature-blog_image-wrap{cursor:pointer}
.clinic-article{padding:130px 24px 80px;background:#fff}
.clinic-article-header{max-width:960px;margin:0 auto}
.article-back{font-size:.95rem;color:#176774;text-decoration:underline;text-underline-offset:4px}
.article-meta{display:flex;flex-wrap:wrap;gap:12px 20px;margin:32px 0 20px;font-size:.875rem;color:#52767d}
.article-meta>span:first-child{color:#176774;font-weight:600}
.clinic-article h1{font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.15;letter-spacing:-.04em;max-width:920px;margin-bottom:24px}
.article-lead{font-size:1.2rem;line-height:1.7;max-width:800px;color:#48666c}
.article-cover{max-width:960px;margin:36px auto 48px}
.article-cover-image{width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;display:block;border-radius:22px}
.article-cover figcaption{margin-top:10px;color:#5a767c;font-size:.875rem;line-height:1.4}
.clinic-article-body{max-width:720px;margin:0 auto}
.clinic-article-section{margin-bottom:32px}
.clinic-article-section h2{font-size:1.6rem;line-height:1.35;letter-spacing:-.025em;margin-bottom:12px}
.clinic-article-section p{font-size:1.05rem;line-height:1.85;color:#3f5f65}
.article-sources{padding:24px;border-radius:18px;background:#edf6f7;margin-top:40px}
.article-sources h2{font-size:1.15rem;letter-spacing:-.02em;margin-bottom:16px}
.article-sources ul{padding-left:20px;line-height:1.75;margin:0}
.article-sources a{color:#176774;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.article-sources p{font-size:.9rem;line-height:1.6;color:#52767d;margin-top:20px}
.article-bottom-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:32px;font-size:.95rem}
.article-bottom-links a{color:#176774;text-decoration:underline;text-underline-offset:4px}
@media(max-width:991px){
 .treatment-hero{gap:32px}
 .treatment-card-content{padding:24px}
 .treatment-visit-panel{gap:28px;padding:32px}
}
@media(max-width:767px){
 .treatments-page .padding-hero{padding-top:110px;padding-bottom:48px}
 .treatment-hero{grid-template-columns:1fr;gap:28px}
 .treatment-hero h1{font-size:2.4rem}
 .treatment-hero-photo{aspect-ratio:16/10}
 .treatment-catalog .section-padding{padding:48px 16px 64px}
 .treatment-grid{grid-template-columns:1fr;gap:20px}
 .treatment-visual{height:160px}
 .treatment-card .service-trigger_title{font-size:1.45rem}
 .treatment-visit-panel{grid-template-columns:1fr;gap:16px;padding:24px;margin-top:32px}
 .treatment-visit-panel h2{font-size:1.7rem}
 .clinic-article{padding:100px 16px 56px}
 .article-meta{margin-top:24px;gap:10px 16px}
 .article-lead{font-size:1.05rem}
 .article-cover{margin:28px auto 36px}
 .article-cover-image{aspect-ratio:4/3;border-radius:16px}
 .clinic-article-section h2{font-size:1.35rem}
 .clinic-article-section p{font-size:1rem;line-height:1.8}
}

.article-page .navbar_wrap{background:#0d5966!important}