.web-facebook-section{padding:90px clamp(24px,8vw,120px);background:#f8f5ef;scroll-margin-top:100px}
.web-facebook-section .section-heading{max-width:920px;margin-bottom:32px}
.web-facebook-section .section-heading>p:last-child{max-width:760px;font-size:16px;line-height:1.8}
.channel-comparison table{border-collapse:collapse;width:100%;table-layout:fixed;color:var(--ink)}
.channel-comparison caption{text-align:left;padding:0 0 15px;font-size:13px;line-height:1.6;color:var(--muted)}
.channel-comparison th,.channel-comparison td{padding:20px 22px;text-align:left;vertical-align:top;line-height:1.7;font-size:14px;border-bottom:1px solid #d5d9d0;overflow-wrap:break-word}
.channel-comparison thead th{background:#133f40;color:#fff5e8;font-size:14px;font-weight:700;border-color:#133f40}
.channel-comparison th:first-child{width:24%}.channel-comparison tbody th{font-weight:700}
.channel-comparison tbody td:last-child{background:#e9efea}
.google-context{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:38px}
.google-context h3{font:400 25px/1.3 Georgia,serif;letter-spacing:-.02em;color:var(--ink);margin:0 0 12px}
.google-context p,.facebook-next-step p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.facebook-next-step{display:flex;gap:32px;align-items:center;justify-content:space-between;padding-top:28px;margin-top:28px;border-top:1px solid #d5d9d0}
.facebook-next-step p{max-width:540px}.facebook-next-step strong{color:var(--ink)}
.facebook-next-step .button{flex-shrink:0}
.facebook-sources{margin-top:25px;font-size:12px;color:var(--muted);line-height:1.8}
.facebook-sources summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-height:28px}
.facebook-sources ul{padding-left:20px;margin:12px 0 0}.facebook-sources a,.faq-grid a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.facebook-sources a:focus-visible,.facebook-sources summary:focus-visible,.faq-grid a:focus-visible{outline:2px solid var(--coral-dark);outline-offset:4px}
@media(max-width:760px){.web-facebook-section{padding:52px 24px}.channel-comparison th,.channel-comparison td{padding:13px 8px;font-size:12px;line-height:1.65}.channel-comparison thead th{font-size:12px}.channel-comparison th:first-child{width:25%}.google-context{grid-template-columns:1fr;gap:26px}.facebook-next-step{flex-direction:column;align-items:flex-start;gap:20px}.facebook-next-step .button{max-width:100%;font-size:12px}.web-facebook-section .section-heading>p:last-child{font-size:15px}}

@media(max-width:760px){
.channel-comparison table,.channel-comparison tbody{display:block}
.channel-comparison caption{display:block;font-size:13px}
.channel-comparison thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.channel-comparison tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:20px;border:1px solid #d5d9d0}
.channel-comparison tbody th:first-child{grid-column:1/-1;width:auto;background:#133f40;color:#fff5e8;padding:13px 16px;font-size:14px}
.channel-comparison tbody td{padding:15px 13px;font-size:13px;border-bottom:0}
.channel-comparison tbody td::before{display:block;font-size:11px;letter-spacing:.06em;font-weight:800;text-transform:uppercase;margin-bottom:8px;color:var(--ink)}
.channel-comparison tbody td:nth-child(2)::before{content:'Facebook'}
.channel-comparison tbody td:nth-child(3)::before{content:'Web propia'}
}