/*
Theme Name: CVRevolution
Author: CVRevolution
Description: Tema de bloques para la landing y el blog de CVRevolution. Editable con Gutenberg, sin constructor adicional.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: cvrevolution
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root { --cvr-border: #dce5e8; }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { text-underline-offset: .2em; }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible { outline: 3px solid #126a77; outline-offset: 4px; }
.wp-site-blocks > * { margin-block-start: 0; }
.cvr-header { border-bottom: 1px solid var(--cvr-border); padding-block: 1.1rem; }
.cvr-brand { gap: .7rem; }
.cvr-brand .wp-block-image { margin: 0; width: 42px; flex-shrink: 0; }
.cvr-brand img { display: block; width: 42px; height: 42px; object-fit: contain; }
.cvr-brand .wp-block-site-title { font-size: 1.15rem; font-weight: 750; letter-spacing: -.04em; }
.cvr-brand a { text-decoration: none; }
.cvr-navigation { gap: 1.7rem; font-size: .9rem; }
.cvr-header .wp-block-button__link { padding: .7rem 1.1rem; font-size: .875rem; }
.cvr-section { padding-block: clamp(3.5rem, 7vw, 6rem); }
.cvr-hero { padding-block: clamp(3.5rem, 7vw, 6.5rem); }
.cvr-hero h1 { font-size: clamp(2.8rem, 5.4vw, 4.9rem); line-height: 1.04; letter-spacing: -.065em; margin-block: 1.25rem; }
.cvr-hero h1 mark { color: #126a77; background: none; }
.cvr-hero-copy { max-width: 34rem; }
.cvr-eyebrow { font-size: .75rem; font-weight: 750; text-transform: uppercase; letter-spacing: .15em; }
.cvr-pill { display: inline-block; padding: .4rem .8rem; border: 1px solid #b9dcd7; border-radius: 100px; background: #e9f5f1; color: #21554f; font-size: .8rem; font-weight: 650; }
.cvr-muted { color: #55636e; }
.cvr-small { font-size: .85rem; }
.cvr-hero .wp-block-buttons { margin-top: 1.8rem; }
.cvr-proof { border-top: 1px solid var(--cvr-border); border-bottom: 1px solid var(--cvr-border); padding-block: 1.3rem; }
.cvr-proof p { font-size: .82rem; font-weight: 600; margin: 0; }
.cvr-paper-stage { background: #e6f1ee; border-radius: 1.75rem; padding: clamp(1.3rem, 3vw, 2.7rem); transform: rotate(2deg); }
.cvr-paper { background: #fff; padding: clamp(1.5rem, 3vw, 2.7rem); border: 1px solid #d7e4e0; box-shadow: 0 18px 35px #10233212; border-radius: .4rem; transform: rotate(-2deg); }
.cvr-paper p { font-size: .78rem; line-height: 1.65; }
.cvr-paper > * { margin-block-start: .65rem; }
.cvr-paper h2 { font-family: Georgia, serif; font-size: 1.8rem; letter-spacing: -.03em; }
.cvr-paper h3 { font-size: .7rem; text-transform: uppercase; letter-spacing: .14em; border-bottom: 1px solid #dce5e8; padding-bottom: .5rem; margin-top: 1rem; }
.cvr-note { background: #102332; color: #fff; padding: 1rem 1.3rem; border-radius: .8rem; margin-top: 1.3rem; font-size: .85rem; }
.cvr-number { color: #126a77; font-size: .8rem; font-weight: 750; letter-spacing: .1em; }
.cvr-card { padding: 1.9rem; border: 1px solid var(--cvr-border); border-radius: 1rem; background: #fff; height: 100%; }
.cvr-card h3 { font-size: 1.3rem; }
.cvr-card p { font-size: .95rem; }
.cvr-card .cvr-number { font-size: .8rem; }
.cvr-section h2 { letter-spacing: -.045em; }
.cvr-faq .wp-block-details { padding: 1.25rem 0; border-bottom: 1px solid var(--cvr-border); }
.cvr-faq summary { font-weight: 650; cursor: pointer; }
.cvr-faq .wp-block-details > p { color: #55636e; }
.cvr-footer { padding-block: 2.5rem; border-top: 1px solid var(--cvr-border); font-size: .85rem; }
.cvr-footer .wp-block-navigation { font-size: .85rem; }
.cvr-post-list { padding: 0; }
.cvr-post-card { border: 1px solid var(--cvr-border); border-radius: 1rem; overflow: hidden; height: 100%; background: #fff; }
.cvr-post-card > .wp-block-group { padding: 1.4rem; }
.cvr-post-card .wp-block-post-featured-image { margin: 0; }
.cvr-post-card img { aspect-ratio: 16 / 10; object-fit: cover; }
.cvr-post-card .wp-block-post-title { font-size: 1.4rem; letter-spacing: -.03em; }
.cvr-post-card .wp-block-post-title a { text-decoration: none; }
.cvr-post-card .wp-block-post-date, .cvr-post-card .wp-block-post-excerpt { color: #55636e; font-size: .9rem; }
.cvr-article-title { font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1.12; letter-spacing: -.05em; }
.cvr-article .wp-block-post-featured-image img { border-radius: 1rem; max-height: 480px; object-fit: cover; }
.cvr-article .wp-block-post-content { line-height: 1.85; overflow-wrap: anywhere; }
.wp-block-post-content h2, .wp-block-post-content h3 { scroll-margin-top: 2rem; }
.wp-block-post-content img { max-width: 100%; height: auto; }
.wp-block-post-content table { border-collapse: collapse; width: 100%; }
.wp-block-post-content th, .wp-block-post-content td { border: 1px solid var(--cvr-border); padding: .65rem; }
.wp-block-post-content pre { padding: 1.3rem; border-radius: .6rem; background: #eff4f3; overflow-x: auto; }
.wp-block-post-content blockquote { border-left: 3px solid #126a77; padding-left: 1.3rem; margin-left: 0; color: #55636e; }
.wp-block-search__input { border: 1px solid var(--cvr-border); border-radius: .5rem; }
.wp-block-search__button { border-radius: .5rem; }
.cvr-legal { font-size: .8rem; color: #55636e; }
@media (max-width: 781px) {
  .cvr-header > .wp-block-group { gap: .7rem; }
  .cvr-brand .wp-block-site-title { font-size: 1rem; }
  .cvr-header .cvr-login { display: none; }
  .cvr-hero .wp-block-columns { gap: 2.7rem; }
  .cvr-paper-stage { transform: none; }
  .cvr-paper { transform: none; }
  .cvr-proof > .wp-block-group { gap: .8rem 1.6rem; }
  .cvr-section .wp-block-columns { gap: 1rem; }
  .cvr-footer > .wp-block-group { gap: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
