/*
NARANJA-> #cc361e
AZUL PRINCIPAL: #132436
AZUL CLARO: #264866
GRIS CLARO: #efefef
*/

.input_inside_chat {
	width: 100%;
	padding: 8px;
	border: 1px solid black;
	outline: none;
	border-radius: 3px;
	background: white;
	color: black;
	margin-block-end: 12px;
	height:40px;
}


.input_inside_chat::placeholder {
    color: black;
}
.input_inside_chat::placeholder{
	/* Firefox */
	color: black;
	opacity: 1;
}
.input_inside_chat:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: black;
	opacity: 1;
}

.input_inside_chat::-ms-input-placeholder {
	/* Microsoft Edge */
	color: black;
	opacity: 1;	
}
.input_inside_chat::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: black;
	opacity: 1;
}
.input_inside_chat::-moz-placeholder {
	/* Firefox 19+ */
	color: black;
	opacity: 1;
}
.input_inside_chat:-moz-placeholder {
	/* Firefox 18- */
	color: black;
	opacity: 1;
}
.button_inside_chat {
	width: 100%;
	padding: 8px;
	border: 1px solid black;
	outline: none;
	border-radius: 3px;
	background: #132436;
	color: white;
	margin-block-end: 12px;
	height:40px;
}


.text_start2{
	margin-block-end: 1em;
	color: rgb(77, 77, 77);
	margin-block-start: 1em;
}

#span_video_id:hover{
	background:white !important;
	color:#cc361e;
	border:1px solid #cc361e;
	transition: 0.3s;
}
.titulo-cotizador{
	text-align: left;
	display: block;
	margin: 8px 0 8px 0;
}
dialog{
	width:85%;
	max-width:600px;
	padding:1em;
	border-radius:3px;
	border:2px solid black;
	box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 1);
}
dialog::backdrop {
	background-color: rgba(0, 0, 0, 0.6);

}
.cancel {
	position: absolute;
	top: -2px;
	right: 8px;
	display: block;
	color: red;
	font-size: 36px;
	cursor: pointer;
	font-weight: bold;
}
.btn2{
	color: #132436;
}
.fix_align_top{
	margin-top:8px;
}
.link_external{
	background: black;
	color: white;
	padding:12px 32px 12px 32px;
	border: 0;
	border-radius: 3px;
}
.logo_over_video{
	width: unset !important;
	margin-block-end: -44px;
	margin-block-start: 0;
	filter: drop-shadow(0 0 1em white);
	height: 180px !important;
	margin-left: 2em;
}
#main_logo_color{
	width: 200px;
	margin-block-end: -100px;
	margin-block-start: -100px;
	filter:drop-shadow(0 0 1em white);
}
#logo_footer{
	width: 150px;
	margin-block-end: -32px;
	margin-block-start: -44px;
	filter:drop-shadow(0 0 1em white);
}
.color_black{
	color: black !important;
}

.white_background {
	background-color: #cc361e !important;
	color: white;
	width: 180px;
	border: 1px solid white;
}

#noticias_mobile{
	display:none;
}
@media screen and (max-width: 1000px){
	
	#noticias_desktop{
		display:none;
	}
	#noticias_mobile{
		display:unset;
	}
	.navbar {
		background-color: white !important;
		border-bottom: 1px solid black;
	}
	.owl-carousel {
		display: none;
		width: 100%;
		z-index: -2;
	}
	.owl-carousel, .owl-carousel .owl-item {
		-webkit-tap-highlight-color: transparent;
		position: relative;
		top: -84px;
	}
	.py-5 {
		padding-top: 3rem !important;
		margin-top: 0;
	}
	.py-52886{
		padding-top: 0 !important;
		margin-top: -130px;
	}

}
@media screen and (max-width: 600px){
	.text-sm-center {
		text-align: center !important;
		margin-top: 8em;
	}
}
.append_to_top{
	background-color: black !important;
}
.text_primary_icon {
	color: #264866 !important;
}
.bg_light_contact{
	background-color: #f2f2f2 !important;
}

div[data-type="toast"]{
	font-family: "Inter",sans-serif;
	font-optical-sizing: auto;
	font-weight:400;
	font-style: normal;
	font-size:16px;
	visibility: hidden;
	min-width: 300px;
	text-align: center;
	border-radius: 3px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
    transform: translate(-50%);
	bottom: 16px;
}
#local_success {
	background-color:#40c057;
	color:white;
}
#local_warning {
	background-color:#ffeb3b;
	color:black;
}
#local_error{
	background-color:red;
	color:white;
}
#local_success.show,
#local_error.show,
#local_warning.show,
#local_info.show{
	visibility: visible;
	animation: fadein 0.5s, fadeout 1s 4s ;
}
@keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 16px; opacity: 1;}
}
@keyframes fadeout {
	from {bottom: 16px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
}
label.error{
	color:red;
	display:block;
    margin: 1em 0 0 0;
}
.local_news {
	max-width: 800px;
	margin-top: 4em
}
.local_date {
	position: absolute;
	bottom: 14px;
	left: 16px;
	z-index: 100;
	color: black !important;
	background: white;
	transition: 0.5s;
	font-size: 16px;
	border-radius: 3px;
}
video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.resposinve_iframe {
	height: 400px;
	width: 100%;
	border: 0;
	margin-block-start: 0px;
	margin-block-end: 12px;
}

@media only screen and (max-width:1000px) {
	.resposinve_iframe {
		height: 400px;
		width: 100%;
	}
}

@media only screen and (max-width:800px) {
	.resposinve_iframe {
		height: 350px;
		width: 100%;
	}
}
@media only screen and (max-width:600px) {
	.resposinve_iframe {
		height: 300px;
		width: 100%;
	}
}
.floatwhatsapp {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 20px;
	right: 16px;
	background-color:#25d366;
	color: white;
	border-radius: 50px;
	text-align: center;
	font-size: 32px;
	box-shadow: 0px 0px 6px white;
	z-index: 500;
}
.floatwhatsapp:hover{
	color:white;
}
.my-floatwhatsapp{
	margin-top:12px;
}
.my-floatwhatsapp:hover{
	color:white;
}

.img_content{
	width: 100% !important;
	border: 1px solid black;
	border-radius: 3px;
}

#table {
	font-family: "Inter",sans-serif;
	font-size: 16px;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	margin-block-end: 2em;
}
#table,td,th{
    border: 1px solid black;
    font-weight: normal;
}
#table tr:nth-child(even){
    background-color:#e7e9eb;
}
#table th{
    background:#264866;
    color: white;
	padding:1em;
}
#table tr:hover {
    background-color:rgb(222, 58, 33,0.10);
}
#table td{
    padding:1em;
}
#table img{
	width:100px;
	border:2px solid gray;
	height:60px;
}
@media screen and (max-width: 800px){
	.span_block{
		display:block;
		margin-block-end:0.5em;
		margin-block-start:0.5em;

	}
    #table {
        border: 0;
    }
    #table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    #table tr {
        border-bottom: 1px solid black;
        display: block;
    }
    #table td {
        border-bottom: 1px solid black;
        display: block;
        text-align: center;
        padding: 0.5em 0 0.5em 0;
    }
    #table td::before {
        content: attr(data-label);
        font-weight: bold;
		font-size:1.25em;
    }
    #table td:last-child {
        border-bottom: 0;
    }
}

.p_mb-02{
	text-align:center !important;
}
/**************FOTOS PORTAL****************/
.flex-container {
    display: flex;
    flex-direction:row;
	margin-block-end:2em;
}
.flex-child {
    flex: 1;
    height: auto;
}  
.flex-child:first-child {
    margin-right:1em;
}
@media screen and (width <= 600px) {
	.flex-child {
        margin-block-end: 1em;
    }  
    .flex-container{
		flex-direction: column;
		margin:0;
	}
	.flex-child:first-child {
        margin-right: 0px;
		display:none;
	} 
}
/******************************************/