/* ======================
   VARIABLES
====================== */
:root {
	--blue: #58CEF5;
	--blue-light: #6EA3B5;
	--grey: #657175;
	--orange: #F5A858;
	--brown: #A0886F;
	--brown-dark: #4B423A;
	--alfa-slab-one: 'Alfa Slab One', serif;
	--dm-sans: 'DM Sans', sans-serif;
	--bootstrap-icons: 'bootstrap-icons';
  }

@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: auto;
	}
}

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, menu, nav, section {
	font-family: var(--dm-sans), sans-serif;
}

p {
	margin-bottom: 0px;
}

a {
	text-decoration: none;
	color: inherit;
}

ul {
	list-style: none;
	margin-bottom: 0px;
	padding-left: 0px;
}

i {
	font-size: 1.2rem;
    line-height: 1.2rem;
    vertical-align: middle;
}

.text-justify {
	text-align: justify;
}

.text-danger, .text-danger i.bi-exclamation-triangle-fill {
	font-size: 0.9rem;
	line-height: 0.9rem;
}

.mb-6 {
	margin-bottom: 8rem !important;
}

.clear-position {
	clear: both;
}

.errorlist li {
	color: red;
}

/* ======================
   GENERAL CLASSES
====================== */
.title-page {
	color: var(--orange);
	font-family: var(--alfa-slab-one);
	font-size: 3rem;
	line-height: 3.2rem;
	font-weight: 500;
	text-align: center;
}

/*.title-page::after {
    content: '';
    border-top: 2px solid var(--orange);
    margin-top: 10px;
    height: 50px;
	background: #F5A858;
	background: radial-gradient(circle,rgba(245, 168, 88, 0.1) 20%, rgba(255, 255, 255, 1) 80%);
}*/

.subtitle-page {
	color: white;
	font-family: var(--dm-sans);
	font-size: 1.8rem;
	line-height: 1.8rem;
	font-weight: 700;
	text-transform: uppercase;
}

.line-separator-orange {
    opacity: 1;
    border-top: 2px solid var(--orange);
}

.line-separator-blue {
    opacity: 1;
    border-top: 2px solid var(--blue-light);
}

.global-title {
	font-family: var(--alfa-slab-one);
	font-size: 2.1rem;
	line-height: 2.3rem;
	color: var(--orange);
}

.global-subtitle {
	font-size: 1.2rem;
	line-height: 1.7rem;
	font-weight: 700;
	text-transform: uppercase;
}

.global-text {
	text-align-last: center;
	line-height: 1rem;
}

	.global-text span {
		font-weight: 700;
	}

/* Orange select input */
.custom-select-input .choices__inner {
	border: 2px solid var(--orange);
	border-radius: 0px;
	background-color: white;
	padding: 10px 15px;
	font-size: 1.2rem;
	line-height: 1.2rem;
	display: flex;
	min-height: 49px;
	align-items: center;
}

.custom-select-input, .custom-select-input .choices__inner:focus, .custom-select-input .choices__inner:focus-visible {
		outline: none;
	}

.custom-select-input .choices__list--dropdown {
	border: 2px solid var(--orange);
	border-top: 1px solid var(--orange);
	border-radius: 0px !important;
	border-color: var(--orange) !important;
}

.custom-select-input .choices__list .choices__item--choice {
	padding: 10px 15px;
	font-size: 1rem;
	border-top: 2px solid var(--orange);
	color: grey;
}

.custom-select-input .choices__list .choices__item--choice:first-child {
	border-top: 0px !important;
}

.custom-select-input .choices__list .choices__item--choice:hover {
	background-color: var(--orange);
	color: white;
}

.custom-select-input .choices__list--dropdown .choices__list::-webkit-scrollbar {
	width: 10px;
}

.custom-select-input .choices__list--dropdown .choices__list::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 0px;
}

.custom-select-input .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
	background-color: var(--orange);
	border-radius: 0px;
}

.custom-select-input .choices__list.choices__list--single {
	padding: 0px;
	font-size: 1.2rem;
	line-height: 1.2rem;
}

.custom-select-wrapper {
	position: relative;
}

.custom-select-wrapper::after {
	content: "\F229";
	font-family: var(--bootstrap-icons);
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: white;
	position: absolute;
	top: 0;
    right: 0;
	height: 100%;
	display: flex;
	align-items: center;
    justify-content: center;
	pointer-events: none;
	background-color: var(--orange);
	padding: 0px 12px;
	cursor: pointer;
}

/* Blue select input */
.custom-select-input.blue-input .choices__inner {
	border: 2px solid var(--blue-light);
}

.custom-select-input.blue-input .choices__list--dropdown {
	border: 2px solid var(--blue-light);
	border-top: 1px solid var(--blue-light);
	border-color: var(--blue-light) !important;
}

.custom-select-input.blue-input .choices__list .choices__item--choice {
	border-top: 2px solid var(--blue-light);
}

.custom-select-input.blue-input .choices__list .choices__item--choice:hover {
	background-color: var(--blue-light);
	color: white;
}

.custom-select-input.blue-input .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
	background-color: var(--blue-light);
	border-radius: 0px;
}

.custom-select-wrapper.blue-wrapper::after {
	background-color: var(--blue-light);
}

/* BANNER COOKIES */
#cc-main .cm__btn, #cc-main .pm__btn {
	background-color: var(--orange);
	border-color: var(--orange);
}

.cm__btn.cm__btn--secondary, #cc-main .pm__btn--secondary {
	background-color: #eaeff2 !important;
	border-color: #eaeff2 !important;
}

#cc-main .cm__desc {
	font-size: 0.8rem;
}

    /*background: rgb(253, 227, 204);*/

/* ======================
   HEADER
====================== */
header p, header a, header label {
	color: white;
}

.header-top {
	background-color: var(--grey);
}

	.header-top p a {
		font-size: 0.95rem;
	}

	.header-top p a:hover {
		color: var(--orange);
	}

.logo-header {
	width: 12vw;
}

.header-bottom {
	background-color: var(--orange);
}

	.header-bottom input[type=search] {
		width: 22.4vw;
		font-size: 0.9rem;
		line-height: 0.9rem;
		border: 0px;
		border-radius: 0px;
		color: var(--orange);
		background: rgb(253, 227, 204)
	}

		.header-bottom input[type=search]:focus {
			outline: none;
			box-shadow: none;
			background: white;
		}

		.header-bottom input::placeholder {
			color: var(--orange);
		}

	.header-bottom button {
		background-color: transparent;
		border: 0px;
	}

		.header-bottom button:hover {
			background-color: transparent;
		}

		.header-bottom button i {
			color: white;
		}

	.header-button-login p a {
		font-weight: 600;
	}

		.header-button-login p a:hover {
			color: var(--brown-dark);
		}

#company-results {
	border-top: 1px solid var(--orange);
	top: 100%;
	border-radius: 0px;
	background-color: white;
	width: 22.4vw;
}

.list-company-search:hover {
	background-color: var(--orange) !important;
	color: white;
}


/* ======================
   FOOTER
====================== */
.footer-top {
	background-color: var(--orange);
}

	.footer-top p, .footer-top a {
		color: white;
		font-weight: 700;
		font-size: 1.2rem;
		line-height: 1.4rem;
	}

	.footer-top p span {
		font-weight: 400;
		font-size: 0.9rem;
		line-height: 1.1rem;
	}

	.footer-top .footer-register-link {
		background-color: var(--brown);
		padding: 2rem;
	}

.logo-footer {
	width: 19vw;
}

.footer-middle a:hover {
	color: var(--orange);
}

.footer-bottom {
	background-color: var(--blue-light);
}

.footer-copyright {
	background-color: var(--grey);
}

	.footer-copyright p, .footer-copyright a {
		color: white;
		font-size: 0.89rem;
		line-height: 1rem;
	}

	.footer-copyright a {
		font-weight: 700;
	}

	.footer-copyright a:hover {
		color: var(--orange);
	}


/* ======================
   HOME PAGE
====================== */
.block-connections-home {
	margin: 2rem 0rem;
}

#map {
    width: 57vw;
	height: 820px;
	max-height: 820px;
	transition: width 0.65s ease;
	overflow: hidden;
}

#map.expanded {
    width: 100% !important;
	height: 820px;
    max-height: 820px;
}

.block-map {
	background-color: var(--grey);
	max-height: 100%;
    overflow: hidden;
}

select#company-sector {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 10px 40px 10px 10px;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
}

#company-info {
	text-align: center;
	display: none;
	position: absolute;
	top: 5%;
    right: 2.5%;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0px;
	padding: 20px 0px 0px 0px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	width: 300px;
	z-index: 1000;
	border: 2px solid var(--orange);
}

	#company-logo {
		width: 5.2vw;
		margin-bottom: 3px;
	}

	#company-name {
		font-size: 1.3rem;
		line-height: 1.4rem;
		font-weight: 300;
		color: var(--orange);
		font-family: var(--alfa-slab-one);
	}

	#company-activity {
		font-size: 1rem;
		line-height: 1.1rem;
		text-transform: uppercase;
		font-weight: 600;
	}

	#company-link {
		display: inline-block;
		margin-top: 15px;
		padding: 2px 10px 0px;
		background-color: var(--orange);
		color: #fff;
		border-radius: 0px;
		text-decoration: none;
		font-weight: 700;
	}

/* ======================
   REGISTER PAGE
====================== */
form .block-register-company {
    margin: 4rem 0rem 2rem 0rem;
}

form .block-register-company:last-child {
	margin: 2rem 0rem 8rem 0rem;
}

.register-form-container {
	margin: 2rem 0rem;
}

.block-register-form {
	margin: 2rem 0rem;
}

.container-login {
	margin: 6rem 0rem;
}

.block-register-form .orange-form {
	border: 2px solid var(--orange);
    border-radius: 0px;
    background-color: white;
    padding: 10px 15px;
    font-size: 1.2rem;
    line-height: 1.2rem;
}

.block-register-form .blue-form {
	border: 2px solid var(--blue-light);
    border-radius: 0px;
    background-color: white;
    padding: 10px 15px;
    font-size: 1.2rem;
    line-height: 1.2rem;
}

.block-register-form .form-control::placeholder {
	color: var(--grey);
}

.block-register-form .form-control:focus, .block-register-form .form-control:focus-visible {
	outline: none;
	box-shadow: none;
}

.block-register-form .form-control.readonly {
	background-color: lightgray;
}

.block-register-form-right {
	background-color: var(--grey);
}

.block-register-form-right .global-text {
	color: white;
	font-size: 0.88rem;
}

.block-register-form-right .login-form {
    background-color: var(--orange);
    color: white;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding: 12px 0px;
}

select#id_activity, select#id_size, select#id_ownership, select#id_state {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 10px 40px 10px 10px;
	border: none;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	display: block !important;
    opacity: 0;
    position: absolute;
}

.help-text-form {
	color: var(--grey);
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 300;
}

.box-logo {
	width: 10vw;
}

.logo-preview {
	width: 100%;
    height: 8.99vw;
	border: 2px solid var(--blue-light);
}

.logo-preview img {
	max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.box-banner {
	width: 25.5vw;
}

.banner-preview {
	width: 100%;
	height: 8.99vw;
	border: 2px solid var(--blue-light);
}

.block-register-form i {
	font-size: 1.8rem;
	line-height: 1.8rem;
}

.register-account {
	display: inline-block;
	background-color: var(--orange);
	color: white;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: 12px 0px;
	cursor: pointer;
	border: 0px;
}

/* ======================
   LOGIN PAGE
====================== */
button.login-form {
	display: inline-block;
	background-color: var(--blue-light);
	color: white;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: 12px 0px;
	cursor: pointer;
	border: 0px;
}

/* ======================
   COMPANY PROFILE PAGE
====================== */
.address-item, .project-item {
	background-color: var(--grey);
	padding: 12px 8px;
}

	.address-item .title-item, .project-item .title-item {
		color: white;
		font-weight: 600;
		font-size: 1.2rem;
		line-height: 1.2rem;
		text-transform: uppercase;
	}
	
	.poll-item .title-item {
		color: white;
		font-weight: 600;
		font-size: 1.2rem;
		line-height: 1.2rem;
		text-transform: uppercase;
		background-color: var(--grey);
		padding: 12px 20px;
	}

	.address-item i, .project-item i {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}

	.address-item .edit-address-btn, .address-item .remove-address-btn, .project-item .edit-project-btn, .project-item .remove-project-btn {
		background-color: transparent;
		border: 0px;
		color: white;
		cursor: pointer;
	}

	.address-item .edit-address-btn:hover, .address-item .remove-address-btn:hover, .project-item .edit-project-btn:hover, .project-item .remove-project-btn:hover {
		color: var(--orange);
	}

.float-links-profile {
	width: 16vw;
	left: 0;
}

	.float-links-profile p {
		border-top: 2px solid var(--orange);
		border-bottom: 2px solid var(--orange);
		border-right: 2px solid var(--orange);
		color: var(--orange);
		text-transform: uppercase;
		font-size: 0.9rem;
		line-height: 1.4rem;
		font-weight: 600;
	}

	.float-links-profile p.active, .float-links-profile p:hover {
		background-color: var(--orange);
		color: white;
	}

	.float-links-profile i {
		font-size: 1rem;
		line-height: 1.1rem;
		vertical-align: text-bottom;
	}

.remove-account-link {
	text-decoration: underline;
	font-style: italic;
	cursor: pointer;
}

.bottom-banner {
	background-color: var(--blue-light);
}

	.bottom-banner p, .bottom-banner a {
		color: white;
		font-weight: 700;
		font-size: 1.2rem;
		line-height: 1.4rem;
	}

	.bottom-banner p span {
		font-weight: 400;
		font-size: 0.9rem;
		line-height: 1.1rem;
	}

	.footer-register-link {
		background-color: var(--orange);
		padding: 1.5rem;
	}

#map-edit-address, #map-new-address {
	width: 100%;
	height: 530px;
	max-height: 530px;
	border: 2px solid var(--orange);
}

/* MODAL FORM */
.project-form-item {
    background-color: var(--grey);
}

	.project-form-item .project-title-preview {
		color: white;
		font-weight: 600;
		font-size: 1.2rem;
		line-height: 1.2rem;
		text-transform: uppercase;
	}

	.project-form-item .button-edit-project, .project-form-item .button-remove-project {
		color: white;
		font-weight: 400;
		font-size: 1rem;
		line-height: 1rem;
		background-color: transparent;
    	border: none;
	}

.button-add-new-project {
	background-color: var(--blue-light);
	color: white;
	font-weight: 600;
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: 12px 50px;
	border-radius: 0px;
}

	.button-add-new-project:hover, .button-add-new-project:focus, .button-add-new-project:focus-visible {
		background-color: var(--blue-light);
		color: white;
	}

.custom-upload-btn {
	display: inline-block;
	background-color: var(--blue-light);
	color: white;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: 12px 0px;
	cursor: pointer;
}

#id_logo, #id_banner, #id_image {
	opacity: 0;
    position: absolute;
    width: inherit;
}

/* MODALS */
.modal-form .modal-content {
	border-radius: 0px;
}

.modal-form-project .modal-dialog, #edit-address .modal-dialog, #new-address .modal-dialog {
	max-width: 70vw !important;
}

#edit-address .modal-dialog .custom-select-wrapper, #new-address .modal-dialog .custom-select-wrapper {
	height: fit-content;
}

.modal-form-project #add-project-btn {
	background-color: var(--orange);
	border: 0px;
	box-shadow: none;
	outline: none;
}

.modal .close-modal {
	color: white;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding: 12px 0px;
	background-color: var(--blue-light);
	border: 0px;
	box-shadow: none;
	outline: none;
}

.modal .save-modal {
	color: white;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding: 12px 0px;
	background-color: var(--orange);
	border: 0px;
	box-shadow: none;
	outline: none;
}

.modal-form-project .modal-content {
	border-radius: 0px;
}

.project-image-preview, .project-image-preview-edit {
	width: 35vw;
    height: 35vw;
	border: 2px solid var(--blue-light);
}

.modal-form-project .remove-image-project, .modal-form-project #add-project-btn {
	background-color: var(--grey);
	color: white;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: 12px 0px;
}

	.modal-form-project .remove-image-project i {
		font-size: 1rem;
		line-height: 1rem;
	}

	.modal-form-project #add-project-btn {
		background-color: var(--orange);
		border: 0px;
		box-shadow: none;
		outline: none;
	}

	.modal-form-project .custom-upload-btn {
		width: 35vw;
	}

/* ======================
   PERSONAL PROFILE PAGE
====================== */
.form-update-password .blue-form {
	border: 0px;
	padding: 4px 0px;
}

.block-deleted-account .global-title, #closeAccountModal .global-title {
	color: var(--blue-light);
}

.block-deleted-account .register-account:hover {
	color: white;
}

.block-deleted-account .register-account, #closeAccountModal .register-account {
	background-color: var(--blue-light);
	border-radius: 0px;
}

#closeAccountModal, #closeAccountModal .modal-content {
	border-radius: 0px;
	border: 0px;
}

#closeAccountModal .global-text {
	font-size: 0.9rem;
}

/* ======================
   COMPANY PAGE
====================== */
.block-page-company {
    margin: 6rem 0rem 2rem 0rem;
}

	.block-page-company:last-child {
		margin: 6rem 0rem 8rem 0rem;
	}

.table-orange {
	border: 2px solid var(--orange);
}

	.table-orange .title-table {
		background-color: var(--orange);
	}

.table-blue, .table-blue td, .title-table-image {
	border: 2px solid var(--blue-light);
}

	.table-blue .title-table {
		background-color: var(--blue-light);
	}

	.table-space {
		border-top: 2px solid white !important;
		border-bottom: 2px solid white !important;
		width: 1%;
	}

	.title-table-image {
		width: 18%;
	}

.table-orange .title-table, .table-blue .title-table {
	color: white;
	font-weight: 600;
	text-transform: uppercase;
}

.container-addresses {
	height: 660px;
	max-height: 660px;
	overflow-y: scroll;
}

.container-addresses::-webkit-scrollbar {
    width: 10px;
}

.container-addresses::-webkit-scrollbar-track {
	background: white;
	border: 2px solid var(--blue-light);
}

.container-addresses::-webkit-scrollbar-thumb {
  background-color: var(--blue-light);
  border-radius: 0px;
}

.block-page-company #map {
	width: auto;
	height: 660px;
	max-height: 660px;
	border: 2px solid var(--blue-light);
}

.container-address .title-address {
	color: var(--blue-light);
    font-size: 1.2rem;
    line-height: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
}

.container-address .text-address {
	font-size: 0.88rem;
    line-height: 1.1rem;
    font-weight: 300;
}

.container-address .text-address span {
	font-weight: 700;
}

.project-trigger {
	cursor: pointer;
}

.description-project {
	text-align: justify;
	font-size: 0.9rem;
    line-height: 1.3rem;
}

.button-slider-project {
	border: 0px;
    color: var(--blue-light);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1rem;
}

.swiper-container-wrapper {
    position: relative;
  }

.swiper-button-prev {
	color: var(--blue);
    left: -50px;
  }

  .swiper-button-next {
	color: var(--blue);
    right: -50px;
  }

.float-info-company {
    top: 20%;
    float: right;
    width: 20vw;
    z-index: 10;
	height: 0px;
	margin-top: 5vw;
}

	.arrow-info-company {
		background-color: var(--orange);
		color: white;
		height: fit-content;
	}

	.content-info-company {
		background-color: var(--grey);
	}

		.float-info-company .content-info-company > .title {
			font-family: var(--alfa-slab-one);
			font-size: 1.5rem;
			line-height: 1.7rem;
			color: var(--orange);
		}

		.float-info-company .content-info-company > .subtitle {
			font-size: 0.9rem;
			line-height: 1.1rem;
			font-weight: 600;
			text-transform: uppercase;
			color: white;
		}

.list-contact-company li {
	color: white;
	font-size: 0.9rem;
}

	.list-contact-company li a:hover, .list-contact-company li span:hover {
		color: var(--orange);
	}

	.list-contact-company li span {
		cursor: pointer;
	}

.list-social-company {
	background-color: var(--blue-light);
}

	.list-social-company .subtitle {
		text-transform: uppercase;
		font-size: 1.2rem;
		line-height: 1.4rem;
		font-weight: 600;
		color: black;
	}

	.list-social-company i {
		color: white;
		font-size: 1.6rem;
		line-height: 1.6rem;
	}

		.list-social-company i:hover {
			color: var(--orange);
		}

#map-company-address {
	width: 100%;
}

/* ======================
   ACQUISITION PAGE
====================== */
.block-acquisition-companies {
	background-color: var(--orange);
	padding: 2.5rem 0rem;
}

	.block-acquisition-companies .title {
		color: white;
		font-weight: 500;
		font-size: 3.5rem;
		line-height: 3.5rem;
		font-family: var(--alfa-slab-one);
	}

	.block-acquisition-companies .subtitle {
		color: white;
		text-transform: uppercase;
		font-size: 1.5rem;
		line-height: 1.5rem;
		font-weight: 600;
	}

.register-btn-acquisition {
	display: inline-block;
	background-color: var(--orange);
	color: white;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: 12px 60px;
	cursor: pointer;
}

.block-content-acquisition {
	padding: 5rem 0rem;
}

.block-content-acquisition.blue {
	background-color: var(--blue-light);
}

	.block-content-acquisition.blue .global-subtitle,.block-content-acquisition.grey .global-subtitle {
		color: white;
		font-weight: 600;
	}

	.block-content-acquisition.blue .global-text, .block-content-acquisition.grey .global-text {
		color: white;
		font-size: 1rem;
		line-height: 1.1rem;
		font-weight: 300;
	}

.block-content-acquisition.grey {
	background-color: var(--grey);
}
.text-top-button {
	font-size: 1.6rem;
	font-weight: 700;
	color: white;
}

.text-with-background {
	padding: 10px 0px;
	background-color: white;
	border-radius: 30px;
}

.text-with-background p {
	color: var(--grey);
	font-size: 1.1rem;
	line-height: 1.4rem;
}

.text-with-background p span {
	font-weight: 600;
}

.text-with-background.blue {
	background-color: var(--blue-light);
}

.text-with-background.blue p {
	color: white;
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 2rem;
}

.text-title-blue {
	color: var(--blue-light);
	font-size: 1.2rem;
    line-height: 1.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.block-with-columns p {
	text-align-last: center;
}

/* ======================
   POLL PAGE
====================== */
.block-poll {
	margin-bottom: 6rem;
}

.poll-description {
    text-align: justify;
    border-bottom: 2px solid var(--orange);
	text-align-last: center;
}

.poll-form label.pregunta-label {
    color: var(--blue-light);
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.3rem;
}

.poll-form .pregunta-subtitle {
	font-size: 0.95rem;
	line-height: 1.1rem;
	font-weight: 500;
	font-style: italic;
}

.poll-form label {
    color: black;
    vertical-align: middle;
    display: flex;
    line-height: 17px;
}

.poll-form input[type='radio'] {
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    outline: none;
    border: 1px solid var(--orange);
    padding: 0px;
    margin-right: 6px;
	margin-left: 15px;
    box-shadow: none;
}

.poll-form input[type="radio"]:checked:before {
    background: var(--orange);
}
.poll-form input[type='radio']:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    margin: 2px;
    border-radius: 100%;
}

.poll-form input[type="checkbox"] {
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    outline: none;
    border-radius: 0px;
    border: 1px solid var(--orange);
    padding: 0px;
    margin-right: 10px;
    box-shadow: none;
}

.poll-form input[type="checkbox"]:checked:before {
    background: var(--orange);
}
.poll-form input[type="checkbox"]:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    margin: 2px;
    border-radius: 0px;
}

.estrellas-radio {
    display: flex;
}

.estrella {
    cursor: pointer;
}

.estrella input {
    display: none;
}

.estrella:before {
    content: "★";
    font-size: 24px;
    color: #ccc;
}

.estrella input:checked + label:before {
    color: #ffcc00;
}