/*
Theme Name: Max Ytetsu Starter
Theme URI: https://maxytetsu.com.br
Author: Max Ytetsu
Author URI: https://maxytetsu.com.br
Description: Tema inicial minimo para o projeto Ricoh Security, pronto para receber o layout do redesign aprovado.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: max-ytetsu-starter
*/

html,body{overflow-x:hidden;max-width:100%}
body{margin:0;background:#FFFFFF;font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased}
.rs a{color:#AC8D58;text-decoration:none}
.rs a:hover{color:#8f7345}
.rs *{box-sizing:border-box}

@keyframes marqueeScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes policeRed{0%,49%{opacity:0}50%,74%{opacity:.55}75%,100%{opacity:0}}
@keyframes policeBlue{0%,24%{opacity:0}25%,49%{opacity:.5}50%,100%{opacity:0}}
@keyframes waPulse{0%,100%{box-shadow:0 4px 16px rgba(0,0,0,.3),0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 4px 16px rgba(0,0,0,.3),0 0 0 12px rgba(37,211,102,0)}}
@keyframes ctaPulse{0%,100%{box-shadow:0 0 0 0 rgba(200,134,13,.55)}50%{box-shadow:0 0 0 10px rgba(200,134,13,0)}}
.js-open-orcamento,.rs-modal-submit{animation:ctaPulse 2.2s ease-in-out infinite}
@keyframes ctaPulseRed{0%,100%{box-shadow:0 0 0 0 rgba(214,40,40,.6)}50%{box-shadow:0 0 0 10px rgba(214,40,40,0)}}
.rs-callme-btn{animation:ctaPulseRed 1.6s ease-in-out infinite}
.js-open-orcamento:hover,.rs-modal-submit:hover,.rs-callme-btn:hover{animation-play-state:paused}

/* Hero slideshow */
.rs-hero{position:relative;height:560px;overflow:hidden}
.rs-hero-slide{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center bottom;opacity:0;transition:opacity 900ms ease}
.rs-hero-slide.is-active{opacity:1}
.rs-hero-dots{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:2}
.rs-hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background 200ms;border:none;padding:0}
.rs-hero-dot.is-active{background:#B99153}
.rs-hero-eyebrow-mobile{display:none}
.rs-hero-title-mobile{display:none}


/* FAQ */
.rs-faq-item{border-bottom:1px solid #333333}
.rs-faq-btn{width:100%;background:none;border:none;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;text-align:left;font-family:'Inter',sans-serif}
.rs-faq-answer{font-size:15px;line-height:1.7;color:#c9c9c9;margin:0 0 24px;max-width:760px;display:none}
.rs-faq-item.is-open .rs-faq-answer{display:block}
.rs-faq-item.is-open .rs-faq-symbol::before{content:'\2212'}
.rs-faq-symbol::before{content:'+'}

/* Bottom app bar (mobile only) */
.rs-bottom-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:1500;background:#0d0d0d;border-top:1px solid #2a2a2a;padding:6px 2px calc(6px + env(safe-area-inset-bottom))}
.rs-bottom-bar a{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;flex:1;min-width:0;padding:6px 1px;color:#9a9a9a;font-size:9px;font-weight:600;text-decoration:none;text-align:center;white-space:nowrap}
.rs-bottom-bar a svg{width:20px;height:20px;flex:none}
.rs-bottom-bar a span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.rs-bottom-bar a.rs-bottom-cta{color:#B99153;margin-top:-22px}
.rs-bottom-bar a.rs-bottom-cta .rs-bottom-cta-circle{width:48px;height:48px;border-radius:50%;background:#B99153;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(185,145,83,.5);margin-bottom:2px}
.rs-bottom-bar a.rs-bottom-cta .rs-bottom-cta-circle svg{width:22px;height:22px}
.rs-bottom-bar a.rs-bottom-wa{color:#25D366}

/* Contact modal */
.rs-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}
.rs-modal-overlay.is-open{display:flex}
.rs-modal-box{position:relative;background:#FFFFFF;width:100%;max-width:420px;max-height:88vh;overflow-y:auto;padding:40px 36px 32px;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.4);font-family:'Inter',sans-serif}
.rs-modal-box ::placeholder{color:#9a9a9a}
.rs-modal-box select:focus, .rs-modal-box input:focus{outline:2px solid #AC8D58;outline-offset:1px}
.rs-field-group{display:none}
.rs-field-group.is-visible{display:block}
.rs-job-field{display:none}
.rs-job-field.is-visible{display:block}
.rs-comercial-field{display:none}
.rs-comercial-field.is-visible{display:block}

/* ==========================================================================
   MOBILE (app-like) — bottom bar visível, layout empilhado
   As regras !important abaixo existem porque o restante do tema usa
   estilo inline (herdado do export original); é a única forma de
   sobrepor esses valores por breakpoint sem reescrever cada elemento.
   ========================================================================== */
@media (max-width:768px){
	body{padding-bottom:70px}
	.rs-bottom-bar{display:flex}
	.rs-wa-float{display:none !important}

	/* Header */
	.rs-header{padding:12px 16px !important;gap:12px !important;flex-wrap:nowrap !important}
	.rs-header-nav{display:none !important}
	.rs-header-phone{display:none !important}
	.rs-header img{height:28px !important}
	.rs-header .js-open-orcamento{padding:9px 14px !important;font-size:13px !important;white-space:nowrap}

	/* Hero */
	.rs-hero{height:auto !important;background:#0d0d0d}
	.rs-hero-photo{position:relative !important;inset:auto !important;height:auto !important;aspect-ratio:3/2;width:100%;overflow:hidden !important}
	.rs-hero-eyebrow{display:none !important}
	.rs-hero-eyebrow-mobile{display:inline-block !important;position:absolute;left:16px;top:14px;z-index:2;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#B99153;background:rgba(0,0,0,.6);border:1px solid rgba(185,145,83,.5);padding:6px 12px;border-radius:20px}
	.rs-hero-title{display:none !important}
	.rs-hero-title-mobile{display:block !important;position:absolute;left:16px;right:16px;top:52px;z-index:2;font-family:'Roboto Slab',serif;font-weight:700;font-size:22px;line-height:1.25;color:#FFFFFF;text-shadow:0 2px 8px rgba(0,0,0,.7);margin:0}
	.rs-hero-row{flex-direction:column !important;align-items:stretch !important;height:auto !important;padding:32px 20px !important;gap:24px}
	.rs-hero-content{max-width:100% !important;margin-right:0 !important}
	.rs-hero-content h1{font-size:28px !important}
	.rs-hero-content p{font-size:15px !important}
	.rs-hero-content > div{flex-direction:column !important}
	.rs-hero-content > div a{width:100% !important;text-align:center;box-sizing:border-box}
	.rs-hero-card{display:none !important}
	.rs-hero-dots{display:none !important}

	/* Grids de duas colunas → empilhadas */
	.rs-grid-2{grid-template-columns:1fr !important}

	/* Padding lateral reduzido nas seções de conteúdo */
	.rs-section{padding:48px 20px !important}
	.rs-stats{padding:36px 20px !important}
	.rs-stats > div{gap:40px !important}
	.rs-footer{padding:32px 20px !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:24px !important}
	.rs-footer > div{text-align:center !important}
	.rs-footer img{margin-left:auto !important;margin-right:auto !important}
	.rs-footer nav{align-items:center !important}

	/* Botão flutuante de cookies (plugin LGPD) não pode ficar em cima da barra inferior */
	#mclc-reopen{bottom:80px !important}
}