/* Drope Blog: fontes e tokens (os mesmos do dropecrm.com, com o laranja da marca). */

@font-face{font-family:Geist;src:url(../fonts/geist-latin-wght-normal.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Fallback";src:local("Arial"),local("Helvetica"),local("ArialMT");size-adjust:103%;ascent-override:97.6%;descent-override:28.6%;line-gap-override:0%}
@font-face{font-family:"Playfair Display";src:url(../fonts/playfair-display-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(../fonts/geist-mono-latin-wght-normal.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}

:root{
	--font-sans:"Geist","Geist Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
	--font-accent:"Playfair Display",Georgia,serif;

	--primary:#FF7E01;
	--primary-btn:#bb5b00;
	--primary-hover:color-mix(in oklab,var(--primary) 78%,#000);
	--primary-active:color-mix(in oklab,var(--primary) 70%,#000);
	--primary-subtle:color-mix(in oklab,var(--primary) 10%,#fff);
	--primary-line:color-mix(in oklab,var(--primary) 28%,#fff);
	--primary-ink:color-mix(in oklab,var(--primary) 82%,#000);
	--primary-text:color-mix(in oklab,var(--primary) 60%,#000);
	--primary-edge:color-mix(in oklab,var(--primary) 35%,#fff);
	--primary-glow:color-mix(in oklab,var(--primary) 10%,transparent);

	--bg-page:#fafafa;
	--bg-alt:#f3f3f7;
	--bg-card:#fff;
	--bg-panel:#f4f4f7;
	--bg-panel-2:#f7f7f7;
	--bg-btn-2:#e6e7ea;
	--bg-nav-active:#e8e8ed;
	--bg-tile:#ebebef;
	--bg-mm-aside:#eeeff3;
	--bg-seg:#f4f4f5;

	--border:#eaebeb;
	--border-panel:#e5e5e5;
	--line:#dcdde1;
	--line-header:#e0e0e4;
	--border-btn:#c9c9ce;
	--border-hover:#d8d8dd;

	--text-1:#1a1a1a;
	--text-1-soft:#262626;
	--text-lead:#36393f;
	--text-muted:#6b6b6b;
	--text-faint:#6f6f6f;
	--text-ghost:#a1a1a1;
	--text-nav:#63656a;
	--text-link:#505357;

	--footer-top:#0a0e10;
	--footer-bg:#151617;
	--footer-line:#282d2d;
	--footer-label:#858888;
	--footer-link:#919493;
	--footer-legal:#858888;
	--footer-fg:#fafafa;

	--streak-line:color-mix(in oklab,var(--primary) 74%,#fff);
	--streak-line-2:color-mix(in oklab,var(--primary) 38%,#fff);

	--frame-1:color-mix(in oklab,var(--primary) 70%,#000);
	--frame-2:color-mix(in oklab,var(--primary) 36%,#000);
	--frame-glow:color-mix(in oklab,var(--primary) 84%,#fff);

	--warn-line:#f1d9a8;
	--warn-bg:#fff9ec;
	--warn-ink:#9a6200;
	--ok:#15803d;

	--radius:10px;
	--radius-sm:6px;
	--radius-xs:2px;

	--container-w:1020px;
	--inset:42px;
	--sec-pad:72px;
	--sec-pad-head:84px;
	--header-h:75px;

	--ease-out:cubic-bezier(.16,1,.3,1);
	--ease-soft:cubic-bezier(.22,1,.36,1);

	/* Ícones em máscara CSS (Lucide): usados em notas, checks e FAQ. */
	--ico-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");
	--ico-alert:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
	--ico-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	--ico-calc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cline x1='8' x2='16' y1='6' y2='6'/%3E%3Cline x1='16' x2='16' y1='14' y2='18'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M8 18h.01'/%3E%3C/svg%3E");
	--ico-badge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
	--ico-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E");
	--ico-sparkles:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z'/%3E%3C/svg%3E");
	--ico-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8.5 -8.5 17 17'%3E%3Cpath d='M-.5-8.5h1A8 8 0 0 0 8.5-.5v1A8 8 0 0 0 .5 8.5h-1A8 8 0 0 0-8.5.5v-1A8 8 0 0 0-.5-8.5z'/%3E%3C/svg%3E");
}

@media (max-width:1100px){:root{--container-w:calc(100% - 48px)}}
@media (max-width:1024px){:root{--sec-pad:64px;--sec-pad-head:72px}}
@media (max-width:768px){:root{--container-w:100%;--inset:24px;--sec-pad:56px;--sec-pad-head:56px}}
@media (max-width:480px){:root{--sec-pad:48px;--sec-pad-head:48px}}