:root {   
    /*--cor-primaria: #4A90E2; /* Azul Calmo */
	--cor-primaria: #f4f4f9;
    --cor-secundaria: #F5A623; /* Amarelo/Laranja de Destaque */
    --cor-fundo-claro: #F8F8F8; /* Fundo Leve */
    --cor-texto-principal: #333333; /* Texto Escuro */
    --cor-texto-claro: #FFFFFF; /* Texto Claro */
    --cor-card-fundo: #FFFFFF; /* Fundo do Card */
    --cor-sombra: rgba(0, 0, 0, 0.1);
	--color-primary: #2563eb; /* blue-600 */
    --color-primary-dark: #1d4ed8; /* blue-700 */
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5db;
    --color-gray-600: #4b5563;
    --color-gray-700: #374151;
    --color-gray-800: #1f2937;
}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family: 'Montserrat',sans-serif;background-color: var(--cor-fundo-claro);color: var(--cor-texto-principal);line-height: 1.6}

@media screen and (min-width:280px){
	html,body{width:100%}
	main,master{width:100%}
	#master-wrapper{width:100%;display:table;margin:0 auto}
	main{width:100%;margin:20px auto}
	#box-left,#box-right{display:none}
	.destaque{width:100%}	
	#phrasis-holder{width:100%}
	.aspas{width:30px}
	.aspas-td{width:33px}
	.show-phrasis{position:relative;width:90%;margin:10px 5%;z-index:0;transition: z-index 0s, transform 0.3s ease}
	.show-phrasis:hover{transform: scale(1.001);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);}
	.phrasis-image{width:90%;margin:5px 5%}
	.show-phrasis-content{width: 90%;margin:15px 5% 5px;--color:#000!important}	
	.autor-item{display: flex;flex-direction: column;align-items: center;text-align: center;height:260px;padding: 25px 10px 10px;cursor: pointer;transition: transform 0.3s ease, box-shadow 0.3s ease}
    .autor-item{width: 80%; margin: 10px auto}	
	.autor-list-item{width:100%}
	.imagem-autor {width: 100%;height: 100%;object-fit: cover;display: block;filter: grayscale(80%);transition: filter 0.3s ease;border-radius:50%}
    .autor-item:hover .imagem-autor {filter: grayscale(0%)}
    .nome-autor {margin-top: 5px;font-size: 1em;line-height:1.1em;color: #333;font-weight: 600;transition: color 0.3s ease}
    .autor-item:hover .nome-autor {color: #007bff}
	.autor-item:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1)}
    .foto-container {width:150px;height:150px;border-radius: 50%;overflow: hidden;margin-bottom: 15px;box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.7),0 0 0 6px #ccc;transition: box-shadow 0.3s ease}
    .autor-item:hover .foto-container{box-shadow: 0 0 0 5px rgba(255, 255, 255, 1),0 0 0 6px #007bff}
    .imagem-autor {width: 100%;height: 100%;object-fit: cover;display: block;filter: grayscale(80%);transition: filter 0.3s ease}
    .autor-item:hover .imagem-autor {filter: grayscale(0%)}
    .nome-autor {margin-top: 5px;font-size: 1em;line-height:1.1em;color: #333;font-weight: 600;transition: color 0.3s ease}
    .autor-item:hover .nome-autor {color: #007bff}
    .frases-count{font-size: 0.9em;color: #888;margin-top: 2px}
    .first-letter{width:40px;margin:5px;float:left;line-height:23px;height:40px;padding:10px;font-size:16px;text-align:center;background:#CCC;box-shadow:0 0 0 1px #333 inset}
    .first-letter:hover{background:#DDD;cursor:pointer}
	.show-phrasis,.not-found{display:table;width:96%;margin:10px 2%;background:var(--cor-card-fundo);padding:30px 0 0;box-shadow: 0 0 0 1px #888 inset;min-height:330px}
    .show-phrasis-content{text-align:justify}
    .phrasis-list h2,.phrasis-label,h2.search{width:90%;font-family: 'Montserrat', sans-serif;font-size: 1.2rem;font-weight:700;letter-spacing: 0.1em;text-transform: uppercase;text-align:center;padding-bottom: 5px;margin: 30px 5% 25px;display: inline-block;position: relative}
	.phrasis-list h2::after, .phrasis-label::after,h2.search::after{content:'';position:absolute;left:0;bottom:0;width:60%;height:3px;background-color:#013220;border-radius:2px}
    .phrasis-list h2:hover{color: #013220;cursor:default}
    h2.search{font-size:0.8rem}
	.share-phrasis,.back-button{width:88%;margin:10px 6% 30px;padding:10px 0;font-size: 16px;background:#069;line-height:30px;color:#FFF;text-align:center}
    .share-phrasis:hover,.back-button:hover{background-color:#0088cc}
	.phrasis-found{text-align:center;width:100%;font-size:13px}
	.more{width: 88%;padding:13px 0;margin: 15px 6%;background-color:#27991a;color:#FFF;box-shadow:0 0 0 1px #333 inset;line-height:30px;font-size:15px;text-align:center;border-radius:10px}
    .more:hover{background:#1c6d12;cursor:pointer}
	#featured{width:180px;padding:5px}
    #termos-de-uso,#politica-de-privacidade,#sobre{padding:5px 20px;color:#000!important;font-size:14px!important;}
	#termos-de-uso h1,#politica-de-privacidade h1,#sobre h1{padding:10px 0;font-size:20px;text-align:center;margin:10px 0 25px}
    #termos-de-uso h2,#politica-de-privacidade h2, #sobre h2{padding:10px 0;font-size:16px;text-align:justify}
    #termos-de-uso section,#termos-de-uso header,#politica-de-privacidade header,#politica-de-privacidade section,#sobre section{width:100%}
    #sobre p{text-indent:20px}
    #box-left-mobile,#box-right-mobile{position:absolute;z-index:5;top:120px}
	#box-left-mobile{left:0}
	#box-right-mobile{right:0;display:table}
    #box-left-mobile,#box-right-mobile{float:left;width:180px;min-height:315px;display:none;background-color:#F0F0F0;padding:5px;border-left:1px solid #FFF}
    #box-left-mobile ul li,#box-right-mobile ul li{width:159px;margin:3px 10px;color:#000;font-size:14px;padding:5px 5px}
    #box-left-mobile ul li:hover,#box-right-mobile ul li:hover{cursor:pointer;color:#e89516;border-left:1px solid #e89516}
    #box-left-mobile h3,#box-right-mobile h3{font-size:14px;width:139px;text-align:left;margin:5px 10px}
    .not-found-container{text-align: center;padding: 40px;max-width: 500px;width: 90%;margin:10px auto}
    .icon-not-found{font-size:4em;color:#007bff;margin-bottom: 20px;animation: bounce 1s ease-in-out infinite alternate}
    .title{font-size: 1.6em;font-weight:700;margin-bottom: 10px;color: #2c3e50;line-height:1.1em}
	.message{font-size: 1.1em;color: #7f8c8d;line-height: 1.6;margin-bottom: 30px}
    .suggestions-list{list-style:none;padding: 0;margin-bottom: 30px;text-align: left;display: inline-block}
    .suggestions-list li {font-size: 0.85em;color: #5d6d7e;padding: 8px 0;position: relative}
    .suggestions-list li::before{content: "•";color: #007bff;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em}
    .nav-categ-label{font-size: 0.8rem;font-weight: 800;color: #3730a3;text-transform: uppercase;margin:0}
	#box-right-mobile li:not(:last-child),#box-left-mobile li:not(:last-child){border-bottom: 1px solid #e5e7eb}
	.author-wrapper{width:33%;margin:10px 0.1%}
	.author-link:hover{color:#000}
	.form-container{width: 100%;max-width: 42rem;margin: 1rem auto;background-color: white;border-radius: 0.75rem;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);padding: 1.5rem}
    #contato{font-family: 'Inter', sans-serif;background-color: #f7f9fc;padding:1rem}
    #feedback-message{width:90%;margin:12px auto;text-align:center;height:28px;line-height:27px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:400}
    .contato-header{text-align: center;margin-bottom: 2rem}
    .contato-header h1{font-size: 1.875rem;font-weight: 800;color: var(--color-gray-800)}
    .contato-header p {margin-top: 0.5rem;font-size: 1.125rem;color: var(--color-gray-600)}        
    .form-content > div:not(:first-child) {margin-top: 1.5rem}     
    .form-label{display: block;font-size: 0.875rem;font-weight: 500;color: var(--color-gray-700);margin-bottom: 0.25rem}
    .form-input,.form-textarea{display: block;width: 100%;padding:0.75rem 1rem;border: 1px solid var(--color-gray-300);border-radius: 0.5rem;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;margin-top: 0.25rem}
    .form-input:focus,.form-textarea:focus{outline: 2px solid transparent;outline-offset: 2px;border-color: var(--color-primary);box-shadow: 0 0 0 1px var(--color-primary), 0 1px 2px 0 rgba(0, 0, 0, 0.05)}
    .form-textarea{resize:vertical}       
    #button-send-message{width: 100%;display: flex;justify-content:center;padding: 0.8rem 1rem;border: 1px solid transparent;border-radius: 0.5rem;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);font-size: 1.125rem;font-weight: 500;color: white;background-color: var(--color-primary);transition: background-color 150ms ease-in-out}
    #button-send-message:hover{background-color: var(--color-primary-dark);cursor:pointer}
	#button-send-message:focus{outline: none;box-shadow: 0 0 0 2px white, 0 0 0 4px var(--color-primary)}
    .modal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(75, 85, 99, 0.75);display: flex;align-items: center;justify-content: center;padding: 1rem;z-index: 50}
    .modal-content{background-color:white;border-radius: 0.75rem;padding: 1.5rem;width: 100%;max-width: 24rem;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)}
    .modal-content h3{font-size: 1.25rem;font-weight: 700;color: var(--color-primary);margin-bottom: 1rem}
    .modal-content p{color: var(--color-gray-700)}
    .modal-content .modal-footer{margin-top:1.5rem;text-align:right}
    .modal-close-button{padding: 0.5rem 1rem;background-color:var(--color-gray-200);color: var(--color-gray-800);border-radius: 0.5rem;transition: background-color 150ms ease-in-out}
    .modal-close-button:hover{background-color: var(--color-gray-300)}
    .hidden{display: none}
	.share-prompt{width:100%;font-size:17px;font-weight:800;font-family: "Verdana",Tahoma,Calibri, Sans}
	#autores-master-holder,#autores-sub-holder{width:100%;display:table}
	.autor-item-wrapper{width:80%;margin:10px 10%}
	.autores-list h2{width:90%;margin:5px auto;text-align:center}
	.list-author-footer{width:90%;margin:0 5%}
} 
@media screen and (min-width: 768px){
    .titulo {font-size: 1.8em;letter-spacing: 2px}
    .lista-autores {gap:20px 2%}    
    .nome-autor {font-size:16px!important} 
    .autor-item {width: 47%;padding: 5px;float:left}
    .foto-container {width: 150px;height: 150px}
    .nome-autor {font-size: 1em}
    .frases-count {font-size: 0.85em}	
}
@media screen and (min-width:900px){
#master-wrapper{min-width:800px}
.conteudo-principal{width:1070px;-max-width:720px;margin:60px auto 40px;padding:0 10px;min-height:315px}
.destaque{float:left;width:calc(100% - 340px);max-width:710px;min-height:315px;text-align:center;padding:30px 20px;margin-bottom:40px;display:table;background:linear-gradient(135deg, var(--cor-primaria), #CCC);-border-radius:15px;box-shadow:0 10px 20px rgba(74, 144, 226, 0.4)}
.phrasis-list{width:625px;margin:10px auto;display:table}
.phrasis-list h2,.phrasis-label,h2.search{font-size:1.2rem}
.show-phrasis,.not-found{display:table;width:650px;margin:15px auto;background:var(--cor-card-fundo);padding:30px 0 5px;box-shadow: 0 0 0 1px #888 inset;min-height:330px}
.show-phrasis-content{width: 90%;margin:15px 5% 5px;color:#000!important}
.phrasis-image{width:600px;margin:0 auto}0.phrasis-list h2,.phrasis-label{width:100%;font-family: 'Montserrat', sans-serif;font-size: 1.3rem;font-weight:700;letter-spacing: 0.1em;text-transform: uppercase;padding-bottom: 8px;margin: 10px auto 25px;display: inline-block;position: relative}
.phrasis-list h2::after, .phrasis-label::after,h2.search::after{content:'';position:absolute;left:0;bottom:0;width:60%;height:3px;background-color:#013220;border-radius:2px}
.phrasis-list h2:hover{color: #013220;cursor:default}
.autores-list{width:637px;margin:10px auto}
#box-left,#box-right{float:left;width:160px;min-height:315px;display:table;background-color:#F0F0F0;padding:5px;border-left:1px solid #FFF}
#box-left ul li,#box-right ul li{width:139px;margin:3px 10px;color:#000;font-size:12px;padding:5px;}
#box-left ul li:hover,#box-right ul li:hover,#box-left ul li:focus,#box-right ul li:focus{cursor:pointer;color:#e89516;border-left:1px solid #e89516}
#box-left ul,#box-right ul{-border-top: 2px solid #3730A3;margin-top:2px;padding-top:7px}
#box-lefl li:not(:last-of-type),#box-lefl li:not(:last-of-type){border-bottom:1px solid #707172}
.nav-categ-label{font-size:14px;text-align:left;padding: 15px 10px 5px 10px;color: #3730a3;font-weight:700}
.author-wrapper{width:33%;margin:10px 0.1%}
.title{font-size: 1.8em;font-weight:700}
.suggestions-list{list-style:none;padding: 0;margin-bottom: 30px;text-align: left;display: inline-block}
.suggestions-list li {font-size: 0.95em;color: #5d6d7e;padding: 8px 0;position: relative}
.suggestions-list li::before{content: "•";color: #007bff;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em}
.btn-home{display: inline-block;padding: 12px 25px;background-color: #007bff;color: #FFF!important;text-decoration: none;border-radius: 8px;font-weight: 600;transition: background-color 0.3s ease}
.btn-home:hover{background-color:#0056b3}
.more{width:650px;padding:18px 0;margin: 15px auto;font-size:18px}
.wait{position:absolute;background-color:#333;top:0;bottom:0;right:0;left:0;z-index:1000;opacity:50%}
.share-phrasis,.back-button{width:90%;margin:10px 5% 27px;padding:20px 0;font-size: 16px;background:#069;line-height:20px;color:#FFF}
.share-phrasis:hover,.back-button:hover{background-color:#0088cc}
.back-button{width:100%;margin:10px 0 27px}
#featured{width:180px;padding:5px}
#termos-de-uso h1,#politica-de-privacidade h1{padding:10px 0;font-size:30px;text-align:center;margin:10px 0 25px}
#termos-de-uso h1,#politica-de-privacidade h2{padding:10px 0;font-size:16px}
#termos-de-uso section,#termos-de-uso header,#politica-de-privacidade header,#politica-de-privacidade section,#sobre section{width:100%;font-size:14px}
#sobre p{text-indent:30px}
.author-item{display: flex;flex-direction: column;align-items: center;text-align: center;width: 160px;padding: 10px;cursor: pointer;transition: transform 0.3s ease, box-shadow 0.3s ease;float:left}
.author-item:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1)}
.author-img{width: 100%;height: 100%;object-fit: cover;display: block;filter: grayscale(80%);transition: filter 0.3s ease}
.autor-item{width: 100%;height:290px;padding: 25px 10px 10px;margin:0 1px}
.foto-container {width: 150px;height: 150px;border-radius: 50%;overflow: hidden;margin-bottom: 15px;box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.7),0 0 0 6px #ccc;transition: box-shadow 0.3s ease}
.autor-item:hover .foto-container{box-shadow: 0 0 0 5px rgba(255, 255, 255, 1),0 0 0 6px #007bff}
.imagem-autor {width: calc(100% - 4px);height: 100%;object-fit: cover;display: block;filter: grayscale(80%);transition: filter 0.3s ease}
.autor-item:hover .imagem-autor {filter: grayscale(0%)}
.nome-autor {margin-top: 5px;font-size: 1em;line-height:1.1em;color: #333;font-weight: 600;transition: color 0.3s ease}
.autor-item:hover .nome-autor {color: #007bff}
.frases-count{font-size: 0.9em;color: #888;margin-top: 2px}
.first-letter{width:50px;margin:5px;float:left;line-height:23px;height:44px;padding:10px;font-size:16px;text-align:center;background:#CCC;box-shadow:0 0 0 1px #333 inset}
.box-menu-mobile{display:none!important}
.redes{width:80%;margin:2.5px 10%;border-radius:5px}
.form-container{padding:2.5rem}
.share-prompt{font-size:24px}
.autor-item-wrapper{width:25%;float:left;margin:5px 0}	
}
@keyframes bounce {from {transform: translateY(0);}to{transform: translateY(-5px);}}