/* ============================================
		INPUT
============================================ */

	input[type="text"],
	input[type="number"],
	input[type="date"],
	input[type="datetime-local"],
	input[type="list"],
	input[type="password"],
	textarea {
		width: 100%;
		padding: 8px 6px;
		border: 1px solid #aaa;
		border-radius: 5px;
		font-size: 14px;
		transition: border-color 0.3s;
	}

	select {
		width: 100%;
		padding: 8px 6px;
		border: 1px solid #aaa;
		border-radius: 5px;
		font-size: 14px;
		transition: border-color 0.3s;
		background: #ffffff;
	}
	
	input:focus,
	select:focus,
	textarea:focus {
		outline: none;
		border-color: #4CAF50;
		box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
	}

	select[readonly],
	input[readonly] {
	  background: #eee; /*Simular campo inativo*/
	  pointer-events: none;
	  touch-action: none;
	}
	
	
/* ============================================
           MODELO 1 - BOTÃO PADRÃO MOBILE
============================================ */
        .btnM1 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            padding: 16px 24px;
            font-size: 1rem;
            font-weight: 600;
            color: white;
            background: #A08F63;
            border: none;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.2s ease;
            -webkit-tap-highlight-color: transparent;
            touch-action: manipulation;
            user-select: none;
            min-height: 54px; /* Altura mínima para toque (44px recomendado) */
            gap: 10px;
        }

        .btnM1:active {
            transform: scale(0.96);
            background: #a08563;
        }

        .btnM1:disabled {
            opacity: 0.5;
            pointer-events: none;
        }

/* ============================================
           MENU
============================================ */

        .csMenu {
            
			border-bottom: 1px solid #A08F63;
            color: #A08F63;
            border-color: #A08F63;
            font-size: 1.2em;
			font-weight: bold;
			
        }
		
/* ============================================
           CONTAINER
============================================ */

        .csContainerLogo {
            display: flex;
            _flex-direction: column;
            gap: 10px;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            border: 0px solid #f00;
            border-radius: 8px;
			color: #fff;
        }
		
        .csContainer {
			background-color: #efefef;
            display: flex;
            flex-direction: column;
            gap: 10px;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #cccccc;
            border-radius: 22px 22px 0 0;
        }

/* ============================================
           CORPO
============================================ */

	body {
		background:linear-gradient(to bottom, #A08F63 5%, #A08F63 100%);
	}

/* ============================================
           TABELAS
============================================ */

.tb0  {border-collapse:collapse;border:0px solid #aaa;width:100%;}
.tb0 tr{padding:5px;border: 0px solid #aaa;color:#000;}
.tb0 td{padding:5px;border: 0px solid #aaa;color:#444;}

.tb1  {border-collapse:collapse;border:1px solid #aaa;width:100%;}
.tb1 tr{padding:5px;border: 1px solid #aaa;color:#000;}
.tb1 td{padding:5px;border: 1px solid #aaa;color:#444;}

.tb2  {border-collapse:collapse;border:1px solid #f00;width:100%;}
.tb2 tr{padding:5px;border: 1px solid #f00;color:#000;}
.tb2 td{padding:5px;border: 1px solid #f00;color:#444;}

.tb3  {border-collapse:collapse;border:1px solid #f00;width:auto;}
.tb3 th{padding:1px 3px;border: 1px solid #ccc;color:#000;background-color: #D9FF8B;width:auto;}
.tb3 tr{padding:1px 3px;border: 1px solid #ccc;color:#000;}
.tb3 td{padding:1px 3px;border: 1px solid #ccc;color:#444;}

/* ============================================
           PADROES
============================================ */

.ImgCir{
  background-color: #ddd;
  border-radius: 100%;
  object-fit: cover;
}

.bol { font-weight: bold; }
.ita { font-style: italic; }

.curD {cursor: default;}
.curP {cursor: pointer;}

.s10 { font-size: 10px;}
.s11 { font-size: 11px;}
.s12 { font-size: 12px;}
.s13 { font-size: 13px;}
.s14 { font-size: 14px;}
.s15 { font-size: 15px;}
.s16 { font-size: 16px;}
.s17 { font-size: 17px;}
.s18 { font-size: 18px;}
.s19 { font-size: 19px;}
.s20 { font-size: 20px;}
.s21 { font-size: 21px;}
.s22 { font-size: 22px;}
.s24 { font-size: 24px;}
.s25 { font-size: 25px;}
.s26 { font-size: 26px;}
.s30 { font-size: 30px;}
.s40 { font-size: 40px;}
.s60 { font-size: 60px;}

.wpC { width:100%; }
.wpB { width:100%; box-sizing: border-box; }
.wpA { width: fit-content;}

.disN {display: none;}
.disL {display: inline-block;float: left;}
.disR {display: inline-block;float: right;}
.disC {display: inline-block;float: center;}

.bor0 {border: 0px solid #ccc;}
.bor1 {border: 1px solid #ccc;}
.bor2 {border: 1px solid #f00;}
.bor3 {border: 1px solid #A08F63;}
.bor4 {border: 1px solid #0000FF;}
.bor5 {border: 1px solid #00FF00;}

/* ============================================
           FONTS
============================================ */

.mr0 { color: #A08F63; }
.vd0 { color: #088A08;}
.vd1 { color: #04B404;}
.vd2 { color: #2ecc71;}
.vd3 { color: #00CC33;}
.vd4 { color: #7CFC00;}
.vd5 { color: #9ACD32;}
.vm0 { color: #f00;}
.vm1 { color: #e74c3c;}
.vm2 { color: #FF6347;}