/* Ajustes para pantalla SM */
@media only screen and (max-width: 500px) {
	/* Header */
	.main-page .main--header {
		min-height: 2.3rem;
		height: 2.3rem;
		padding: 0.7rem;
	}

	.main-page .main--header .app-name {
		font-size: 0.9rem;
	}

	.main-page .main--header .header--tools button {
		height: 1.5rem;
		width: 1.5rem;
		background-size: 1.5rem;
	}

	.main-page .main--header .header--tools button.header--home {
		background-size: 1.6rem;
	}

	.main-page .main--header .header--tools button.header--languages {
		background-size: 1.1rem;
	}

	.main-page .main--header .header--tools button.header--edit {
		height: 1.4rem;
		background-image: url("../images/icon--user--black.svg");
	}

	.main-page .main--header .header--tools button.header--logout {
		background-image: url("../images/icon--house--black.svg");
		margin-left: 1rem;
	}

	/* Nav */
	.body--nav {
		flex-direction: row;
		height: 3rem;
		min-height: 3rem;
		border-right: none;
		border-bottom: 0.1rem solid var(--color-lightblue-light);
		overflow-x: auto;
		overflow-y: hidden;
	}

	.main--body {
		height: calc(100% - 2.3rem);
		display: flex;
		flex-direction: column;
	}

	.main--body .body--full {
		top: 2.3rem;
	}

	.main-page .body--nav .nav--client {
		padding: 0 1rem 0 0.5rem;
		line-height: 0.6rem;
	}

	.main-page .body--nav .nav--client .info {
		display: block;
		padding-right: 0;
		margin-left: 0.3rem;
	}

	.main-page .body--nav .nav--client .type {
		margin-bottom: 0.2rem;
	}

	.main-page .body--nav .nav--client .name {
	}

	.main-page .body--nav .nav--list {
		height: 3rem;
		max-height: 3rem;
		display: flex;
		background-color: var(--color-lightblue-lighter);
		flex-direction: row;
	}

	.main-page .body--nav .item {
		height: 3rem;
		min-height: 3rem;
		padding: 0 1rem 0 0.5rem;
		border-left: 0.1rem solid var(--color-lightblue-light);
	}

	.main-page .body--nav .item.care-centers {
		width: 11rem;
	}

	.main-page .body--nav .item.surveys,
	.main-page .body--nav .item.results {
		display: none;
	}

	.main-page .body--nav .item.questions::before,
	.main-page .body--nav .item.drafts::before,
	.main-page .body--nav .item.schedule::before,
	.main-page .body--nav .item.message::before,
	.main-page .body--nav .item.models::before,
	.main-page .body--nav .item.reports::before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 2.2rem;
		width: 2.2rem;
		min-width: 2.2rem;
		margin-right: 0.2rem;
		background-size: 2.2rem;
		background-repeat: no-repeat;
		background-position: center;
	}

	.main-page .body--nav .item.questions::before {
		background-image: url("../images/icon--circle-question--black.svg");
	}
	.main-page .body--nav .item.drafts::before {
		background-image: url("../images/icon--paper-form--black.svg");
	}
	.main-page .body--nav .item.schedule::before {
		background-image: url("../images/icon--timer--black.svg");
	}
	.main-page .body--nav .item.message::before {
		background-image: url("../images/icon--envelope--black.svg");
	}
	.main-page .body--nav .item.models::before {
		background-image: url("../images/icon--presentation--black.svg");
	}
	.main-page .body--nav .item.reports::before {
		background-image: url("../images/icon--paper-graph-multiple--black.svg");
	}

	.main-page .body--nav .icon {
		margin-right: 0.2rem;
	}

	.main-page .body--nav .text {
		display: block;
		margin-left: 0.1rem;
	}

	.main-page .body--nav .nav--list .arrow {
		display: none;
	}

	.main-page .body--nav .sub-list {
		display: flex !important;
		height: 3rem;
	}

	.main-page .body--nav .nav--footer {
		align-self: center;
	}

	/* Fix hover en vista normal */
	.main--body:not(.fixed-nav) .body--nav:hover {
		height: 3rem;
		width: 100%;
		filter: none;
		position: inherit;
		z-index: 1;
	}

	.main--body:not(.fixed-nav) .body--nav:hover .item {
		width: auto;
	}

	.main--body:not(.fixed-nav) .body--nav:hover .item.care-centers {
		width: 11rem;
	}

	.main--body:not(.fixed-nav) .body--nav:hover .arrow {
		display: none;
	}

	.main--body .body--nav:hover .toggle {
		display: none;
	}

	/* Menu Nav */
	.main-page .mobile-menu {
		display: block;
		position: fixed;
		top: 2.5rem;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: var(--color-lightblue-lightest);
		display: flex;
		justify-content: center;
	}

	.main-page .mobile-menu--content {
		display: flex;
		flex-direction: column;
		padding: 3rem 5rem;
	}

	.main-page .mobile-menu--item {
		color: var(--color-lightblue-darkest);
		font-weight: 500;
		text-align: center;
		margin: 2rem 0;
		cursor: pointer;
	}

	/* Content */
	.main-page .body--content {
		margin: 0 0 1rem 0;
		padding: 0;
		overflow-x: hidden;
	}

	.main-page .body--content .body--section {
		width: auto;
		margin-inline: 0.8rem;
	}

	.main-page .body--content .body--section.empty {
		margin-top: 2rem;
	}

	/* Elementos */
	.main-page .body--content .body--table table,
	.main-page .body--content .body--table-sm table,
	.complete-emails-list table, .emails-list--empty-placeholder,
	.main-page .body--content .body--form,
	.body--form textarea,
	.button-basic,
	
	.main-page .body--content .body--section .section--pagination,
	.active-surveys .questions-list--review table,
	.active-surveys .questions-list--review table,
	.active-surveys--list table,
	.surveys--schedule .questions-list--review table,
	.drafts-list table,
	.questions-list table,
	.focus-groups .insights .highlight-quote--input,
	
	.pop-up .pop-up--body .body--row.select label,
	.pop-up .pop-up--body .body--table table td {
		font-size: 0.7rem !important;
	}

	/* Toolbar */
	.main-page .body--toolbar {
		padding: 0 0.8rem !important;
		overflow-x: auto;
	}

	.main-page .body--toolbar button,
	.main-page .body--content .body--section .button--load,
	.main-page .body--content .body--section .section--nav {
		font-size: 0.65rem;
	}

	.main-page .body--toolbar .toolbar--main button {
		margin-right: .6rem;
		min-width: max-content;
	}

	.main-page .body--toolbar .toolbar--button {
		height: 1.7rem;
		text-align: left;
		padding: 0.15rem 0.7rem 0.1rem 1.8rem;
		background-size: 1.1rem;
		background-position: 0.5rem center;
	}

	.main-page .body--toolbar .toolbar--button.no-icon {
		padding-left: 0.7rem;
	}

	.main-page .body--toolbar .toolbar--link {
		text-align: left;
		padding: 0.2rem 0.2rem 0.1rem 1.8rem;
		background-position: 0.2rem center;
	}

	.main-page .body--content .body--h1 {
		font-size: 1rem;
		margin: 0 0.8rem;
	}

	.main-page .body--content .body--h2 {
		font-size: 0.8rem;
	}

	.main-page .body--content .body--h3 {
		font-size: 0.8rem;
	}

	.main-page .body--content .body--section .section--nav .nav--tab {
		margin-right: 0.3rem;
	}

	/* Form */
	.body--form {
		margin-inline: 0.8rem;
		width: auto;
	}

	.body--form .form--row {
		width: 100%;
		margin-bottom: 0.8rem;
	}

	.body--form .body--columns.two-columns {
		grid-column-gap: 1rem;
	}

	.body--form .body--columns.three-columns {
		grid-column-gap: 0.5rem;
	}

	.body--form .form--row .add,
	.body--form .form--row .delete {
		background-size: 1.7rem;
		width: 1.7rem;
		height: 1.7rem;
		min-width: 1.7rem;
		top: -0.1rem;
	}

	.body--form .form--row .add {
		right: -1.9rem;
	}

	.body--form .form--row .delete {
		right: -3.6rem;
	}

	.body--form .form--card {
		padding-top: 2.2rem;
		padding-bottom: .7rem;
		border-top: 0.2rem solid var(--color-lightblue);
	}

	.body--form .form--card .form--row {
		width: calc(100% - 1rem);
		margin: 0 auto 0.7rem;
		justify-content: space-between;
		min-height: 1.2rem;
	}

	.body--form .form--card .form--row:last-child {
		margin-bottom: 0;
	}

	.body--form .form--card .form--row label {
		margin-left: 0;
		width: auto;
		min-width: auto;
	}

	.body--form .form--card .form--row select,
	.body--form .form--card .form--row input[type="text"],
	.body--form .form--card .form--row input[type="datetime-local"] {
		width: 60%;
	}

	/* Table */
	.body--table table {
		width: 100%;
	}

	.body--table table tbody tr:hover {
		background-position: 0.5rem center;
		background-size: 1.3rem;
	}

	.body--table table th {
		color: #aaa;
		padding: 0 0.3rem;
		font-size: 0.55rem;
	}

	.body--table table th:nth-of-type(1) {
		padding-left: 0.8rem;
	}

	.body--table table td {
		word-break: break-word;
		padding: 0.3rem;
	}

	.body--table table td:nth-of-type(1) {
		padding-left: 0.8rem;
	}

	/* Tipo simple-list */
	.body--table.simple-list table th {
		padding: 0.2rem 0.3rem;
	}

	.body--table.simple-list table th:nth-of-type(1) {
		padding-left: 0.8rem;
	}

	.body--table.simple-list table td {
		padding: 0.3rem;
	}

	.body--table.simple-list table td:nth-of-type(1) {
		padding-left: 0.8rem;
	}

	.body--table table .current-status--content {
		flex-direction: column;
	}

	.body--table table .current-status--color {
		margin-right: 0.3rem;
		margin-bottom: 0.2rem;
		width: 0.5rem;
		min-width: 0.5rem;
		height: 0.5rem;
		min-height: 0.5rem;
	}

	.body--table.simple-list table td:nth-of-type(1) {
		padding-left: 0.8rem;
	}

	/* Tipo icon-lg */
	.icon-lg.body--table table th:nth-of-type(1) {
		padding-left: 0.8rem;
	}

	.icon-lg.body--table table td:nth-of-type(1) {
		padding-left: 0.8rem;
	}

	.body--table-sm table th {
		padding-right: 0.2rem;
	}
	
	/* Elementos de table */
	.body--table table .warning-sm::before {
		width: .9rem;
		background-size: 1rem;
	}

	/* Complete emails list */
	.complete-emails-list table td {
		word-break: break-all;
	}

	/* Section dropdown */
	.section--content-dropdown {
		background-color: transparent;
		font-size: 0.9rem;
		border-top: 0.15rem solid #ccc;
		border-radius: 0;
		min-height: 2.6rem;
		margin-bottom: 0;
	}

	table + .section--content-dropdown {
		border: none;
	}

	.section--content-dropdown:hover {
		background-color: var(--color-lightblue-lightest);
		transition: background-color 0.1s ease-in;
	}

	.section--content-dropdown object {
		margin-right: 0.5rem;
	}
	
	.section--content-dropdown .title {
		width: calc(100% - 4.3rem);
	}

	.section--content-dropdown.sub {
		border: none;
		margin-top: 0;
	}

	.section--content-dropdown.sub:hover {
		background-color: var(--color-lightblue-lightest);
	}

	.section--content-dropdown.sub .title {
		font-size: 0.9rem;
		margin-left: 2.3rem;
		color: var(--color-lightblue-dark);
	}

	.section--content-dropdown.sub .arrow {
		opacity: 0.7;
	}

	.section--content-dropdown.sub .summary .status {
		width: 0.5rem;
		min-width: 0.5rem;
		height: 0.5rem;
		min-height: 0.5rem;
	}

	/* Dropdown con icono al costado izq */
	.icon-lg .section--content-dropdown {
		min-height: unset;
		height: auto;
		max-width: 100%;
		padding: 0.5rem 0 0.3rem;
		border-top: none;
		border-bottom: 0.2rem solid;
		border-radius: 0;
	}

	.icon-lg .section--content-dropdown object {
		height: 1.4rem;
		width: 1.4rem;
		margin: 0.2rem 0 0 0.4rem;
	}

	.icon-lg .section--content-dropdown .content {
		width: calc(100% - 2.3rem);
		background-color: transparent !important;
		font-size: 0.9rem;
		padding: 0.4rem 0.5rem 0.2rem 0;
		margin: 0 0 0 0.5rem;
	}
	
	.icon-lg .section--content-dropdown .title{
		width: calc(100% - 1.5rem);
	}

	.main-page .body--content .button--load {
		padding-top: 0.3rem;
	}

	/* Por página */
	/* Welcome */
	.welcome.body--full {
		position: inherit;
		height: 100%;
		width: 100%;
		align-items: flex-start;
	}

	.welcome .app-login {
		margin-top: 1rem;
		width: calc(100% - 2rem);
	}

	.welcome .app-login input[type="text"],
	.welcome .app-login input[type="password"] {
		width: 100%;
	}

	.welcome .config {
		display: none;
	}

	.welcome .app-map {
		width: 100%;
	}

	.welcome .app-map .map--title {
		height: inherit;
		width: inherit;
		background: none;
		border-radius: 0;
		padding: 5rem 0;
	}

	.welcome .app-map:hover .map--title {
		height: inherit;
		width: inherit;
	}

	.welcome .app-map .map--branches {
		padding: 0 0 2rem 2rem;
	}

	.welcome .app-map .map--item {
		opacity: 1;
		position: relative !important;
		top: unset !important;
		left: unset !important;
		height: 8rem;
		width: 8rem;
		font-size: 0.9rem;
		background-color: var(--color-lightblue-light);
		margin-bottom: 2rem;
		z-index: 0;
	}

	.welcome .map--item.item-02 {
		animation-delay: -2s !important;
	}

	.welcome .map--item[disabled] {
		opacity: 0.5;
	}

	.welcome .app-map .map--item object {
		width: 3rem;
		height: 3rem;
		margin-bottom: 0.2rem;
	}

	.welcome .app-map .map--sub-item {
		opacity: 1;
		left: 8rem !important;
		top: -1rem !important;
		z-index: 0;
	}
	
	/* Configuración general */
	#form--general .form--row.sub-section .content--row label{
		width: 5.5rem;
	}

	/* Clientes */
	.clients .body--form .form--row.sub-section .content--row {
		width: calc(100% - 3.4rem);
	}

	.clients .body--form .form--row.sub-section .content--row label {
		min-width: 4.5rem;
	}

	/* Centros de atención */
	.care-centers .complete-care-centers-list table tr.selected td:nth-of-type(1) {
		background-position: 0.5rem center;
		background-size: 1.3rem;
	}

	/* Proyectos */
	.projects .projects-content .icon {
		margin-right: 0.4rem;
	}

	.projects .projects-complete-list table tr.selected td:nth-of-type(1) {
		background-position: 0.5rem center;
		background-size: 1.3rem;
	}

	/* Categorias */
	.categories .form--row.sub-section .subtitle {
		width: 30%;
	}

	.categories .form--row.sub-section .content {
		width: 70%;
	}

	.categories .form--row.sub-section .content--row label {
		width: 30%;
	}

	.categories .form--row.sub-section .content--row input {
		width: 70%;
	}
	
	.categories .form--row.sub-section .content--row textarea {
		width: 70%;
	}

	.categories .form--row.sub-section .content--row.warning {
		padding-left: 30%;
	}

	/* Encuestas */
	.questions-list table tbody tr:hover {
		background-position: 0.4rem center;
		background-size: 1.1rem;
	}

	.questions-list table th {
		font-size: 0.5rem;
	}

	.questions-list table tr.selected td:nth-of-type(1) {
		background-position: 0.4rem center;
		background-size: 1.1rem;
	}

	#questions-table table td {
		vertical-align: top;
	}

	.main-page .body--content .surveys--questions .body--h1 {
		display: block;
		width: auto;
	}

	.main-page .body--content .surveys--questions .question--group {
		display: flex;
		width: auto;
		justify-content: center;
		margin-top: 0.5rem;
		font-size: 0.7rem;
	}

	.main-page .body--content .surveys--questions .body--form .form--row {
		align-items: center;
	}

	.main-page .body--content .questions--new .column--third .body--h2 {
		display: block;
		width: auto;
		margin-bottom: 0.2rem;
	}

	.main-page .body--content .questions--new .body--form a {
		margin-bottom: 1rem;
	}

	.main-page .body--content .questions--new .column--third .form--row.textarea textarea {
		min-height: 10rem;
	}
	
	/* Borradores */
	.surveys .survey-preview {
		display: block !important;
		width: min-content !important;
		min-height: unset;
		height: auto;
		padding: .3rem 1rem .4rem;
		margin: .5rem auto 1rem !important;
	}

	.main-page .body--content .surveys #draft--form .body--section {
		margin: 0;
	}
	
	.main-page .body--content .surveys #draft--form .two-columns {
		grid-column-gap: 1.5rem;
	}

	.main-page .body--content .surveys #draft--form .two-columns .body--h2 {
		width: auto;
		display: block;
		text-align: center;
	}
	
	.surveys #draft--form textarea.extended {
		min-height: 9rem;
	}
	
	.surveys .body--form + .body--toolbar {
		align-items: flex-end;
	}

	/* Mensajes */
	.surveys--messages .body--form {
		padding-inline: 0.8rem;
	}

	.surveys--messages .body--form .body--form {
		padding: 0;
	}

	/* Encuestas activas */
	.main-page .body--content .active-surveys .body--section {
		margin-inline: 0;
	}

	.main-page .body--content .active-surveys .body--h2 {
		margin-inline: 0.8rem;
	}

	/* Grupos focales */
	.focus-groups .body--form {
		margin-inline: 0;
	}

	.focus-groups .focus-groups--basic-info,
	.focus-groups .body--h2,
	.focus-groups .insights textarea,
	.focus-groups .insights .highlight-quote {
		margin-inline: 0.8rem;
	}

	.focus-groups .body--form .form--row {
		flex-direction: column;
	}

	.focus-groups .body--form .form--row label {
		min-width: inherit;
		width: auto;
		margin-bottom: 0.2rem;
	}

	.focus-groups .body--form .form--row select,
	.focus-groups .body--form .form--row input[type="text"],
	.focus-groups .body--form .form--row input[type="datetime-local"],
	.focus-groups .body--form .form--row .select--multiple-option {
		width: 100%;
	}

	/* Modelos */
	.results--models .results-list .section--content-dropdown {
		padding-left: 0.8rem;
	}

	.results--models .results-list #table-executive + .section--content-dropdown {
		border-top: 0.15rem solid #ccc;
	}

	.results--models .results-list .section--content-dropdown object {
		display: none;
	}

	/* Informes */
	.results--reports .results-list .section--content-dropdown {
		padding-left: 0.8rem;
	}

	.results--reports .results-list #executive-table + .section--content-dropdown {
		border-top: 0.15rem solid #ccc;
	}

	.results--reports .results-list .section--content-dropdown object {
		display: none;
	}

	.report-editor--main {
		width: 100%;
		margin: 0 auto;
		height: calc(100vh - 15rem);
	}

	.report-editor--aside {
		display: none;
	}

	/* Biblioteca de fotos */
	.main-page .photo-library .body--filters {
		top: 11rem;
		bottom: 1rem;
		border-bottom: 0.1rem solid var(--color-lightblue-light);
		width: 14rem;
	}

	.photo-library--list {
		gap: 0.8rem;
	}

	.main-page .photo-library--thumbnail {
		width: 6.6rem;
		margin: 0;
	}

	.main-page .photo-library--thumbnail .name {
		width: 6.1rem;
		font-size: 0.6rem;
	}

	.main-page .photo-library--thumbnail .photo {
		height: 6.1rem;
		width: 6.1rem;
	}

	.main-page .photo-library--details {
		width: 20rem;
		min-width: unset;
		padding-left: 1rem;
	}

	/* Pop ups */
	.pop-up--position {
		align-items: flex-start;
	}

	.pop-up {
		margin: 1rem;
		padding: 3rem 2.5rem 2rem 2.5rem;
		max-width: calc(100vw - 2rem);
		max-height: calc(100vh - 2rem);
	}

	.pop-up .pop-up--header {
		margin-bottom: 1.5rem;
	}

	.pop-up .pop-up--header .header--title {
		font-size: 1rem;
	}

	.pop-up .pop-up--body {
		height: auto;
		max-height: 80vh;
		overflow-y: auto;
	}

	.pop-up .pop-up--body .body--table table td {
		padding: 0.3rem;
	}

	.pop-up .pop-up--body .body--table table td:first-child {
		padding-left: 0.8rem;
	}

	.pop-up .pop-up--body .body--row.select {
		flex-direction: column;
		min-width: auto;
	}

	.pop-up .pop-up--body .body--row.select label {
		margin-right: 0;
		margin-bottom: 0.2rem;
	}

	.pop-up .pop-up--body .body--row select {
		text-align: center;
		min-width: auto;
	}

	/* Pop up - Importar imagen */
	.pop-up--upload-photo .upload-photo {
		flex-direction: column;
		width: 100%;
		height: auto;
	}

	.pop-up--upload-photo .upload-photo--thumbnail {
		margin: 0 auto;
	}

	.pop-up--upload-photo .upload-photo--thumbnail .photo {
		height: 11rem;
	}

	.pop-up--upload-photo .upload-photo--tags {
		width: 100%;
		margin-top: 1rem;
	}

	.pop-up--upload-photo .upload-photo--tags .subtitle {
		margin-top: 1rem;
		margin-bottom: 0.1rem;
	}

	/* Pop up - Historial de programaciones */
	.pop-up--drafts-survey-history .body--table {
		max-height: none;
		margin-top: 0;
	}

	.pop-up--drafts-survey-history table {
		min-width: auto;
		max-width: none;
	}

	/* Pop up - Nuevo modelo de informe */
	.pop-up--new-report-model .body--row.select {
		min-width: auto !important;
	}

	/* Pop up - Añadir página a nuevo modelo */
	.pop-up--new-page {
		padding: 2rem 1.5rem;
	}

	.pop-up--new-page .pop-up--body {
		padding: 0.6rem;
		width: calc(100vw - 5rem);
	}

	.pop-up--new-page .new-page--list {
		grid-gap: 0.5rem;
		grid-template-columns: repeat(auto-fill, minmax(5.5rem, 1fr));
	}

	.pop-up--new-page .pop-up--body h2 {
		font-size: 0.8rem;
		margin-bottom: 0.5rem;
	}

	.pop-up--new-page .new-page--item {
		padding: 0.3rem;
	}

	.pop-up--new-page .new-page--item .name {
		font-size: 0.7rem;
		margin-top: 0.4rem;
	}

	.pop-up--new-page .new-page--item .description {
		font-size: 0.7rem;
	}

	.pop-up--new-page.landscape-design .new-page--item .icon {
		height: 4.4rem;
		width: 6rem;
		background-size: 6rem;
	}

	.pop-up--new-page.portrait-design .new-page--item .icon {
		width: 6rem;
		height: 8.2rem;
		background-size: 6rem;
	}

	/* Pop up - Nuevo informe */
	.pop-up--select-model .pop-up--body {
		width: auto;
	}

	.pop-up--select-model .section--content-dropdown {
		min-height: unset;
	}

	.pop-up--select-model .section--content-dropdown object {
		display: none;
	}

	/* Pop up - Insertar imagen en informe */
	.pop-up--reports-select-photo .pop-up--body {
		flex-direction: column;
	}

	.pop-up--reports-select-photo .select-photo--list {
		width: 100%;
		grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
		grid-template-rows: repeat(auto-fill, minmax(8rem, max-content));
	}

	.pop-up--reports-select-photo .list-scroll {
		border-radius: 0.5rem 0.5rem 0 0 !important;
		padding: 0.3rem !important;
	}

	.pop-up--reports-select-photo .select-photo--item {
		padding: 0.3rem;
		border-radius: 0.3rem;
	}

	.pop-up--reports-select-photo .select-photo--item .photo {
		width: 6rem;
		height: 6rem;
	}

	.pop-up--reports-select-photo .select-photo--item .name {
		width: 6rem;
		font-size: 0.7rem;
		padding: 0.2rem 0 0.1rem;
	}

	.pop-up--reports-select-photo .select-photo--filter {
		width: 100%;
		padding: 0.6rem;
		border: 0.1rem solid var(--color-lightblue-light);
		border-top: 0;
		border-radius: 0 0 0.5rem 0.5rem;
	}
}