/* CSS Document */

:root {
  --border-color: #284467;
  --color-azul: #3748f5;
  --color-amarillo: #a70606;
  --color-verde: #549583;
  #a70606: #a70606;
  --color-negro: #000000;
  --color-blanco: #ffffff;
  --box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.2);
  --yellow_primary: #a70606;
  --grey_background: #f2f4f7;
  --red_primary: #ff4e3f;
  --grey_1: #e7e7e7;
}


html,body , html body {
	font-size: 15px;
font-family: 'Roboto', sans-serif;
	margin: 0px;
	padding: 0px;
	color: #090909;
	height: 100%;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #333;
}
iframe,table,img{
	max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: 300;
  color: inherit;
  text-rendering: optimizelegibility;
}
strong {
  font-weight: 600;
}
p {
  margin: 0px;
  margin-bottom: 4px;
  font-weight: 300;
}
ul {
  margin: 0px;
}
hr {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0px;
  height: 1px;
  border: 0px;
  background-color: #cccccc;
}
img {
  max-width: 100%;
  width: auto\9;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
* {
  box-sizing: border-box;
}
.img-circle {
  border-radius: 50%;
  height: inherit;
}
BODY#tinymce {
  margin: 12px !important;
}
.clearfix {
  clear: both;
}
.hide {
  display: none !important;
}
f .pc {
  display: inline;
}
.movil {
  display: none !important;
}
.pull-right,
.float-right {
  float: right;
}
.pull-left,
.float-left {
  float: left;
}
.align-left,
.text-left {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.align-right,
.text-right {
  text-align: right !important;
}
.align-justify {
  text-align: justify !important;
}
.display-inline {
  display: inline !important;
  width: auto;
}
.display-block {
  display: block !important;
}
.display-flex {
  display: flex !important;
}
.display-inline-flex {
  display: inline-flex !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.flex-none {
  flex: none;
}
.flex-direction-column {
  flex-direction: column;
}
.flex-1 {
  flex: 1 !important;
}
.gap-8 {
  gap: 8px !important;
}
.gap-12 {
  gap: 12px !important;
}
.gap-16 {
  gap: 16px !important;
}
.gap-24 {
  gap: 24px !important;
}
.gap-32 {
  gap: 32px !important;
}

IMG.invert {
  filter: invert();
}
IMG.grayscale {
  filter: grayscale(1);
}
.cursiva {
  font-style: italic;
}
.subrayado,
.underline {
  text-decoration: underline;
}
.desenfocado {
  -webkit-filter: blur(15px);
}
.bold {
  font-weight: bold !important;
}
.indent {
  padding-left: 1.5em;
}
.text-hover:hover {
  opacity: 0.7;
}
.h1seo {
  text-indent: -600px;
  font-size: 0px;
  text-align: left;
  margin: 0 !important;
}
.margin_80 {
  margin: 80px;
}
.margin_40 {
  margin: 40px;
}
.margin_20 {
  margin: 20px;
}
.margin_10 {
  margin: 10px !important;
}
.margin-auto {
  margin: auto !important;
}
.padding_80 {
  padding: 80px;
}
.padding_40 {
  padding: 40px;
}
.padding_20 {
  padding: 20px;
}
.padding_10 {
  padding: 10px;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-48 {
  margin-top: 48px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-6 {
  margin-bottom: 6px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.mb-36 {
  margin-bottom: 36px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-64 {
  margin-bottom: 64px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.m-0 {
  margin: 0px !important;
}
.pl-12 {
  padding-left: 12px;
}
.pl-40 {
  padding-left: 40px;
}
.pb-32 {
  padding-bottom: 32px !important;
}
.p-0 {
  padding: 0px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.inline {
  display: inline !important;
}
.plantillas .bloque {
  padding: 0 30px !important;
}
.plantillas .bloque H3 {
  margin: 5px auto;
  font-size: 20px;
  font-weight: 500;
}
.flexbreak {
  flex-basis: 100%;
  height: 0;
}
.section-full {
  min-height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.flex-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.flex-start {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.align-items-normal {
  align-items: stretch;
}
.overflow-x-auto {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.noScroll {
  margin: 0;
  height: 100%;
  overflow: hidden;
}
.scroll-x {
  overflow-x: scroll;
}
.codePro {
}
.transition {
  transition: ease-in-out 0.2s;
  -webkit-transition: ease-in-out 0.2s;
  -moz-transition: ease-in-out 0.2s;
  -ms-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
}
.position-relative {
  position: relative;
}
.break-word {
  word-break: break-word;
}
.help {
  font-size: 85%;
  margin: 4px auto;
}
.max-width-1200 {
  max-width: 1200px;
  margin: auto;
}
.max-width-1000 {
  max-width: 1000px !important;
  margin: auto;
}
.max-width-800 {
  max-width: 800px;
  margin: auto;
}
.max-width-700 {
  max-width: 700px;
  margin: auto;
}
.max-width-600 {
  max-width: 600px;
  margin: auto;
}
.max-width-586 {
  max-width: 586px;
  margin: auto;
}
.max-width-200 {
  max-width: 200px;
  margin: auto;
}
.max-width-100 {
  max-width: 100px;
  margin: auto;
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-700 {
  font-weight: 700 !important;
}
.width-100 {
  width: 100% !important;
}
.width-auto {
  width: auto !important;
}
.height-auto {
  height: auto !important;
}
.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.destacado-M {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  text-transform: uppercase !important;
}
.bodycopy-L {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
.bodycopy-M {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
}
.bodycopy-M-bold {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
}
.bodycopy-S {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
}
.bodycopy-S-bold {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}
.disclaimer-M {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.disclaimer-S {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}
.disclaimer-XS {
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}
.destacado-S {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 171.429% */
  text-transform: uppercase;
}
.heading-XXS {
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 18px;
}
.heading-XS {
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: 20px;
}
.heading-S {
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
}
.heading-M {
  font-size: 40px;
  font-style: normal;
  font-weight: 900;
  line-height: 50px;
}
.heading-L {
  font-size: 64px;
  font-style: normal;
  font-weight: 900;
  line-height: 60px;
}
.heading-L2 {
  font-size: 52px;
  font-style: normal;
  font-weight: 900;
  line-height: 46px;
}
.heading-XXL {
  font-size: 110px;
  font-style: normal;
  font-weight: 900;
  line-height: 120px;
}
.enlace-M {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-decoration-line: underline;
}
.enlace-S {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-decoration-line: underline;
}
.message-S {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.hamburger {
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.8;
}
.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
  width: 30px;
  height: 2px;
  background-color: #000;
  border-radius: 2px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::after,
.hamburger-inner::before {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  tbop: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.27s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.smaller .hamburger-inner,
.smaller .hamburger-inner::after,
.smaller .hamburger-inner::before {
  background-color: #000;
}

.glider-dot.active {
  background: #a70606 !important;
}

/* GENERAL */
.cuerpo {
  width: 1280px;
  margin: auto;
  clear: both;
  position: relative;
}
.fijo {
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 200;
}

BODY.modal-open {
  height: 100vh;
  overflow-y: hidden;
}
HEADER {
  overflow: visible;
  z-index: 20;
  position: relative;
  width: 100%; /*background-color: #a70606;*/
}

.sombra {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
}

.logo {
  flex: none;
  order: 0;
  flex-grow: 0;
  z-index: 0;
  width: 153px;
      padding: 5px 0px;
}
.logo-movil {
  position: absolute;
  width: 100%;
  text-align: center;
  margin-top: 70px;
}
.logo-movil IMG {
  width: 90px;
}
.logo .nosmaller {
  display: block;
}
.logo .sismaller {
  display: none;
}
#mostrarmenu {
  text-align: center;
  clear: both;
  display: none;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  left: 23px;
  top: 20px;
} /*#mostrarmenu A{color:#ffffff;}*/
#mostrarmenu .alerta {
  width: 12px;
  height: 12px;
  background: #25c318;
  position: absolute;
  right: -4px;
  top: 0px;
  border-radius: 50px;
  z-index: 2;
}

.outline-white {
  color: white;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
    1px 1px 0 #fff;
}
@supports ((text-stroke: 2px white) or (-webkit-text-stroke: 2px white)) {
  .outline-white {
    color: transparent;
    -webkit-text-stroke: 2px white;
    text-stroke: 2px white;
    text-shadow: none;
  }
}
.outline-black {
  color: black;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
    1px 1px 0 #000;
}
@supports ((text-stroke: 2px black) or (-webkit-text-stroke: 2px black)) {
  .outline-black {
    color: transparent;
    -webkit-text-stroke: 2px black;
    text-stroke: 2px black;
    text-shadow: none;
    letter-spacing: 1px;
  }
}

/** BANDA MENU **/

.header-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  gap: 16px;
  flex: none;
  order: 1;
  flex-grow: 1;
  z-index: 1;
  width: 100%;
}
.header-bar .container {
    display: flex
;
    /* gap: 32px; */
    width: auto;
    padding: 0;
}
.header-bar-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 40px; /*width: 730px;*/
  height: 48px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.header-bar .navegacion {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 32px; /*width: 366px;*/
  flex: none;
  order: 0;
  flex-grow: 0;
}
#logoLink img{
    max-height: 80px;
    width: auto;
    margin: 6px 0px;
  }
.modal-open .modal {
    background: #00000099;
}
.header-bar ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  font-size: 0px;
}
.header-bar .navegacion li {
  display: inline-block;
  margin-left: 5px;
}
.header-bar .navegacion li:first-child {
  margin-left: 0;
}
#header-search{
	position: relative;
}
#header-search a{
	 padding: 0px;
}
#header-search i{
    font-size: 20px;
}
#search-box {
  position: absolute;
  top: 40px;
  left: 0;
  background: white;
  padding: 10px;
  border: 1px solid #ccc;
  z-index: 1000;
}
.header-bar A {
  letter-spacing: 0.8px;
  color: #000000;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  position: relative;
  padding: 15px;
}
.header-bar .logo A 
{
	padding:0px;
}
#searchModal .modal-dialog{
	margin-top: 8%;
}
#searchModal .modal-content{
	background: #ffffff00;
}
#searchSuggestions{
    background: #fff;
    margin: 2px 0px 0px;
    border-radius: 10px;
    padding: 15px;
    overflow: scroll;
    height: 70vh;	
}

#searchSuggestions p a {
	font-size: 16px;
    color: #a70606;
    text-align: left;
    font-weight: bold;
    margin: 8px 0px 3px;
    text-transform: uppercase;
    border: none;
    padding: 0px;
}


#searchSuggestions a{
    display: inline-block;
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    color: #6a6a6a;
    padding: 3px 8px;
    border: 1px solid #999999;
    border-radius: 8px;
    margin: 0 5px 5px 0;
} 
#searchSuggestions .labels{
	width: 100%;
    text-align: left;
    border-bottom: 1px dotted #ccccccab;
    padding: 0px 0px 10px;
}
#searchSuggestions a.label:hover{
	border-color:#a70606;
	color: #fff;
	background:#a70606;
} 
.header-bar ul li a::before,
.header-bar ul li a::after {
  content: "";
  position: absolute;
  display: block;
  border: 0 solid transparent;
  width: 0%;
  height: 0%;
  transition: all 0.5s ease;
}

.header-bar ul li a::after {
  top: 0;
  left: 0;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
}

.header-bar ul li a::before {
  right: 0;
  bottom: 0;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
}

.header-bar ul li a:hover::before,.header-bar ul li a:hover::after , .header-bar ul li a.active::before,.header-bar ul li a.active::after {
	width: 100%;
	height: 100%;
	border-color: #a70606;
}
.header-bar ul li .dropdown-menu a:hover::before,.header-bar ul li .dropdown-menu a:hover::after , .header-bar ul li .dropdown-menu a.active::before,.header-bar ul li .dropdown-menu a.active::after {
	width: 100%;
	height: 100%;
	border: none;
	display:none;
}

.header-bar A:hover {
  text-decoration: none;
}

.header-bar .navegacion .division {
  width: 1px !important;
  background-color: #cccfcf;
  padding: 0;
  margin: 0;
  display: block;
  font-size: 16px;
  line-height: 28px;
}

.header-bar .pre-buscador {
  z-index: 10001;
  position: relative;
}
.header-bar .buscador {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 10px 16px;
  gap: 8px;
  width: 324px;
  height: 48px;
  border: 1px solid #cccfcf;
  border-radius: 16px;
  flex: none;
  order: 1;
  flex-grow: 0;
  position: relative; /*overflow: hidden;*/
}
.header-bar .buscador INPUT {
  height: 28px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #999999;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}

li.dropdown:hover:before{
	content: "";
    border-bottom: 15px solid #a70606;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    bottom: -13px;
    left: 35%;
    z-index: 10;
}
.dropdown-menu{
    border-top: 0px;
    margin: 12px 0px 0px;
    padding: 0px 0px 15px;
    left: -100%;
    border-top: 2px solid #a70606;
}

.dropdown-menu a {
    text-decoration: none;
    color: #000000;
    padding: 0;
    font-weight: inherit;
    letter-spacing: inherit;
    transition: all 0.5s ease-in-out;
}
.dropdown-menu a::before, .dropdown-menu a::after{
	display:none;
}
.dropdown-menu a .d-flex {
  transition: all 0.5s;
}
.dropdown-menu .item_menu:hover p {
	color:#a70606;
	margin-left: 15px;
}

.item_menu{
    width: 50%;
    float: left;
    padding: 15px;
    height: 100px;
    overflow: hidden;
}
.item_menu img{
	width: 20%;
    float: left;
    margin: 0px 20px 0px 0px;
}
.item_menu p{
	font-weight: bold;
    font-size: 16px;
    margin: 0px 0px 5px;
}

@media only screen and (min-width: 992px) {
  .dropdown-menu {
		width: 990px;
  }
  .dropdown:hover .dropdown-menu {
        display: block;
  }
  .dropdown-menu.show {
       display: block;
  }
}

.header-bar .buscador-movil {
  display: none;
  width: 60px;
  text-align: center;
}
.header-bar .pre-buscador .foco {
  position: absolute;
  top: 55px;
  left: 0;
  padding: 32px 16px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  min-width: 600px;
  display: none;
}
.header-bar .pre-buscador .foco A {
  font-weight: 500;
}
.header-bar .pre-buscador .foco A:hover {
  color: #a70606;
}
.header-bar .pre-buscador .foco .label {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #999999;
  padding: 4px 16px;
  border: 1px solid #999999;
  border-radius: 8px;
  margin: 0 8px 8px 0;
}
.header-bar .pre-buscador .foco .label.label-xl {
  font-size: 18px;
  line-height: 32px;
}
.header-bar .pre-buscador .foco .label:hover {
  color: #a70606;
  border-color: #a70606;
}
.header-bar .pre-buscador .user {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin: 16px 0;
}
.header-bar .pre-buscador .foto {
  position: relative;
}
.header-bar .pre-buscador .foto IMG {
  border-radius: 90px;
  width: 40px;
  height: 40px;
}
.header-bar .pre-buscador .name {
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
}
.header-bar .pre-buscador INPUT:focus {
  color: #000;
}

.header-bar .pre-buscador:focus-within .buscador {
  background-color: #fff;
  z-index: 99999999;
  outline: solid 3px #a70606;
  outline-offset: -3px;
}
.header-bar .pre-buscador:focus-within .overlay {
  display: block !important;
}
.header-bar .pre-buscador:focus-within .foco {
  display: block !important;
}

.overlay {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}

.header-bar-user {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0px;
  gap: 16px;
  height: 28px;
  flex: none;
  order: 1;
  flex-grow: 0;
  position: relative;
}
.header-bar-user .navegacion li {
  margin-left: 15px;
  vertical-align: middle;
  white-space: nowrap;
}
.header-bar-user .navegacion .separacion {
  border-right: 1px solid #cccfcf;
  height: 28px;
}
.header-bar-user .user {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.header-bar-user .user .foto {
  position: relative;
  border-radius: 90px;
  background-color: #a70606;
  width: 40px;
  height: 40px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-bar-user .user .foto IMG {
  border-radius: 90px;
  width: 40px;
  height: 40px;
}
.header-bar-user .user .foto-nombre {
  font-size: 15px;
  line-height: 15px;
  color: #8689df;
  margin-top: 5px;
}
.header-bar-user .user .foto .alerta {
  width: 12px;
  height: 12px;
  background: #25c318;
  position: absolute;
  right: -8px;
  top: -8px;
  border-radius: 50px;
}
.header-bar-user .name {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  max-width: 136px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.header-bar-user .profile {
  position: absolute;
  box-shadow: 4px -2px 12px rgba(0, 0, 0, 0.08);
  right: 0;
  top: 50px; /*display: flex;*/
  display: none;
  flex-direction: row;
  font-size: 16px;
  line-height: 16px;
  width: 566px;
}
.header-bar-user .profile .data {
  text-align: center;
  border-right: 1px solid #cccfcf;
  padding: 46px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.header-bar-user .profile .data-user {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.header-bar-user .profile .data-buttons {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
.header-bar-user .profile .foto {
  border-radius: 90px;
  background-color: #2e3ccc;
  width: 96px;
  height: 96px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.header-bar-user .profile .foto IMG {
  border-radius: 90px;
  width: 96px;
  height: 96px;
}
.header-bar-user .profile .foto-nombre {
  font-size: 40px;
  line-height: 40px;
  color: #8689df;
  margin-top: 10px;
}
.header-bar-user .profile .name {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 8px;
  max-width: none;
  white-space: normal;
}
.header-bar-user .profile .profile-menu {
  padding: 34px;
}
.header-bar-user .profile li {
  margin: 0px;
  vertical-align: middle;
  display: flex;
  min-width: 190px;
  position: relative;
  padding: 16px 0 0 0;
}
.header-bar-user .profile li:first-child {
  padding-top: 0px;
}
.header-bar-user .profile A {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}
.header-bar-user .profile A:hover {
  color: #a70606;
}
.header-bar-user .profile li IMG {
  margin-right: 18px;
  display: inline-block;
}
.header-bar-user .profile li.separacion-gris {
  margin: 15px 0 0 0;
  padding: 0;
}
.header-bar-user .profile li A:hover {
  color: #a70606;
}
.header-bar-user .profile li SVG {
  vertical-align: middle;
  margin-right: 18px;
  display: inline-block;
}
.header-bar-user .profile li:hover SVG {
  fill: #a70606 !important;
}

.header-bar-user .profile li .alerta {
  width: 8px;
  height: 8px;
  background: #25c318;
  position: absolute;
  left: -20px;
  top: 12px;
  border-radius: 50px;
}

.nav-superior {
    text-align: center;
    color: #fff;
    padding: 10px 0px;
    background-color: #000;
    justify-content: space-between;
    align-items: center;
    height: 42px;
}
.nav-superior-left{
	float: left;
    color: #ffffffeb;
}
.idiomas{
	    float: right;
    text-align: right;
}
.nav-superior ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	display: inline-block;
}

.nav-superior li {
  display: inline;
  font-size: 12px;
  margin: 0 10px;
  letter-spacing: 0.8px;
  position: relative;
}
.nav-superior li:first-child {
  margin: 0;
}
.nav-superior li.activo A {
  color: var(--color-blanco);
}
.nav-superior li:hover::before,
.nav-superior li.activo::before {
  content: " ";
  display: block;
  position: absolute;
  bottom: -15px;
  background-color: var(--color-blanco);
  height: 3px;
  width: 100%;
}
.nav-superior A {
  color: #fff;
  font-size: 12px;
  padding: 0;
  text-transform: uppercase;
}
.nav-superior A:hover {
  text-decoration: none;
}
.nav-superior img {
  margin-left: 20px;
}

.nav-superior .opciones {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.nav-superior .opciones .user {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}

.smaller {
  position: fixed;
  width: 100%;
  z-index: 15;
  margin-top: 0;
}
HEADER.smaller {
  background: transparent;
  background-color: rgba(256, 256, 256, 0.70) !important;
  -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16);
  padding: 0px;
}
.header_fix {
    position: fixed;
    top: 0px;
    background: #ffffff;
	z-index: 6969;
}
.header_fix .nav-superior {
    padding: 3px 0px;
    height: 30px;
}
.header_fix .logo img{
	max-height: 80px;
}
.smaller .logo-normal {
  display: none;
}
.logo-smaller {
  display: none;
}
.logo-normal {
  display: inline-block;
}
.smaller .logo-smaller {
  display: inline-block;
}

.smaller .idiomas {
  float: right;
  margin: 0;
}
.smaller .idiomas li A {
  height: 46px !important;
  line-height: 46px !important;
  padding: 0px;
}
.smaller .idiomas li A:hover {
  background-color: transparent !important;
  color: #b7b3a2 !important;
}
.smaller .idiomas ul li A.activo {
  background-color: transparent !important;
  color: #b7b3a2;
  font-weight: bold;
  border-radius: 90px;
  width: auto;
  text-align: center;
}

.smaller .logo-movil {
  display: none !important;
}
.smaller .logo .nosmaller {
  display: none;
}
.smaller .logo .sismaller {
  display: block;
}

.smaller .pc .nav-superior {
  display: none;
}

.submenu {
  position: relative;
  text-align: center;
  padding: 20px 0;
}
.submenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-left: 0;
      border: none;
}
.submenu li {
  margin-right: 15px;
  display: inline-block;
  vertical-align: top;
}
.submenu li:last-child {
  margin-right: 0;
}
.submenu li A {
  padding: 4px 16px;
  border-radius: 8px;
  border: 1px solid #999999;
  color: #999999;
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  font-weight: 400;
  transition: 0.1s background-color;
  -webkit-transition: background-color ease-in 0.2s;
  -moz-transition: opacity ease-in 0.25s;
  -o-transition: opacity ease-in 0.25s;
  margin-bottom: 10px;
}
.submenu li:hover A , .submenu li A.active{
  text-decoration: none;
  color: #fff;
  background-color: #a70606;
  border-color: #a70606;
}
.submenu li.activo {
  font-weight: 700;
}
.submenu li.activo A, .submenu li.active a, #paymentTabs li.active>a, #paymentTabs li.active>a:focus, #paymentTabs li.active>a:hover {
  color: #fff;
  background-color: #a70606;
  border-color: #a70606;
  font-weight: 700;
}

.submenu.pc {
  display: block;
}

.frase {
  text-align: center;
  font-size: 16px;
  padding-top: 118px;
  padding-bottom: 80px;
  clear: both;
}
.frase .tit1 {
  font-size: 40px;
  text-align: center;
  line-height: 40px;
  letter-spacing: 1px;
  min-width: 100px;
  padding-bottom: 6px;
  font-weight: 300;
  font-family: var(--font-black);
  margin: auto;
}
.frase .tit2 {
  margin: auto;
  font-size: 22px;
  text-align: center;
  line-height: 25px;
  letter-spacing: 1px;
  font-weight: 300;
  font-family: var(--font-black);
}
.frase .tit3 {
  font-size: 20px;
  line-height: 30px;
  margin: 10px auto;
}
.frase .linea {
  width: 50px;
  margin: auto;
  background-color: #1e1e1e;
  height: 3px;
  margin-bottom: 10px;
  margin-top: 2px;
}
.frase P {
  margin: auto;
  margin-top: 15px;
  font-size: 19px;
  font-weight: 300;
}

.separacion {
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}
.separacion-gris {
  border-top: 1px solid #cccfcf;
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}
.separacion-gris-claro {
  border-top: 1px solid #e3e8e6;
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}
.separacion-negro {
  border-top: 1px solid #000;
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}
.separacion-dashed {
  border-top: 1px dashed #666;
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}

.imagen-hover {
  background-color: #e1999a;
  cursor: pointer;
  z-index: 100; /*-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 30px;*/
}

.subir {
  position: fixed;
  bottom: 0px;
  right: 10px;
  z-index: 99999;
  display: none;
  margin-bottom: 10px;
}
.subir SPAN {
  color: #fff;
  padding: 12px;
  background-color: rgb(0, 0, 0);
  cursor: pointer;
}
.subir SPAN A {
  color: #fff;
  font-size: 25px;
  padding-top: 5px;
  line-height: 40px;
}
.subir.visible {
  display: block;
}

.marquee {
  height: 50px;
  overflow: hidden;
  position: relative;
  background: #58000f;
  color: #fff;
}
.marquee p {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 50px;
  text-align: center;
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -moz-animation: scroll-left 2s linear infinite;
  -webkit-animation: scroll-left 2s linear infinite;
  animation: scroll-left 20s linear infinite;
}
@-moz-keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.swiper {
  min-height: 300px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.swiper-wrapper {
  padding-bottom: 48px;
}
.swiper-scrollbar-drag {
  background: #a70606;
  height: 8px;
  border-radius: 0;
  top: -4px;
}
.swiper-scrollbar-horizontal {
  left: 0 !important;
  width: 100% !important;
  height: 2px !important;
  overflow: visible;
  background-color: #cccfcf;
  margin-bottom: 2px;
}

.hero {
  width: 100%;
  position: relative;
  margin: auto;
  z-index: 1; /*display: flex; align-items: center; justify-content: center; */ /*min-height:400px;*/
  overflow: hidden;
}
.hero .cuerpo {
  /*display: flex; align-items: center; justify-content: space-between; */
}
.hero .cabecera-contenido {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  padding-bottom: 50px;
  overflow: visible;
  text-align: center;
  z-index: 2;
  color: #ffffff;
  max-width: 795px;
  margin: auto;
  min-height: 351px;
}
.hero .tit1 {
  font-size: 64px;
  line-height: 60px;
  display: block;
  clear: both;
  font-weight: 900;
  color: var(--color-blanco);
}
.hero .linea-blanca {
  background-color: var(--color-blanco);
  height: 16px;
  z-index: 2;
  width: 484px;
  margin: 0;
  margin-left: 270px;
  margin-top: 22px;
}

.hero .breadcrumbs,
.not-hero .breadcrumbs {
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
  margin-top: 25px;
  display: flex;
  gap: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hero .breadcrumbs A {
  color: #ffffff;
  display: flex;
}
.hero .breadcrumbs .linea {
  font-size: 20px;
  line-height: 24px;
}
.breadcrumbs A {
  text-decoration: underline;
}
.breadcrumbs span:last-child {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scroller .not-hero .breadcrumbs {
  margin-top: 0;
}

.hero.slim {
  padding: 68px 0;
  color: #ffffff;
}
.hero.slim .termino {
  font-weight: 900;
  font-size: 24px;
  line-height: 24px;
}
.hero.slim .resultado {
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}

.hero.hero-img .cabecera-contenido {
  padding: 49px 0 96px 0;
  overflow: visible;
  text-align: left;
  max-width: none;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: end;
  position: relative;
  flex-direction: row;
}
.hero.hero-img .textos {
  position: absolute;
  left: 0;
  max-width: 580px;
}
.hero.hero-img .textos P {
  font-size: 16px;
  line-height: 28px;
  max-width: 500px;
}
.hero.hero-img .textos .top {
  font-size: 14px;
  line-height: 24px;
  max-width: 500px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.hero.hero-img .linea-blanca {
  position: absolute;
  top: 27px;
  right: 173px;
  background-color: var(--color-blanco);
  height: 16px;
  z-index: 2;
  width: 484px;
  right: 0;
}

.not-hero .breadcrumbs {
  color: #000;
}
.not-hero .breadcrumbs img {
  filter: invert();
}

.hero.hero-absolute .cuerpo {
  width: 100%;
}
.hero.hero-absolute .cuerpo .breadcrumbs {
  padding-left: 24px;
}
.hero.hero-absolute A IMG:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.hero.hero-absolute {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
}

.float-hero {
  display: flex;
  width: 100%;
  z-index: 0;
}

.float-frame {
  position: sticky;
  top: 88px;
  height: min-content;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 498px;
  swidth: 30%;
  background-color: var(--color-negro);
  z-index: 1;
}
.float-frame .data {
  text-align: center;
  color: #ffffff;
  margin: auto;
  padding: 88px 56px 56px 56px;
}
.float-frame .data .foto {
  border-radius: 200px;
  width: 132px;
  height: 132px;
  overflow: hidden;
  margin: 0 auto 24px auto;
  background-color: #2e3ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.float-frame .data .textos {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.float-frame A {
  color: #fff;
}

.nofloat-frame {
  width: Calc(100% - (100% - 1280px) / 2 - 498px);
}
.nofloat-content {
  padding: 80px 0px 0px 32px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  align-items: flex-start;
  margin-bottom: 96px;
}

.float-hero .tabs {
  padding-top: 0 !important;
}

.float-hero .almacenamiento {
  display: flex;
  padding-bottom: 48px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  border-bottom: 1px solid #cccfcf;
}
.float-hero .espacio {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}
.float-hero .espacio .uso {
  background: #f2f4f7;
  height: 50px;
  width: 100%;
  width: 483px;
  display: flex;
  position: relative;
}
.float-hero .espacio .uso .info {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
}
.float-hero .espacio .info {
  display: flex;
  padding-left: 16px;
  flex-direction: column;
  align-items: flex-start;
}

.float-hero .datos-personales {
  display: flex;
  padding-bottom: 48px;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
  border-bottom: 1px solid #cccfcf;
}
.float-hero .datos-personales .columna {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
}

.float-hero .form-check-input {
  background-size: 60% 60%;
  margin-top: 2px;
}

.float-frame .data .enlaces {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
}
.float-frame .data .enlace {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}
.float-frame .data .enlaces A {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  text-decoration: underline;
  text-align: center;
}
.float-frame .data .enlace-logo {
  background: #ffffff;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
}
.float-frame .data .compartir {
  margin-top: 32px;
  font-size: 16px;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}

.slick-dots.main {
  bottom: -10px;
}
.slick-list,
.slick-track {
  height: 100%;
  position: relative;
}
.cabecera-separacion {
  padding: 50px;
}

/*** about us **/

.hero-2col {
  width: 100%;
  position: relative;
  margin: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}
.hero-2col .cuerpo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 96px 0;
}
.hero-2col .cabecera-contenido {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: visible;
  text-align: left;
  z-index: 2;
  color: #ffffff;
  max-width: 586px;
  min-height: 480px;
  justify-content: center;
}
.hero-2col .tit1 {
  font-size: 64px;
  line-height: 60px;
  display: block;
  clear: both;
  font-weight: 400;
  color: var(--color-blanco);
  padding-bottom: 15px;
}

.hero-2col .hero-image {
  position: absolute;
  right: 0px;
  top: 47px;
}
.hero-2col .linea-blanca {
  position: absolute;
  top: 47px;
  right: 0px;
  background-color: var(--color-blanco);
  height: 16px;
  z-index: 2;
  width: 484px;
}

@media (max-width: 820px) {
  .hero-2col .cuerpo {
    flex-direction: column;
    padding: 30px 0;
    padding-top: 112px;
  }
  .hero-2col .cabecera-contenido {
    min-height: initial;
    gap: 12px;
  }
  .hero-2col .tit1 {
    font-size: 48px;
    line-height: 44px;
  }
  .hero-2col .hero-image {
    display: none;
  }
  .hero-2col .linea-blanca {
    top: 47px;
  }
}

/******* COMPONENTES **********/

.card-destacado {
	height: 280px;
	position: relative;
	flex: none;
	display: inline-block;
	background: #00000063;
	width: 19%;
	margin: 0px 0.9;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
}

.XXXitems .card-destacado:nth-child(5) {
	margin: 0px ;
}
.card-destacado .text {
    position: absolute;
    left: 0;
    bottom: 24px;
    z-index: 1;
    color: #ffffff;
    font-size: 1.2em;
    text-align: center;
    display: block;
    margin: 0px auto;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}
.card-destacado .image {
    transform: rotate(0deg) scale(1);
	background-size: cover;
    background-position: center;
    transition: all 0.4s ease;
}
.card-destacado:hover .image {
    transform: rotate(5deg) scale(1.05);
}
.card-destacado .image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  background-position: center;
}

.card-pricing {
  display: flex;
  width: 380px;
  padding-bottom: 40px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  border: 1px solid var(--grey_2, #cccfcf);
  background: var(--white, #fff);
  margin-top:15px;
      transition: all 0.5s ease;
      border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
        position: relative;
    overflow: hidden;
}
.suscripcion .card-pricing .sticky{
    position: absolute;
    width: auto;
    transform: rotate(40.675deg);
    right: -50px;
    top: 30px;
    display: flex;
    padding: 8px 75px;
    justify-content: center;
    align-items: center;
    font-size: var(--smaller-text);
    font-weight: 500;
    color: #FFF;
    background: linear-gradient(45deg, #a70606, #ff0000);
  }
.card-pricing:hover{
	margin-top:0px;
}
.card-pricing .linea {
  height: 5px;
    background: linear-gradient(45deg, #a70606, #feca57);
  flex-shrink: 0;
  align-self: stretch;
}

.card-pricing .contenedor {
    display: flex
;
    padding: 30px 15px 0;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}
.card-pricing .contenedor a{
	color: #000000;
    border: 2px solid #000000;
}
.card-pricing .contenedor:hover a{
	color: #fff;
    border: 2px solid #a70606 !important;
    background: #a70606 !important;
}
.card-pricing .eur-mes {
  color: var(--black, #000);
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 16px;
}

.help-card {
  display: flex;
  height: 100px;
  padding: 24px;
  align-items: center;
  gap: 32px;
  flex: 1 0 0;
  background: #000;
  width: 100%;
}
.help-card .featured-icon {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: #a70606;
}
.help-card .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex: 1 0 0;
  color: #ffffff;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 18px;
}

/* HOME */

.home-header {
  height: 500px;
}

.home-hero {
  width: 100%;
  position: relative;
  margin: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 820px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}
.home-hero .cuerpo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 45px 0;
	min-height: 620px;
	margin-top: 100px;
}
.home-hero .cabecera-contenido {
  display: block;
  overflow: visible;
  text-align: left;
  z-index: 2;
  color: #ffffff;
    max-width: 470px;
}
.home-hero .tit1 {
	font-size: 64px;
	line-height: 60px;
	display: block;
	clear: both;
	font-weight: bold;
	color: var(--color-blanco);
	padding: 0px;
	padding-bottom: 15px;
}
.home-hero .tit1 .title-hero-1{
    font-size: 1em;
    line-height: 1.05;
    margin: 0px 0px 25px;
}
.home-hero .tit1 .title-hero-2{
font-size: 0.9em;
    line-height: 1.05;
    margin: 0px 0px 25px;
}
.home-hero .tit1 .title-hero-3{
    font-size: 1em;
    line-height: 1.05;
    margin: 0px 0px 25px;
}
.home-hero .tit1 .txt-1-4{
	margin: 0px 0px 15px 0px;
}
.home-hero .description {
  width: 374px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  z-index: 2;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.home-hero .description .heading-L{
	font-weight: 900;
}
.home-hero .description .heading-S{
    font-weight: bold;
    line-height: 1;
    margin: 20px 0px 0px;
}
.home-hero .description ul{
	padding: 0px 0px 0px 10px;
}
.home-hero .description ul li{
margin: 0px 0px 15px
}
.home-hero .hero-image {
  position: absolute;
  left: 480px;
  top: 0;
}

.home-hero .cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 28px;
}
.home-hero .cta .boton {
  margin: 0 !important;
  order: 0;
}

.home-beneficios {
  padding: 118px 0;
}
.home-beneficios .cuerpo {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  overflow: hidden;
  max-width: 1000px;
}
.home-beneficios-intro {
  display: flex;
  width: 586px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 586px;
}
.home-beneficios-title {
  font-size: 64px;
  line-height: 60px;
  display: block;
  clear: both;
  font-weight: 400;
 
  padding: 2px;
}
.home-beneficios-descriptiones {
  width: 380px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  z-index: 2;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}
.home-beneficios-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.home-banda {
  padding: 96px 0 84px 0;
}

.home-plataforma-1 {
  display: flex;
  gap: 32px;
  justify-content: center;
  margin-bottom: 30px;
}
.home-plataforma-1 .item {
  width: 50%;
  padding: 30px;
  border-radius: 24px;
}
.home-plataforma-2 {
  width: 100%;
  background-color: #00000022;
  padding: 40px;
  border-radius: 24px;
  display: flex;
  gap: 32px;
  justify-content: space-between;
  align-items: center;
}

.home-resgistrar-pq {
  display: flex;
  gap: 32px;
  justify-content: flex-start;
  margin-bottom: 30px;
  align-items: center;
}
.home-resgistrar-pq .item {
  padding: 40px;
  text-align: left;
}

.home-resgistrar-como {
  display: flex;
  gap: 32px;
  justify-content: flex-start;
  margin-bottom: 30px;
  align-items: center;
}
.home-resgistrar-como .item {
  width: 100%;
  padding: 40px;
  text-align: left;
}
.home-resgistrar-como .paso {
  display: flex;
  gap: 32px;
  justify-content: flex-start;
  margin-bottom: 20px;
  align-items: center;
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
}

.home-descubre {
  padding: 96px 0 84px 0;
}
.home-descubre .tarifas {
  display: flex;
  justify-content: center;
  gap: 32px;
}

.home .suscripcion {
  padding: 96px 0 84px 0;
}
.home .suscripcion .introduccion {
  margin-right: 24px;
  display: inline-block;
  line-height: 20px !important;
}

.home-destacados {
  padding: 96px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
  position: relative;
}
.home-destacados .items {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 32px;
  position: relative;
}

.home-social-proof {
  padding: 96px 0;
}
.home-social-proof .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.home-social-proof .logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

@media (max-width: 820px) {
  .home-resgistrar-pq {
    flex-direction: column;
  }
  .home-resgistrar-como {
    flex-direction: column;
  }
}

.testimonial-section {
  padding: 96px 0;
  background: var(--grey_background, #f2f4f7);
}
.testimonial-section .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.features-section {
  padding: 96px 0;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.features-section .heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  margin: 0;
}
.features-section .container {
  display: flex;
  align-items: center;
  gap: 64px;
}
.features-section .features {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
  flex: 1 0 0;
  align-self: stretch;
}
.features-section .feature {
  display: flex;
  padding: 16px 0px 16px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  border-left: 4px solid var(--grey_1, #e7e7e7);
}
.features-section .feature:first-child {
  border-left: 4px solid #a70606;
}

.pago-profesional {
  padding: 96px 0 84px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
.home .pago-profesional {
  background: var(--grey_background, #f2f4f7);
}
.pago-profesional .planes {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  justify-content: center;
}

.cta-section {
  padding: 96px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
.cta-section .container {
  display: flex;
  padding: 0px 32px;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.faqs {
	padding: 90px 0 90px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 48px;
	background: #a70606;
	 color: #fff;
}
.faqs .accordion {
  margin-bottom: 40px;
}
.faqs .boton.borde-blanco{
	border-color: #fff;
    color: #fff;
}
.faqs .boton.borde-blanco:hover{
	border-color: #a70606;
}
.ctas {
  height: 528px;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
  flex-direction: row;
  display: flex;
}
.ctas .contenedor {
  display: flex;
  width: 720px;
  height: 450px;
  padding: 70px 118px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 36px;
  flex-shrink: 0;
}
.ctas .contenedor .textos {
  display: flex;
  width: 484px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  color:#fff;
}
.ctas .contenedor .boton.boton-xs{
	color: #fff;
    border-color: #fff
}
.banda-newsletter {
  background-image: url("images/suscribete.svg");
  background-position: right 0px;
  background-repeat: no-repeat;
}
.banda-newsletter .cuerpo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 150px 0;
  overflow: hidden;
  gap: 32px;
  max-width: 1000px;
}
.banda-newsletter-title {
  font-size: 40px;
  line-height: 40px;
  display: block;
  clear: both;
  font-weight: 400;
 
  flex: 1;
  padding: 1px;
}
.banda-newsletter-title P {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
}
.banda-newsletter-description {
  width: 380px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  z-index: 2;
  flex: 1;
}
.banda-newsletter .separacion {
  display: block;
  height: 1px;
  margin: 0;
}

.banda-categorias {
	padding: 96px 0 84px 0;
	background-image: url(images/bg_service.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 100%;
    padding: 120px 0 150px !important;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    background-position: 50% 50%;
}
.banda-categorias .heading-M{
	margin-bottom:30px;
}
/*** fin home ***/

/*** INTERIORES ***/

.seccion-nombre {
  margin: 56px 0 48px 0;
}

.banda-beneficios {
}
.banda-beneficios .container {
  align-items: flex-start;
  margin-bottom: 96px;
}
.beneficios-titular {
  max-width: 500px;
}
.beneficios {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  position: relative;
  counter-reset: section;
  max-width: 500px;
}
.beneficio {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding-left: 120px;
}
.beneficio::before {
  counter-increment: section;
  content: counter(section);
  font-size: 140px;
  line-height: 140px;
 
  position: absolute;
  left: 0px;
  color: black;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
    1px 1px 0 #000;
}
@supports ((text-stroke: 2px black) or (-webkit-text-stroke: 2px black)) {
  .beneficio::before {
    color: transparent;
    -webkit-text-stroke: 2px #cccfcf;
    text-stroke: 2px #cccfcf;
    text-shadow: none;
    letter-spacing: 1px;
  }
}

.banda-ia {
  display: flex;
  flex-direction: row;
  gap: 32px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 100px 0;
}
.banda-ia UL {
  list-style-type: none;
  padding: 0;
}
.banda-ia LI {
  border-bottom: 1px solid #fff;
  padding: 20px 0;
  display: flex;
  gap: 20px;
}

.banda-ia2 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 40px 0;
}
.banda-ia2 UL {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: row;
}
.banda-ia2 LI {
  border-left: 1px solid #fff;
  padding: 10px 20px;
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 25%;
}
.banda-ia2 LI:first-child {
  border: none;
}

.options-section {
  padding: 40px 0px;
  flex-direction: column;
  align-items: center;
  gap: 64px;
}
.options-section .cuerpo {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
}
.options-section .options {
  /*display: flex;*/
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
  display: none;
}
.options-section.open .options {
  display: flex;
}
.options-section .options .container {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}
.options-section .boton-ocultar {
  display: flex;
  padding: 10px 0px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.options-actual {
  display: flex;
  width: 100%;
  gap: 16px;
  justify-content: end;
}
.options-section.open .options-actual .help-card {
  display: none;
}

.funcionalidades-body {
  display: flex;
  padding-top: 48px;
  flex-direction: column;
  gap: 56px;
}
.plan-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.plan-acutal {
  display: flex;
  width: 457px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
}
.plan-acutal .caracteristicas {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.plan-info .card-pricing {
  width: 664px;
}

.planes-detalle {
  display: flex;
  padding: 96px 0px 118px 0px;
  flex-direction: column;
  align-items: center;
  gap: 64px;
}
.planes-detalle .columnas {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: row;
}
.planes-detalle .columnas .columna {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}
.planes-detalle .columnas .columna-header {
  display: flex;
  height: 186px;
  padding-bottom: 0px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.planes-detalle .columnas .heading-badge {
  display: flex;
  padding: 0px 24px 16px 24px;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  text-align: center;
  height: 64px;
}
.planes-detalle .columnas .content {
  display: flex;
  padding: 16px 24px 0px 24px;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
}
.planes-detalle .columnas .content .precio {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 12px;
  align-self: stretch;
}
.planes-detalle .columnas .content .precio .euro {
  color: #000;
  text-align: center;
 
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 16px;
}
.planes-detalle .columnas .columna-table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}
.planes-detalle .columnas .columna-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.pricing-table-cell-header {
  display: flex;
  height: 64px;
  padding: 0px 24px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
.pricing-table-cell {
  display: flex;
  height: 64px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  text-align: center;
}

.icono-success-verde {
  filter: invert(53%) sepia(65%) saturate(252%) hue-rotate(113deg)
    brightness(88%) contrast(83%);
}

.frase.frase-contacto {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.interior HEADER.smaller {
  position: fixed;
}

.float-frame.obra .data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.float-frame.obra .data .nombre {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 32px;
  text-align: left;
}
.float-frame.obra .data .textos {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.obra-etiquetas-options {
  display: flex;
  gap: 32px;
}
.obra-etiquetas-options .option {
  max-width: 274px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1 0 0;
}
.obra-modificar-registro {
  display: flex;
  gap: 32px;
}

.obra-column-options {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.suscripcion {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.suscripcion .hero {
}
.suscripcion .hero .cabecera-contenido {
  max-width: 795px;
}
.suscripcion .hero .tit1 {
  font-size: 40px;
  line-height: 40px;
  display: block;
  clear: both;
  font-weight: 400;
  color: var(--color-blanco);
 
}
.suscripcion .hero .outline-white {
  letter-spacing: 0px !important;
}
.suscripcion .hero .linea-amarilla {
  margin-left: 0;
  margin-right: auto;
}

.suscripcion .frase-suscripcion {
  padding-bottom: 0;
}
.suscripcion .frase-suscripcion .tit1 {
  max-width: 795px;
}
.suscripcion .submenu .codePro {
  font-size: 24px;
  line-height: 24px;
  margin-right: 24px;
}
.suscripcion .submenu li {
  position: relative;
  float: none;
}
.suscripcion .submenu li A {
  font-size: 24px;
  line-height: 24px;
  padding: 16px 40px;
}
.suscripcion .submenu .descuento {
  position: absolute;
  background: #a5a5a5;
  padding: 0px 8px;
  border-radius: 4px;
  right: 16px;
  top: -13px;
  height: 26px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
      color: #ffffff;
}

.suscripcion .tarifas {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: center;
}

.suscripcion .tarifas .card.profesional {
  border-top: 8px solid var(--color-azul);
}
.suscripcion .tarifas .card.corporativa {
  border-top: 8px solid var(--color-verde);
}
.suscripcion .tarifas UL {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
}

.suscripcion .tarifas-detalle {
  margin-top: 56px;
  margin-bottom: 118px;
  max-width: 1000px;
}
.suscripcion .tarifas-detalle .detalle {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: space-between;
  background: #fff;
}
.suscripcion .tarifas-detalle .tipo-tarifa {
}
.suscripcion .tarifas-detalle .nombre {
 
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 16px;
}
.suscripcion .tarifas-detalle .tipo-tarifa .precio {
  margin-bottom: 16px;
}
.suscripcion .tarifas-detalle .tipo-tarifa .precio .codePro {
  font-size: 16px;
  line-height: 16px;
}
.suscripcion .tarifas-detalle .descripcion {
  flex: 1;
  text-align: left;
  font-size: 16px;
  line-height: 26px;
  padding: 16px 0;
}
.suscripcion .tarifas-detalle .descripcion-texto {
}
.suscripcion .tarifas-detalle .caracteristicas {
  display: flex;
}
.suscripcion .tarifas-detalle .caracteristica {
  min-width: 277px;
  flex: 1;
  text-align: center;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 18px;
}
.suscripcion .tarifas-detalle .separacion {
  width: 1px;
  background: #000000;
  margin: 0;
}
.suscripcion .tarifas-detalle .inline-icon {
  margin-left: Calc(50% - 20px);
  text-align: left;
  width: -webkit-fill-available;
}
.suscripcion .tarifas-detalle .success-profesional {
  filter: invert(23%) sepia(55%) saturate(4166%) hue-rotate(232deg)
    brightness(95%) contrast(103%);
}
.suscripcion .tarifas-detalle .success-corporativa {
  filter: invert(53%) sepia(65%) saturate(252%) hue-rotate(113deg)
    brightness(88%) contrast(83%);
}
.suscripcion .tarifas-detalle .precio .codePro {
  font-size: 16px;
  line-height: 16px;
}
.suscripcion .tarifas-detalle .sticky {
  position: -webkit-sticky;
  position: sticky !important;
  top: 90px;
  padding-top: 20px;
  z-index: 2;
  box-shadow: 0px 14px 10px -10px rgba(0, 0, 0, 0.28);
}
.suscripcion .tarifas-detalle .sticky .separacion {
  background: #ddd;
}

@media (max-width: 820px) {
  .options-section .options .container {
    flex-direction: column;
  }
  .plan-info {
    flex-direction: column;
    gap: 40px;
  }
  .plan-acutal {
    width: 100%;
  }
  .plan-acutal .heading-S {
    font-size: 20px;
    line-height: 20px;
  }
  .plan-info .card-pricing {
    width: 100%;
  }
  .suscripcion .tarifas {
    flex-direction: column;
  }
  .planes-detalle .columnas {
    flex-direction: column;
  }
  .planes-detalle .columnas .columna {
    width: 100%;
  }
  .pricing-table-cell {
    height: auto;
    display: flex;
    width: 100%;
    padding: 16px 8px;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
  }
  .pricing-table-cell-header {
    height: auto;
    padding: 16px 8px;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
  }
  .suscripcion .heading-S {
    font-size: 20px;
    line-height: 20px;
  }
  .suscripcion .tarifas .heading-S {
    font-size: 24px;
    line-height: 24px;
  }
  .planes-detalle {
    padding: 40px 0px 56px 0px;
    gap: 40px;
  }
  .planes-detalle .columnas .columna-table {
    gap: 8px;
  }
  .planes-detalle .submenu {
    padding: 0;
  }
  .planes-detalle .submenu LI A {
    font-size: 12px;
    line-height: 22px;
  }
  .planes-detalle .columna.activo .heading-badge {
    color: #a70606;
  }

  .suscripcion .card-pricing {
    width: 100%;
  }

  .suscripcion .frase-suscripcion {
    padding-bottom: 0;
    padding-top: 64px;
  }
  .suscripcion .submenu {
  }
  .suscripcion .submenu .codePro {
    display: none;
  }
  .suscripcion .submenu li A {
    font-size: 14px;
    line-height: 22px;
    padding: 4px 16px;
  }
  .suscripcion .submenu .descuento {
    padding: 0px 8px;
    right: 0px;
    top: -13px;
    height: 18px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
  }
  .suscripcion .tarifas {
    flex-direction: column;
    gap: 16px;
  }
  .suscripcion .tarifas .card {
    width: 100%;
  }
  .suscripcion .tarifas-detalle {
    margin-top: 0px;
    margin-bottom: 64px;
  }
  .suscripcion .tarifas-detalle .sticky {
    top: 30px;
  }
  .suscripcion .tarifas-detalle .detalle {
    display: block;
  }
  .suscripcion .tarifas-detalle .detalle.encabezado {
    padding: 14px 0;
  }
  .suscripcion .tarifas-detalle .encabezado .caracteristica {
    padding: 14px;
  }
  .suscripcion .tarifas-detalle .caracteristica {
    min-width: 0;
    padding: 0;
  }
  .suscripcion .tarifas-detalle .nombre {
    font-size: 20px;
    line-height: 20px;
  }
  .suscripcion .tarifas-detalle .tipo-tarifa .precio .codePro {
    font-size: 14px;
    line-height: 14px;
    display: block;
  }
  .suscripcion .tarifas-detalle .tipo-tarifa .precio {
    margin-bottom: 0px;
  }
  .suscripcion .tarifas-detalle .caracteristica .boton {
    font-size: 16px;
    padding: 6px 24px;
  }
  .suscripcion .tarifas-detalle .separacion {
    background: none;
  }
  .suscripcion .tarifas-detalle .encabezado .separacion {
    background: #000;
  }
  .suscripcion .tarifas-detalle .inline-icon {
    display: flex;
    flex-direction: column;
    margin: auto;
    text-align: center;
    width: auto;
    align-items: center;
    gap: 5px;
  }
  .suscripcion .tarifas-detalle .detalle {
    padding: 16px 8px;
  }
  .suscripcion .tarifas-detalle .detalle:nth-of-type(odd) {
    background: rgba(204, 207, 207, 0.2);
  }
  .suscripcion .tarifas-detalle .encabezado.detalle {
    background: #fff !important;
  }
  .suscripcion .tarifas-detalle .descripcion {
    text-align: center;
  }
}

.tabs {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;
  flex: none;
  order: 0;
  flex-grow: 0;
  position: relative;
  border-bottom: 1px solid #cccfcf;
  padding-top: 64px;
}
.tabs ul {
  list-style: none;
  padding: 0px;
  font-size: 0px;
}
.tabs li {
  display: inline-block;
  margin-left: 48px;
}
.tabs li:first-child {
  margin-left: 0;
}
.tabs A {
  color: #000000;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  position: relative;
  padding: 14px 0;
  display: inline-block;
  text-decoration: none !important;
}
.tabs A:hover {
  text-decoration: none;
}

.tabs A:hover::before,
.tabs LI.activo A::before {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0px;
  background-color: #a70606;
  height: 3px;
  width: 100%;
}
.tabs LI.activo A {
  font-weight: 700;
}
.not-hero .tabs {
  padding-top: 40px;
}

.tag {
  display: inline-flex;
  padding: 4px 12px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: #3748f5;
  color: var(--white, #fff);
  font-size: 14px;
  line-height: 22px;
  font-style: normal;
  font-weight: 400;
}
.tag A {
  line-height: 0;
}

.paginacion {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  margin: auto;
  width: auto;
  justify-content: center;
}
.paginacion SELECT {
  width: auto;
}
.paginacion .boton {
  display: block;
  margin: 0;
  order: inherit;
  padding: 10px 15px;
}
.paginacion .boton IMG {
  filter: invert(100%) sepia(3%) saturate(7372%) hue-rotate(215deg)
    brightness(112%) contrast(103%);
}
.paginacion .boton.disabled IMG {
  filter: invert(100%) sepia(3%) saturate(7372%) hue-rotate(215deg)
    brightness(112%) contrast(103%);
}

.svg-verde-success {
  filter: invert(56%) sepia(12%) saturate(3356%) hue-rotate(70deg)
    brightness(102%) contrast(97%);
}
IMG.color-amarillo {
  filter: invert(81%) sepia(70%) saturate(2196%) hue-rotate(338deg)
    brightness(99%) contrast(89%);
}

/*** cards ***/

.creaciones-listado {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 16px;
}
.creaciones-listado .card {
  border: 1px solid #cccfcf;
  display: flex;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  color: #000;
  white-space: normal;
  position: relative;
  background-color: #ffffff;
  z-index: 0;
  overflow-wrap: break-word;
}
.creaciones-listado .card .card-imagen {
  position: relative;
  z-index: -1;
}
.creaciones-listado .card .card-imagen .imagen-img {
  object-fit: cover;
  height: 186px;
}
.creaciones-listado .card .options {
  position: absolute;
  right: 12px;
  top: 18px;
  z-index: 3;
  border-radius: 8px;
  padding: 4px 16px;
}
.creaciones-listado .card .tipo {
  position: absolute;
  left: 24px;
  bottom: 24px;
  z-index: 2;
  background: #a70606;
  border: 1px solid #ffffff;
  border-radius: 8px;
  padding: 4px 16px;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.creaciones-listado .card .card-textos {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
.card .acciones {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  display: none;
}
.card .options:hover .acciones {
  display: flex !important;
}
.card .acciones .accion {
  display: flex;
  padding: 4px 0px 12px 0px;
  align-items: center;
  gap: 8px;
  align-self: stretch; /*border-bottom: 1px solid #E7E7E7;*/
  width: max-content;
}
.card .acciones .accion:hover {
  color: #a70606;
  text-decoration: none;
}
.card .acciones .accion:last-child {
  border: none;
  padding-bottom: 4px;
}
.card .atribucion {
  display: flex;
  width: 100%;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: var(--black, #000);
}

.pre-bola {
  position: sticky;
  top: Calc(100vh - 100px);
  margin-right: -12px;
  z-index: 9;
  background-color: #a70606;
  border-radius: 64px;
  display: inline-flex;
  align-items: center;
  float: right;
  color: #fff;
  margin-bottom: -80px;
  bottom: 32px;
}
.pre-bola span {
  display: none;
  color: #fff;
  padding: 0 20px;
}
.pre-bola:hover {
  text-decoration: none;
}
.pre-bola:hover span {
  display: inline-block;
}
.bola {
  display: inline-flex;
  padding: 20px;
  align-items: flex-start;
  gap: 8px;
  border-radius: 64px;
  background: #a70606;
}

.tipo-obras-listado {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 32px;
  z-index: 0;
}
.tipo-obras-listado .card-destacado {
  height: 159px;
}

/* FILTROS */
.busqueda .creaciones-listado {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 32px;
}

.busqueda .orden {
  padding-bottom: 32px;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
}
.busqueda .orden SELECT {
  width: auto;
  display: inline-block;
  margin: 0 16px;
}
.busqueda-resultado {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-bottom: 64px;
  gap: 48px;
  flex: none;
  order: 0;
  flex-grow: 0;
  position: relative;
}
.busqueda-resultado .filtros {
  flex: 1;
  width: 261px;
  max-width: 261px;
  font-size: 16px;
  padding-top: 90px;
}
.busqueda-resultado .filtros .categoria,
.busqueda-resultado .filtros .encabezado {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #cccfcf;
}
.busqueda-resultado .filtros .categoria .nombre {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 19px;
}
.busqueda-resultado .filtros .encabezado .nombre {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 19px;
}
.busqueda-resultado .filtros .categoria .filtro {
  font-size: 16px;
  margin-bottom: 12px;
}
.busqueda-resultado .filtros .categoria .filtro.conHijos {
  /*background-image: url("images/icon/arrow down.svg"); background-position: center right; background-repeat: no-repeat; */
  display: flex;
  justify-content: space-between;
}
.busqueda-resultado .filtros .categoria .filtro.nivel2 {
  padding-left: 16px;
}

.busqueda-resultado .filtros .nombre .filtro-on {
  background-image: url("images/icon/more.svg");
  background-position: center right;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.busqueda-resultado .filtros .nombre .filtro-off {
  background-image: url("images/icon/less.svg");
  background-position: center right;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.busqueda-resultado .filtros .filtro .filtro-on {
  background-image: url("images/icon/arrow-down.svg");
  background-position: center right;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.busqueda-resultado .filtros .filtro .filtro-off {
  background-image: url("images/icon/arrow-up.svg");
  background-position: center right;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.busqueda-resultado .filtros LABEL A {
  color: #000;
}
.busqueda-resultado .resultados {
  flex: 1;
  width: Calc(100% - 261px);
  overflow-x: visible;
}
.destacados .busqueda-resultado .filtros {
  padding-top: 104px;
}
.busqueda-resultado .resultados .swiper-wrapper {
  padding-bottom: 32px;
}
.busqueda-resultado .resultados .swiper-scrollbar-horizontal {
  margin-bottom: 48px;
}

.busqueda .sticky,
.destacados .sticky {
  position: -webkit-sticky;
  position: sticky !important;
  top: 16px;
  z-index: 2;
}
.busqueda SELECT {
  border-color: #000;
  color: #000;
}

.resultados-header {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 32px;
}
.resultados-header .buscador {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px;
  gap: 8px;
  width: auto;
  height: 53px;
  border: 1px solid #cccfcf;
  border-radius: 16px;
  flex: 2;
  position: relative;
  overflow: hidden;
}
.resultados-header .buscador INPUT {
  height: 28px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  color: #999999;
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.toggle-checkbox {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 53px;
}
.toggle-checkbox input {
  display: none;
}
.toggle-checkbox .toggle-slider {
  border-radius: 16px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  transition: 0.2s;
  border: solid 1px #e0e0e0;
}
.toggle-checkbox .toggle-slider:before {
  border-radius: 16px;
  z-index: 3;
  position: absolute;
  content: "";
  height: 53px;
  top: 0px;
  left: 0px;
  width: 50px;
  background-color: #000;
  transition: 0.2s;
}
.toggle-checkbox input:checked + .toggle-slider:before {
  transform: translateX(50px);
}
.toggle-checkbox input:checked ~ .toggle-info {
  filter: invert();
}
.toggle-info {
  width: 50px;
  display: inline-block;
  position: absolute;
  z-index: 4;
  user-select: none;
  cursor: pointer;
}
.toggle-left {
  font-weight: 700;
  top: 15px;
  text-align: center;
}
.toggle-right {
  font-weight: 300;
  margin-right: 0px;
  left: 50px;
  top: 15px;
  text-align: center;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
}

/* PIE */

.cierre {
  text-align: center;
}
.home .cierre {
  display: none;
}
.pie {
  overflow: auto;
  font-size: 0.8em;
  line-height: 1.2em;
  text-align: center;
  color: #fff;
  background-color: #2d2b2d;
  display: flex;
  padding: 60px 64px;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
.pie .frase {
  overflow: auto;
}
.pie .tit1 {
  font-size: 18px;
  letter-spacing: 1px;
}
.pie .tit2 {
  font-size: 22px;
  font-weight: 600;
}
.pie .bloque {
  margin: 30px;
  line-height: 1.1em;
}
.pie H3 {
  margin: 5px auto;
  font-weight: 600;
}
.pie A {
}
.pie A:hover {
}
footer ul li a{
	transition: all 0.5s ease-in-out;
	color:#bbbbbb;
}

footer .cuerpo ul li a:hover{
	margin-left:15px;
	color:#fff;
	text-decoration: none;
}
.box_payment_footer{
	
}
.box_payment_footer ul {
    width: 100% !important;
    padding: 0px !important;
    float: inherit !important;
}
.box_payment_footer ul li{
    display: inline-block;
    margin: 0px;
    width: 22%;
    margin: 0px 2% 0 0;
    padding: 0px;
}
.box_payment_footer ul li img{
    width: 100%;
    background: #ffffffc4;
    padding: 10px;
    border-radius: 7px;
}
.box_payment_footer ul li:last-child {
    margin-right: 0;
    border: none;
}
.box_payment_footer ul li:hover img{
	background: #fff;
}
.box_payment_footer p{
	margin: 30px 0px 5px !important;
}
.pie .pie-mapa-web {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.pie .pie-mapa-web UL {
  list-style: none;
  padding: 0px;
  margin: 10px 0px;
  text-align: left;
}
.pie .pie-mapa-web li {
  font-size: 14px;
  margin: 8px 0;
}
.pie .pie-mapa-web .seccion {
	margin-bottom: 20px;
	text-transform: uppercase;
	position: relative;
}
.pie .pie-mapa-web .seccion::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    background-color: #fff;
    height: 2px;
    box-sizing: border-box;
    width: 50px;
}
.pie .pie-mapa-web li:last-child {
  border-right: none;
}

.pie .redes {
  text-align: right;
}
.pie i {
  margin: 10px 4px;
  font-size: 2em;
}

.pie .credits {
  display: flex;
  flex-direction: row;
  border-top: 1px solid #999;
  padding-top: 16px;
  justify-content: space-between;
  align-items: center;
}
.pie .social-links {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

/*** login ***/
.modal-login .boton {
  width: 267px;
}

/*** edicion ***/
/*.modal-edicion .modal{width: 998px;}*/
/*.modal-edicion .modal-contenido{height: 477px; overflow: auto; padding: 40px; display: flex; gap:40px; flex-direction: column}*/
.modal-edicion > .modal {
  width: 998px;
}
.modal-edicion > .modal > .modal-dialog-content > .modal-contenido {
  height: 477px;
  overflow: auto;
  padding: 40px;
  display: flex;
  gap: 40px;
  flex-direction: column;
}
.modal-edicion .seccion {
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
}
.modal-edicion .apartado {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.modal-edicion .datos-personales {
  display: flex;
  flex-direction: row;
  gap: 32px;
  margin-bottom: 56px;
}
.modal-edicion .datos-personales .foto {
  flex: 1;
  flex-shrink: 0;
  text-align: center;
}
.modal-edicion .foto .mensaje {
  justify-content: center;
}
.modal-edicion .mensaje {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  margin: auto;
}
.modal-edicion .modal-contenido .formulario {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
  width: 100%;
}
.modal-edicion .modal-contenido .contenido {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

.modal-edicion .tabs {
  padding-top: 0;
  margin-bottom: 32px;
}
.modal-edicion .columnas {
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  margin-bottom: 12px;
}
.modal-edicion .columnas.enlaces {
  gap: 16px;
}
.modal-edicion .columnas .opcion {
  width: 237px;
}
.modal-edicion .columnas .tags {
  flex: 1;
  display: flex;
  flex-direction: row; /*width: 649px;*/
  padding: 10px 16px;
  align-items: flex-start;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid #cccfcf;
  width: Calc(649px - 32px);
  flex-wrap: wrap;
  position: relative;
}
.modal-edicion .columnas .tags.checked {
  border-color: #000000;
}
.modal-edicion .columnas .tag {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: #3748f5;
  color: var(--white, #fff);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.modal-edicion .columnas .tag A {
  line-height: 0;
}
.modal-edicion .columnas .tag .close {
  filter: invert();
}
.modal-edicion .columnas .tags .floatingLabel {
  position: absolute;
  left: 0;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  border-radius: 10px;
  transform: scale(0.85) translateY(-1.5rem) translateX(0.55rem);
  background: #fff;
  width: auto;
  padding: 0 10px;
  height: auto;
  top: 5px;
  color: #999;
}

.modal-edicion .columnas .enlace {
  display: flex;
  width: 189px;
  padding: 10px 16px;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 16px;
  border: 1px solid #000;
}
.modal-edicion .columnas .url {
  flex: 1;
}
.modal-edicion .perfil-url {
  display: inline;
  border: none;
  color: #3748f5;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: underline;
}
.modal-edicion .perfil-url:focus-visible {
  outline: 0px;
}
.modal-edicion .bases {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.modal-edicion .columnas .organismo {
  width: 189px;
}
.modal-edicion .columnas .nombre {
  width: 254px;
}

.modal-edicion .separacion {
  margin: 0;
}
.modal-edicion .botones {
  text-align: center;
  padding: 32px;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
.modal-edicion .botones .boton {
  margin: 0;
}

.modal-edicion.modal-imagen-portada .datos-personales {
  margin-bottom: 0px;
}
.modal-edicion.modal-imagen-portada .foto .marco {
  width: 918px;
  height: 458px;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(0, 0, 0, 0.4) 100%
    ),
    url(<path-to-image>), lightgray 0px -109.518px / 100% 200.151% no-repeat;
}

.modal-edicion .obras-listado .grid {
  margin-bottom: 0;
}
.modal-edicion .obras-listado A {
  text-decoration: none;
}
.modal-edicion .obras-listado .card INPUT {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 24px;
  height: 24px;
}

.modal-edicion .card:hover {
  outline: 0px;
}
.modal-edicion .obras-listado .card.sortablePadre {
  opacity: 0.5;
}
.modal-edicion .obras-listado .card.sortableHover {
  border: 1px dashed var(--grey, #cccfcf);
  background: rgba(231, 231, 231, 0.3);
}
.modal-edicion .obras-listado .card.sortableHover > * {
  opacity: 0;
}
.modal-edicion .obras-listado .card.sortableHover:hover {
  cursor: pointer;
}

.modal-edicion.modal-presentacion .datos-personales {
  margin-bottom: 0px;
}

.modal-full .modal {
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  margin: 0;
}
.modal-full .modal-cerrar {
  left: 24px;
  right: auto;
}
.modal-full .modal-contenido {
  overflow: auto;
  height: Calc(100% - 78px);
}
.modal-full.modal-wizard .modal {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 10%;
  width: 100vw;
  height: 100%;
  max-height: none;
}

.modal-full.modal-wizard .modal-contenido {
  width: 65%;
  height: 100%;
  overflow-y: auto;
  background-color: var(--background-1);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 64px;
}
.modal-full.modal-wizard .modal-contenido.centrado {
  justify-content: center;
  padding-top: 0px;
}

.modal-full.modal-wizard .modal-pasos {
  order: 2;
  padding: 88px 137px 88px 56px;
  height: 100%;
  width: 35%;
  position: relative;
  overflow-y: auto;
  background: #f2f4f7;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  color: #000;
}
.modal-full.modal-wizard .modal-pasos .pasos {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
}
.modal-full.modal-wizard .modal-pasos .linea {
  position: relative;
  height: 100%;
}
.modal-full.modal-wizard .modal-pasos .pasos .linea:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0px;
  background-color: #a70606;
  width: 1px;
  border-radius: 1px;
  height: 100%;
}
.modal-full.modal-wizard .modal-pasos .off .numero {
  background: #cccfcf;
}
.modal-full.modal-wizard .modal-pasos .linea.off:before {
  background-color: #cccfcf;
}
.modal-full.modal-wizard .pasos-mini {
  width: 100%;
  padding: 20px 23px;
}
.modal-full.modal-wizard .pasos-mini-linea {
  background-color: #fff;
  height: 8px;
  margin-bottom: 4px;
}
.modal-full.modal-wizard .pasos-mini A {
  text-decoration: none;
}
.modal-full.modal-wizard .paso-title {
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
}
.modal-full.modal-wizard .paso-description {
  font-size: 18px !important;
   font-weight: 400 !important;
  line-height: 28px !important;
  text-align: center;
}

.modal-full.modal-wizard .modal-login {
  display: flex;
  gap: 32px;
  margin: 64px auto 0 auto;
  width: 100%;
  justify-content: center;
  max-width: 792px;
}
.modal-full.modal-wizard .modal-login .formulario {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.modal-full.modal-wizard .modal-login .login-separacion {
  padding-left: 1px;
  background-color: #cccfcf;
}
.modal-full.modal-wizard .contenido {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-top: 0;
}

.modal-full.modal-wizard .formulario .form-items {
  width: 100%;
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: center;
}
.modal-full.modal-wizard .formulario .opcion {
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.modal-full.modal-wizard .obra-como {
  display: flex;
  gap: 32px;
}
.modal-full.modal-wizard .obra-declaracion {
  display: flex;
  gap: 32px;
}

@media (max-width: 820px) {
  .modal {
    min-width: auto;
    margin: 23px;
  }
  .modal-contenido {
    min-width: auto;
    padding: 40px 16px;
  }
  .modal .titular {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 8px;
  }
  .modal P {
    font-size: 16px;
    line-height: 26px;
  }

  .modal-header {
    padding: 26px 23px 20px 23px;
  }
  .modal-cerrar {
    right: 23px;
    top: 20px;
  }
  .modal-cerrar A {
    display: block;
    font-size: 0;
  }
  .modal-cerrar IMG {
    width: 28px;
    height: 28px;
    margin: auto;
  }

  .modal-edicion .modal {
    position: absolute;
    top: 0;
    margin: 0;
    bottom: 0;
    width: 100%;
  }
  .modal-edicion .modal-contenido {
    height: auto;
    max-height: Calc(100% - 68px - 168px);
    padding: 32px 23px;
  }
  .modal-edicion .datos-personales {
    flex-direction: column;
  }
  .modal-edicion .datos-personales .foto .marco {
    width: 100%;
  }
  .modal-edicion .formulario .form-row {
  }
  .modal-edicion .columnas {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
  }
  .modal-edicion .columnas .opcion,
  .modal-edicion .columnas .tags {
    width: 100%;
  }
  .modal-edicion .columnas .tags:not(.checked) {
    display: none;
  }
  .modal-edicion .columnas .enlace,
  .modal-edicion .columnas .titulo,
  .modal-edicion .columnas .url,
  .modal-edicion .columnas .nombre,
  .modal-edicion .columnas .organismo {
    width: 100%;
  }
  .modal-edicion .botones {
    padding: 24px 23px;
    gap: 16px;
    display: flex;
    flex-direction: column;
  }
  .modal-edicion .botones .boton {
    display: block;
    margin: 0;
    width: 100%;
  }
  .modal-edicion .mensaje {
    align-items: flex-start;
    line-height: 16px;
  }

  .modal-full.modal-wizard {
    justify-content: flex-start;
    overflow: auto;
  }
  .modal-full.modal-wizard .modal {
    flex-direction: column;
    height: auto;
  }
  .modal-full.modal-wizard .modal-pasos {
    order: 0;
    width: 100%;
    padding: 0;
    height: auto;
    gap: 0;
    overflow: visible;
  }
  .modal-full.modal-wizard .modal-pasos .pasos {
    height: auto;
    padding: 24px 23px;
    display: none;
    border-top: 1px solid #e7e7e7;
    position: absolute;
    background: #f2f4f7;
    z-index: 99;
    top: 145px;
  }
  .modal-full.modal-wizard .modal-contenido,
  .modal-full.modal-wizard .modal-contenido.centrado {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    padding: 40px 23px;
    gap: 40px;
  }
  .modal-full.modal-wizard .contenido {
    gap: 40px;
  }
  .modal-full.modal-wizard .modal-login {
    flex-direction: column;
    margin: 0;
  }
  .modal-full.modal-wizard .modal-login .login-separacion {
    padding: 1px 0 0 0;
  }
  .modal-full.modal-wizard .modal .modal-pasos .paso {
    display: block;
  }
  .modal-full.modal-wizard .modal-pasos .linea {
    height: 32px;
  }
  .modal-full .modal-cerrar {
    left: auto;
    right: 23px;
  }
  .modal .modal-pasos .heading-XS {
    background-color: #fff;
    padding: 24px;
    width: 100%;
  }
  .modal-full.modal-wizard .paso-title {
    display: none;
  }
  .modal-full.modal-wizard .paso-description {
    text-align: left;
  }
  .modal-full.modal-wizard .modal-contenido .heading-M {
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
  }
  .modal-full.modal-wizard .formulario .form-items {
    flex-direction: column;
    gap: 16px;
  }
  .modal-full.modal-wizard .obra-como {
    flex-direction: column;
    gap: 16px;
  }
  .modal-full.modal-wizard .obra-declaracion {
    flex-direction: column;
    gap: 16px;
  }
}

/*** TOOLTIPS ***/
.tippy-box[data-theme~="light"] {
  color: #26323d;
  box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15),
    0 4px 80px -8px rgba(36, 40, 47, 0.25),
    0 4px 4px -2px rgba(91, 94, 105, 0.15);
  background-color: #fff;
  padding: 15px;
  border-radius: 0;
}
.tippy-box[data-theme~="light"][data-placement^="top"] > .tippy-arrow:before {
  border-top-color: #fff;
}
.tippy-box[data-theme~="light"][data-placement^="bottom"]
  > .tippy-arrow:before {
  border-bottom-color: #fff;
}
.tippy-box[data-theme~="light"][data-placement^="left"] > .tippy-arrow:before {
  border-left-color: #fff;
}
.tippy-box[data-theme~="light"][data-placement^="right"] > .tippy-arrow:before {
  border-right-color: #fff;
}
.tippy-box[data-theme~="light"] > .tippy-backdrop {
  background-color: #fff;
}
.tippy-box[data-theme~="light"] > .tippy-svg-arrow {
  fill: #fff;
}
.tippy-box[data-theme~="light"] > .tippy-arrow::before {
  transform: scale(1.1);
}

.tippy-box[data-theme~="blue"] {
  color: #fff;
  box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15),
    0 4px 80px -8px rgba(36, 40, 47, 0.25),
    0 4px 4px -2px rgba(91, 94, 105, 0.15);
  background-color: var(--color-azul);
  padding: 15px;
  border-radius: 0;
}
.tippy-box[data-theme~="blue"][data-placement^="top"] > .tippy-arrow:before {
  border-top-color: var(--color-azul);
}
.tippy-box[data-theme~="blue"][data-placement^="bottom"] > .tippy-arrow:before {
  border-bottom-color: var(--color-azul);
}
.tippy-box[data-theme~="blue"][data-placement^="left"] > .tippy-arrow:before {
  border-left-color: var(--color-azul);
}
.tippy-box[data-theme~="blue"][data-placement^="right"] > .tippy-arrow:before {
  border-right-color: var(--color-azul);
}
.tippy-box[data-theme~="blue"] > .tippy-backdrop {
  background-color: var(--color-azul);
}
.tippy-box[data-theme~="blue"] > .tippy-svg-arrow {
  fill: var(--color-azul);
}
.tippy-box[data-theme~="blue"] > .tippy-arrow::before {
  transform: scale(1.1);
}

/*----- Accordion -----*/
.accordion,
.accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.accordion {
  overflow: hidden;
  margin: 0px auto;
}
.accordion-section {
  margin: 0px;
}
/*----- Section Titles -----*/
.accordion-section-title {
  width: 100%;
  padding: 25px 0;
  padding-right: 44px;
  display: inline-block;
  transition: all linear 0.15s;
  color: #000;
  font-size: 24px;
  line-height: 32px;
  background-image: url("images/ico-acordeon-2.png");
  background-position: center right 15px;
  right: 5px;
  background-repeat: no-repeat;
  font-weight: 700;
  text-align: left;
  border-bottom: 1px solid #000;
}
.accordion-section-title:hover {
  text-decoration: none; /*color:var(--color-amarillo); */
}
.accordion-section-title.active {
  border: none;
  padding-bottom: 0;
  color: #000;
  background-image: url("images/ico-acordeon-1.png");
  background-position: center right 15px;
  background-repeat: no-repeat;
}
.faqs .accordion-section-title .numero {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  margin-bottom: 5px;
}
.accordion-section:last-child {
  border-bottom: none;
}
.accordion-section-content {
  padding: 20px 0 15px 0;
  display: none;
  text-align: justify;
  color: #fff;
  border-bottom: 1px solid #000;
}
.accordion-section-content P {
  text-align: justify;
  color: #000;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
}

.accordion-white .accordion-section-title {
  color: #ffffffe0;
  background-image: url("images/ico-acordeon-2-white.png");
  border-bottom: 1px solid #ffffffe0;
}
.accordion-white .accordion-section-title.active {
  border: none;
  color: #fff;
  background-image: url("images/ico-acordeon-2-white.png");
}
.accordion-white .accordion-section-content {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.accordion-white .accordion-section-content P {
  color: #fff;
}

.tabla {
  width: 100%;
  text-align: left;
}
.tabla tr th {
  background-color: #0e263b;
  color: #ffffff;
  height: 30px;
}
.tabla tr:nth-of-type(odd) {
  background-color: #ececec;
}
.tabla tr:nth-of-type(even) {
  xxbackground-color: #006699;
}
.tabla th,
.tabla td {
  padding: 8px;
  vertical-align: middle;
}
.tabla P {
  margin: 5px;
}

.tabla-responsive {
  width: 100%;
  border-collapse: collapse;
}
/*.tabla-responsive tr:nth-of-type(odd) { background: #E7E7E7B2; }*/
.tabla-responsive th {
  background: #f2f4f7;
  padding: 8px;
  text-align: left;
}
.tabla-responsive tr {
  border-bottom: 1px solid #e7e7e7;
}
.tabla-responsive td {
  padding: 20px 8px;
  text-align: left;
  line-height: 22px;
}
.tabla-responsive A {
  text-decoration: underline;
}
.tabla-responsive A.boton {
  text-decoration: none;
}
@media only screen and (max-width: 820px),
  (min-device-width: 820px) and (max-device-width: 1024px) {
  .tabla-responsive,
  .tabla-responsive thead,
  .tabla-responsive tbody,
  .tabla-responsive th,
  .tabla-responsive td,
  .tabla-responsive tr {
    display: block;
  }
  .tabla-responsive thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .tabla-responsive tr {
    padding-top: 12px;
  }
  .tabla-responsive td {
    position: relative;
    padding: 0 0 12px 86px;
    font-size: 14px;
  }
  .tabla-responsive td:before {
    position: absolute; /*top: 20px*/
    left: 8px;
    width: 70px;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
  }
}

.tabla-responsive.striped tr:nth-of-type(odd) {
  background: #e7e7e7b2;
}
.tabla-responsive .options {
  position: relative;
  text-align: right;
}
.tabla-responsive .options .acciones {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  display: none;
}
.tabla-responsive .options:hover .acciones {
  display: flex !important;
}
.tabla-responsive .acciones .accion {
  display: flex;
  padding: 4px 0px 12px 0px;
  align-items: center;
  gap: 8px;
  align-self: stretch; /*border-bottom: 1px solid #E7E7E7;*/
  width: max-content;
}
.tabla-responsive .acciones .accion:hover {
  color: #a70606;
  text-decoration: none;
}
.tabla-responsive .acciones .accion:last-child {
  border: none;
  padding-bottom: 4px;
}

.redondeado {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.redondeado-2 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.transparente {
  background-color: rgba(256, 256, 256, 0.85);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8cFFFFFF', endColorstr='#8cFFFFFF');
}
.dashed {
  border: 1px dashed #cccfcf;
}

.boton {
  text-align: center;
  line-height: 28px;
  border-width: 2px;
  border-radius: 16px;
  margin: 0px;
  letter-spacing: 0px;
  font-weight: 500;
  font-size: 18px;
  background: transparent;
  color: #0e263b;
  width: auto;
  user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  border: 2px solid #0e263b;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 40px;
  gap: 8px;
  flex: none;
  flex-grow: 0;
  transition: ease-in-out 0.2s;
  -webkit-transition: ease-in-out 0.2s;
  -moz-transition: ease-in-out 0.2s;
  -ms-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
}
.boton:hover {
  background: #000000 !important;
  color: #ffffff !important;
  cursor: pointer;
  text-decoration: none;
}

.boton.boton-negro {
  color: #ffffff;
  border: 2px solid #000000;
  background-color: #000;
}
.boton.boton-negro:hover,
.boton.boton-negro:focus {
  background: #a70606 !important;
  color: #ffffff !important;
  cursor: pointer;
  border-color: #a70606;
}

.boton.boton-blanco {
  color: #000000;
  border: 2px solid #ffffff;
  background-color: #ffffff;
}
.boton.boton-blanco:hover,
.boton.boton-blanco:focus {
  background: transparent !important;
  color: #ffffff !important;
  cursor: pointer;
  border-color: #ffffff;
}
.boton.borde-blanco {
  border-color: var(--color-blanco);
  color: var(--color-blanco);
}
.boton.borde-blanco:hover,
.boton.borde-rojo:focus {
  background: var(--color-blanco) !important;
  color: #000 !important;
}

.boton.boton-azul {
  color: #fff;
  border: 2px solid var(--color-azul);
  background-color: var(--color-azul);
}
.boton.boton-azul:hover,
.boton.boton-azul:focus {
  background: #fff !important;
  color: var(--color-azul) !important;
  cursor: pointer;
}

.boton.boton-gris {
  color: #fff;
  border: 2px solid #929292;
  background-color: #929292;
}
.boton.boton-gris:hover,
.boton.boton-gris:focus {
  background: #a70606 !important;
  color: #fff !important;
  cursor: pointer;
  border-color: #a70606;
}

.boton.boton-rojo {
  color: #fff;
  border: 2px solid #a70606;
  background-color: #a70606;
}
.boton.boton-rojo:hover,
.boton.boton-rojo:focus {
  background: #000 !important;
  color: #fff !important;
  cursor: pointer;
  border-color: #000;
}
.boton.borde-rojo {
  border-color: #a70606;
  color: #a70606;
}
.boton.borde-rojo:hover,
.boton.borde-rojo:focus {
  background: #a70606 !important;
}

.boton.boton-traslucido {
  background-color: rgba(255, 255, 255, 0.4);
  border: none;
  color: #ffffff;
  margin-top: 0px;
  line-height: 20px;
  border-width: 2px;
  margin: 0px;
  padding: 4px 20px;
  letter-spacing: 0px;
  font-weight: 500;
  font-size: 12px;
}
.boton.sm {
  padding: 6px 24px;
  font-size: 16px;
  height: 40px;
}
.boton.boton-mini {
  line-height: 14px;
  border-width: 2px;
  margin: 0px;
  padding: 6px 10px;
  letter-spacing: 0px;
  font-weight: 500;
  font-size: 13px;
}
.boton.boton-xs {
  display: flex;
  padding: 6px 24px;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  line-height: 28px;
}
.boton.boton-xl {
  line-height: 22px;
  border-width: 2px;
  margin: 0px 5px;
  padding: 24px 50px;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 400;
  height: 80px;
  display: inline-flex;
  flex-direction: row;
  align-content: baseline;
}
.boton.boton-xl SUP {
  vertical-align: sub;
  font-size: 11px;
  margin-bottom: 6px;
}
.boton.disabled,
.boton.disabled:hover {
  background-color: #999999 !important;
  border-color: #999999 !important;
  cursor: auto;
}
.boton.disabled:hover IMG {
  opacity: 1 !important;
}
.boton.boton-cuadrado {
  border-radius: 0;
}
.boton-redondo {
  height: 70px;
  width: 70px;
  border-radius: 90px;
  background: #ffffff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.boton-block {
  display: block;
}
.boton-icon {
  border-radius: 14px;
  display: inline-flex;
  padding: 10px;
  align-items: flex-start;
  gap: 10px;
}
.boton-icon2 {
  display: inline-flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
textarea,
select {
  border: 1px solid #cccfcf;
  border-radius: 16px;
  color: inherit;
  background: transparent;
  outline: none;
  width: 100%;
  font-family: inherit;
  font-size: 15px;
  padding: 16px;
  margin: 0px;
  line-height: normal;
}

.form-inline input[type="text"],
.form-inline input[type="number"],
.form-inline textarea,
.form-inline select {
  width: auto;
  display: inline-block;
}

.form-control.error {
  border-width: 2px;
  border-color: #fd0330;
  outline: 0;
}
P.error {
  color: #fd0330;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  display: flex;
  gap: 9px;
}

.form-control {
  display: block;
  width: 100%;
  padding: 9px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #5e6278;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #cccfcf;
  appearance: none;
  border-radius: 16px;
  box-shadow: false;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #000;
  min-height: 45px;
}
.form-control:focus {
  color: var(#5e6278);
  background-color: #ffffff;
  border-color: var(--color-azul);
  outline: 0;
  box-shadow: false, 0 0 0 0.25rem rgba(var(--color-azul), 0.25);
  outline: 1px solid var(--color-azul);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: #a1a5b7;
  opacity: 1;
}
.form-control:disabled {
  color: #a1a5b7;
  background-color: #f4f4f4;
  border-color: #e1e3ea;
  opacity: 1;
}
.form-floating {
  position: relative;
}
.form-floating::before:not(.form-control:disabled) {
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(
    100% - (calc(calc(0.375em + 0.3875rem) + calc(0.75em + 0.775rem)))
  );
  height: 1.875em;
  content: "";
  background-color: #fff;
  border-radius: 16px;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  /*height: calc(3.75rem + 2px);*/
  line-height: 28px;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 9px 16px;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  color: #999;
  border-radius: 10px;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 9px 16px;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
	/*.form-floating > .form-control-plaintext:focus,.form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 0.85rem; padding-bottom: 0.625rem;}*/
	.form-floating > .form-control:-webkit-autofill,.form-floating > .form-control-plaintext:-webkit-autofill {
  background-color: #fff !important;
}
.form-floating > .form-select {
  padding-top: 1.85rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-1.5rem) translateX(0.55rem);
  background: #fff;
  width: auto;
  padding: 0 10px;
  height: auto;
  top: 10px;
  color: #000;
}
.form-floating > .form-control:-webkit-autofill ~ label {
  background-color: #ffffff;
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}
.form-floating > .form-control:disabled ~ label {
  color: #7e8299;
}
.form-floating .form-select {
  padding-top: 0.85rem !important;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}

textarea.form-control {
  height: auto !important;
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 11'%3e%3cpath fill='black' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M2.00015 0.585815L10.0002 8.58582L18.0002 0.585815L19.4144 2.00003L10.7073 10.7071C10.3167 11.0977 9.68357 11.0977 9.29304 10.7071L0.585938 2.00003L2.00015 0.585815Z'/%3e%3c/svg%3e");
  /*--bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2350cd89' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");*/
  display: block;
  width: 100%;
  padding: 16px;
  -moz-padding-start: calc(1rem - 3px);
  font-size: 16px;
  font-weight: 500;
  color: #5e6278;
  background-color: #ffffff;
  background-image: var(--bs-form-select-bg-img),
    var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 12px;
  border: 1px solid #cccfcf;
  border-radius: 16px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: var(#b5b5c3);
  outline: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075),
    0 0 0 0.25rem rgba(#009ef7, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 1rem;
  background-image: none;
}
.form-select:disabled {
  color: #a1a5b7;
  background-color: #f4f4f4;
  border-color: #e1e3ea;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #5e6278;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"] {
  background-size: 60% 60%;
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 2.25rem;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -2.25rem;
}
.form-check-reverse {
  padding-right: 2.25rem;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -2.25rem;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: #fff;
  width: 20px;
  height: 20px;
  margin-top: -0.125rem;
  vertical-align: top;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #e1e3ea;
  appearance: none;
  print-color-adjust: exact;
}
.form-check-input[type="checkbox"] {
  border-radius: 4px;
}
.form-check-input[type="radio"] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #b5b5c3;
  outline: 0;
  box-shadow: none;
}
.form-check-input:checked {
  background-color: #a70606;
  border-color: #a70606;
}
.form-check-input:checked[type="checkbox"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 4 4'%3e%3ccircle r='2.0' fill='%23ff4e3f'/%3e%3c/svg%3e");
  background-color: #ffffff;
  border-color: #a70606;
}

.form-check-input[type="checkbox"]:indeterminate {
  background-color: var(--bs-component-checked-bg);
  border-color: var(--bs-component-checked-bg);
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='var%28--bs-component-checked-color%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-check-label {
  color: #000;
}

.form-check-input:checked ~ label {
  font-weight: bold !important;
}

/*  tags */
div.inputTags-list {
  width: 100%;
}
div.inputTags-list,
div.inputTags-list span.inputTags-item {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
}
div.inputTags-list span.inputTags-item {
  background-color: #3748f5;
  border-radius: 8px;
  color: #fff;
  margin: 2px;
  opacity: 1;
  padding: 3px 22px 4px 8px;
  position: relative;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
div.inputTags-list span.inputTags-item.is-edit {
  display: none;
}
div.inputTags-list span.inputTags-item.is-hidden {
  display: none !important;
}
div.inputTags-list span.inputTags-item.is-exists {
  background-color: rgba(231, 76, 60, 0.7);
}
div.inputTags-list span.inputTags-item span.value {
  cursor: pointer;
}
div.inputTags-list span.inputTags-item i {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transition: color 0.2s;
  -khtml-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  z-index: 10;
}
div.inputTags-list span.inputTags-item img {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transition: color 0.2s;
  -khtml-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  z-index: 10;
  filter: invert();
}
div.inputTags-list span.inputTags-item i:hover {
  opacity: 0.5;
}
div.inputTags-list span.inputTags-item img:hover {
  opacity: 0.5;
}
div.inputTags-list input.inputTags-field {
  background-color: transparent;
  border: none;
  margin-left: 4px;
  display: inline-block;
  width: auto;
  padding: 0;
  line-height: 28px;
  border-radius: 0;
}
div.inputTags-list input.inputTags-field:active,
div.inputTags-list input.inputTags-field:focus {
  outline: 0;
}
div.inputTags-list input.inputTags-field.is-edit {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px dashed #c4c4c4;
  border-radius: 8px;
  margin: 0 2px;
  padding: 0px 8px 0px;
}
div.inputTags-list ul.inputTags-autocomplete-list {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  list-style-type: none;
  margin: 0;
  max-height: 192px;
  opacity: 0;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  -webkit-transform: scaleY(0);
  -khtml-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  -khtml-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -webkit-transition-duration: 0.2s;
  -khtml-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  z-index: 100;
}
div.inputTags-list ul.inputTags-autocomplete-list.is-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  -khtml-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
}
div.inputTags-list ul.inputTags-autocomplete-list li {
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  padding: 0 16px;
  -webkit-transition-duration: 0.3s;
  -khtml-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.2s;
  -khtml-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
div.inputTags-list ul.inputTags-autocomplete-list li:last-child {
  border: none;
}
div.inputTags-list ul.inputTags-autocomplete-list li:hover {
  background-color: var(--color-azul);
  color: #fff;
}
div.inputTags-list ul.inputTags-autocomplete-list li.is-disabled {
  background-color: #f7f7f7;
  color: initial;
  cursor: default;
}
p.inputTags-error {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #fd0330;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  margin: 0;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  padding: 3px 42px 4px 8px;
}
p.inputTags-error:first-of-type {
  margin-top: 8px;
}
p.inputTags-error:after {
  content: "\000D7";
  font-size: 24px;
  position: absolute;
  right: 0.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

UL.list-red-bullets {
  list-style: none;
  text-align: left;
}
UL.list-red-bullets LI {
  margin-right: 1.1em;
}
UL.list-red-bullets LI::before {
  content: "\2022";
  color: #a70606;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

UL.list-no-style {
  padding: 0;
}
UL.list-no-style LI {
  list-style: none;
  margin-bottom: 10px;
}

.listado-checks {
  padding: 0;
}
UL.listado-checks LI {
  background: url("images/ico-check.png") no-repeat left top;
  background-size: 24px 24px;
  padding-left: 30px;
  list-style: none;
  margin-bottom: 10px;
}
UL.listado-checks.checks-negro LI {
  background: url("images/ico-check-negro.png") no-repeat left top;
  background-size: 24px 24px;
  padding-left: 30px;
  list-style: none;
  margin-bottom: 6px;
  line-height: 26px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
input:checked + .slider {
  background-color: var(--color-azul);
}
input:focus + .slider {
  box-shadow: 0 0 1px var(--color-azul);
}
input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}

.row {
  overflow: auto;
}
.columna_100 {
  width: 100%;
  float: left;
}
.columna_90 {
  width: 90%;
  float: left;
}
.columna_85 {
  width: 85%;
  float: left;
}
.columna_80 {
  width: 80%;
  float: left;
}
.columna_70 {
  width: 70%;
  float: left;
}
.columna_60 {
  width: 60%;
  float: left;
}
.columna_50 {
  width: 50%;
  float: left;
}
.columna_48 {
  width: 48%;
  float: left;
}
.columna_40 {
  width: 40%;
  float: left;
}
.columna_33 {
  width: 33.333%;
  float: left;
}
.columna_35 {
  width: 35%;
  float: left;
}
.columna_30 {
  width: 30%;
  float: left;
}
.columna_25 {
  width: 25%;
  float: left;
}
.columna_20 {
  width: 20%;
  float: left;
}
.columna_16 {
  width: 16.666%;
  float: left;
}
.columna_15 {
  width: 15%;
  float: left;
}
.columna_10 {
  width: 10%;
  float: left;
}
.columna_5 {
  width: 5%;
  float: left;
}

.fecha {
  font-size: 14px;
  color: #aaaaaa;
  line-height: 30px;
}
/*.icono{padding-top:4px; padding-bottom:4px; color:#FFFFFF; font-size:13px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width:22px; text-align:center; margin-right:6px;} */

/*** VARIOS ***/
/* en degradado: oscuro: 0f1e44  claro: 0b72b5 medio: 155c97*/
.txt-azul {
  color: var(--color-azul) !important;
}
.txt-verde {
  color: var(--color-verde) !important;
}
.txt-amarillo {
  color: var(--color-amarillo) !important;
}
.txt-rojo {
  color: #a70606 !important;
}
.txt-gris {
  color: #8b8d8d !important;
}
.txt-gris-oscuro {
  color: #404142;
}

.txt-negro {
  color: #000000 !important;
}
.txt-blanco {
  color: #ffffff !important;
}
.txt {
  color: #333333;
}
.txt-punteado {
  text-decoration: none;
  border-bottom: 1px dotted;
}
A.txt-punteado:hover {
  text-decoration: none;
}

.borde {
  border: 1px solid #d1d1d1;
}

.bg-azul {
  background-color: var(--color-azul) !important;
}
.bg-verde {
  background-color: var(--color-verde) !important;
}
.bg-amarillo {
  background-color: var(--color-amarillo) !important;
}
.bg-rojo {
  background-color: #a70606 !important;
}
.bg-blanco {
  background-color: #ffffff !important;
}
.bg-gris {
  background: var(--grey_background, #f2f4f7);
}
.bg-gris-claro {
  background-color: #cccfcf4d;
}
.bg-gris-claro-2 {
  background-color: #eceeed;
}
.bg-negro {
  background-color: #000000 !important;
}
.bg-transparente {
  background-color: transparent !important;
}

.borde-negro {
  border-color: #000000 !important;
}

.txt-2-5 {
  font-size: 2.5em;
}
.txt-2 {
  font-size: 2em !important;
  line-height: 1.3em;
}
.txt-1-5 {
  font-size: 1.5em !important;
  line-height: 1.3em;
}
.txt-1-4 {
  font-size: 1.4em;
}
.txt-1-3 {
  font-size: 1.3em !important;
}
.txt-1-2 {
  font-size: 1.2em !important;
  line-height: 1.2em;
}
.txt-1-1 {
    font-size: 1.1em !important;
    margin: 0px 0px 15px;
}
.txt-09 {
  font-size: 0.9em !important;
}
.txt-08 {
  font-size: 0.8em !important;
}
.txt-05 {
  font-size: 0.5em;
}

a img {
  border: none;
}
a img:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

@media (max-width: 1433px) {
  .privado .creador-hero .hero {
    padding-left: 58px;
  }

  .privado.mis-obras .busqueda {
    width: Calc(100% - (100% - 1280px) / 2 - 90px);
    margin-left: 90px;
  }
  .privado.mis-obras .busqueda .cuerpo {
    width: 100%;
  }

  .privado.mis-obras .not-hero {
    width: Calc(100% - 100px);
    margin-left: 90px;
  }
  .privado.mis-obras .not-hero .cuerpo {
    width: 100%;
  }

  .privado.mis-obras .pie {
    width: Calc(100%);
    padding: 0 10px 0 90px;
  }
  .privado.mis-obras .pie .cuerpo {
    width: 100%;
  }
  .privado.mis-obras .banda-newsletter {
    padding: 40px 10px 40px 90px;
  }
  .privado.mis-obras .banda-newsletter .cuerpo {
    width: 100%;
  }
}

@media (min-width: 1284px) and (max-width: 1375px) {
  .privado .creador-hero .hero {
    padding-left: 78px;
  }
}
@media (max-width: 1284px) {
  .cuerpo {
    width: 1150px;
    margin: auto;
  }
  .artista-sobre .separacion-izquierda,
  .zona-creador {
    width: 450px;
  }
  .banda-creador-contenido {
    width: Calc(100% - 450px);
  }
  .artista-sobre-banda {
    max-width: Calc(100% - (100% - 1150px) / 2 - 450px);
  }

  .zona-obra {
    left: Calc(100% - 450px);
  }
  .obra .obra-sobre .separacion-derecha,
  .obra .artista-sobre .separacion-derecha,
  .zona-obra {
    width: 450px;
  }
  .obra-sobre-banda {
    max-width: Calc(100% - (100% - 1150px) / 2 - 450px);
  }
  .obra .artista-sobre-banda {
    max-width: Calc(100% - (100% - 1150px) / 2 - 450px);
  }
  .obra-sobre-contenido,
  .obra .artista-sobre-contenido {
    padding: 104px 32px 104px 32px;
  }

  .modal-obra .obra-datos {
    margin: 72px 56px 72px 56px;
  }
  .modal-obra .obra-licencias {
    padding: 160px 56px 126px 56px;
    width: auto;
  }

  .privado.scroller .busqueda {
    padding-left: 58px;
  }
  .privado .creador-hero .hero {
    padding-left: 78px;
  }

  .privado.mis-obras .busqueda {
    width: Calc(100% - (100% - 1150px) / 2 - 90px);
    margin-left: 90px;
  }
  .privado.mis-obras .busqueda .cuerpo {
    width: 100%;
  }
}

@media (min-width: 1025px) and (max-width: 1150px) {
  .cuerpo {
    width: 95%;
    margin: auto;
  }
  .logo IMG {
    width: 150px;
    margin-right: 10px;
  }
  .submenu.smaller {
    top: 55px;
  }

  .obra-sobre-contenido .imagen-contenedor {
    width: 100%;
    padding: 0 32px;
  }
  .privado .creador-hero .hero {
    padding-left: 58px;
  }
  .privado .pre-bola {
    margin-right: 10px;
  }
}

@media (min-width: 1024px) {
  .smaller .idiomas li A {
    height: initial !important;
    line-height: initial !important;
  }
}
@media (max-width: 1024px) {
  HEADER {
    padding-bottom: 10px;
  }
  .logo IMG {
    width: 150px;
  }
  .cuerpo {
    width: 95%;
    margin: auto;
  }

  /*.header-bar .navegacion li { display: inline-block; margin-left:0px;}*/
  .header-bar .navegacion .megamenu UL LI {
    display: block;
  }
  .header-bar .buscador {
    max-width: 250px;
  }
  .header-bar-user .name {
    max-width: 106px;
  }

  .busqueda-resultado .obras-listado .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .artista-sobre .separacion-izquierda,
  .zona-creador {
    width: 436px;
  }
  .banda-creador-contenido {
    width: Calc(100% - 436px);
  }
  .artista-sobre-banda {
    max-width: Calc(95% - (95% - 1150px) / 2 - 436px);
    overflow: hidden;
  }
  .artista-sobre-contenido {
    padding-right: 32px;
  }
  .artista-sobre-descripcion {
    flex-direction: column;
  }
  .artista-sobre .descripcion,
  .artista-sobre .foto {
    width: 100%;
  }

  .zona-obra {
    left: Calc(100% - 436px);
  }
  .obra .obra-sobre .separacion-derecha,
  .obra .artista-sobre .separacion-derecha,
  .zona-obra {
    width: 436px;
  }
  .obra-sobre-banda {
    max-width: Calc(100% - (100% - 920px) / 2 - 436px);
  }
  .obra .artista-sobre-banda {
    max-width: Calc(100% - (100% - 920px) / 2 - 436px);
  }
  .obra-sobre-contenido,
  .obra .artista-sobre-contenido {
    padding: 104px 32px 104px 32px;
  }
  .obra-sobre-contenido .imagen-contenedor {
    width: 100%;
    padding: 0 32px;
  }

  .artista-sobre .reconocimientos {
    display: grid;
  }

  .modal-obra .modal {
    overflow: scroll;
  }
  .modal-obra .modal-cerrar {
    margin-bottom: 44px;
  }
  .modal-obra .imagen-contenedor {
    width: 344px;
    height: 261px;
  }
  .modal-obra .imagen-contenedor IMG {
    width: 344px;
    height: 261px;
    margin: auto;
  }
  .modal-obra .obra-datos {
    margin: 24px 23px 40px 23px;
  }
  .modal-obra .obra-licencias {
    padding: 56px;
    height: auto;
  }
  .modal-obra .obra-nombre {
    font-size: 20px;
    line-height: 20px;
  }
  .modal-obra .obra-licencias .titular {
    font-size: 20px;
    line-height: 20px;
  }
  .modal-obra .obra-licencias .titular-opciones {
    font-size: 18px;
    line-height: 20px;
  }
  .modal .modal-pasos .paso {
    display: none;
  }
  .modal .modal-pasos .paso.activo {
    display: block;
  }

  .privado .pre-bola {
    margin-right: 10px;
  }
}

@media (max-width: 900px) and (orientation: landscape) {
  html,
  body {
    padding-top: 30px;
  }
  .pc {
    display: none !important;
  }
  .movil {
    display: block !important;
  }
  .cuerpo {
    width: 90%;
    margin: auto;
  }
  .smaller {
    position: relative;
  }

  HEADER {
    position: relative;
    top: 0px;
    margin-top: 0px;
    padding: 0;
  }
  HEADER.smaller {
    padding: 0;
  }
  HEADER .cuerpo {
    width: 100%;
  }
  HEADER,
  HEADER.smaller {
    position: fixed;
    width: 100%;
    z-index: 15;
    margin-top: 0;
    background: #fff;
  }

  .logo IMG {
    width: 140px;
  }
  .logo {
    float: none;
  }
  #mostrarmenu {
    display: block;
  }
  #mostrarmenu A {
    color: #000;
  }

  .header-bar {
    justify-content: space-between;
    sposition: absolute;
    height: auto;
    min-height: 60px;
  }

  .header-bar .navegacion {
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
    box-shadow: 0px 4px 12px 12px rgba(0, 0, 0, 0.08);
    height: 60px;
    z-index: 99;
  }
  .header-bar .navegacion UL {
    margin: auto;
  }
  .header-bar .navegacion UL LI {
    padding: 15px 0;
    margin: 0 14px !important;
  }
  .header-bar .navegacion LI.activo A.navegacion-link::before {
    bottom: -20px;
  }
}

@media (max-width: 820px) {
  .dropdown-content {
    display: block;
    position: relative !important;
    clear: both;
    box-shadow: none;
    margin: 0px;
    white-space: inherit;
  }
  .dropdown-content a {
    padding: 0px 4px !important;
    font-weight: 100 !important;
  }

  .logo {
    float: none;
    padding: 10px 0 0 0;
    width: auto;
  }
  #mostrarmenu {
    display: block;
  }
  #mostrarmenu A {
    color: #000;
  }

  .compartir-wa {
    display: block !important;
  }
  .separacion {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  html,
  body {
    padding-top: 30px;
  }
  .cookies {
    width: auto;
    background-color: rgba(14, 38, 59, 0.95);
  }
  .pc {
    display: none !important;
  }
  .movil {
    display: block !important;
  }
  blockquote {
    margin-left: 15px;
  }
  .cuerpo {
    width: Calc(100% - 48px);
    margin: auto;
  }
  .chat {
    bottom: 10px;
    right: 5px;
    padding: 8px;
  }
  .redes {
    bottom: 55px;
    right: 2px;
  }

  HEADER {
    position: relative;
    top: 0px;
    margin-top: 0px;
    padding: 0;
  }
  HEADER.smaller {
    padding: 0;
  }
  HEADER .cuerpo {
    width: 100%;
  }
  HEADER,
  HEADER.smaller {
    position: fixed;
    width: 100%;
    z-index: 15;
    margin-top: 0;
    background: #fff;
    box-shadow: none;
    border-bottom: 1px solid #cccfcf;
  }

  .smaller,
  .interior .smaller {
    position: relative;
    width: 100%;
    z-index: 15;
    margin-top: 0;
  }
  .smaller .nav li,
  .smaller .nav li A {
    color: #fff;
  }
  .subir {
    bottom: 65px;
  }

  .header-bar-banda {
    box-shadow: none;
  }
  .header-bar {
    justify-content: space-between;
    sposition: absolute;
    height: auto;
    min-height: 68px;
  }
  .header-top {
    order: 3;
  }
  .header-top .nav-superior {
    width: 100%;
    flex-direction: column;
    padding: 0;
  }
  .header-top .nav-superior UL {
    width: 100%;
    padding: 23px 32px !important;
  }
  .header-top .nav-superior li {
    text-align: left;
    padding: 24px 0 0 0;
    margin: 0 !important;
    display: block;
  }
  .nav-superior li:first-child {
    padding-top: 0;
  }
  .nav-superior li A {
    padding: 0px;
    color: #fff !important;
  }
  .nav-superior li.activo A {
    color: #a70606;
  }
  .nav-superior li:hover::before,
  .nav-superior li.activo::before {
    display: none;
  }

  .header-top .nav-superior .idiomas {
    text-align: left;
    width: 100%;
    padding: 23px 32px;
    border-top: 1px solid #cccfcf;
    display: flex;
    gap: 16px;
    align-items: center;
  }
  .header-top .nav-superior .idiomas A {
    color: #fff !important;
    display: inline-block !important;
  }

  .header-bar {
    flex-direction: column;
  }
  .header-bar .container {
    flex-direction: column;
    width: 100%;
    gap: 0;
    display: none;
  }
  
  /*.header-bar .navegacion{ position: fixed;bottom: 0; background: #fff; width: 100%; box-shadow: 0px 4px 12px 12px rgba(0, 0, 0, 0.08); height: 60px; z-index: 99}*/
  .header-bar .navegacion {
    background: #fff;
    width: 100%;
    border-top: 1px solid #cccfcf;
    height: auto;
    z-index: 99;
    order: 2;
    display: none;
  }
  .header-bar .navegacion UL {
    margin: auto;
    width: 100%;
    padding: 23px 32px;
  }
  .header-bar .navegacion UL LI {
    padding-bottom: 24px;
    margin: 0 !important;
    display: block;
  }
  .header-bar .navegacion UL LI:last-child {
    padding-bottom: 0;
  }
  .header-bar .navegacion LI.activo A.navegacion-link::before {
    bottom: -20px;
  }
  .header-bar .navegacion UL LI A {
    font-size: 14px;
    line-height: 24px;
  }
  .header-bar .navegacion .division {
    height: 1px;
    width: 100% !important;
  }

  .header-bar-user {
    display: none;
    height: auto;
    justify-content: flex-start;
  }
  .header-bar-user .user {
    display: none;
  }
  .header-bar-user .profile {
    display: block;
    position: relative;
    width: 100%;
    top: auto;
    right: auto;
    font-size: 16px;
    line-height: 16px;
    box-shadow: none;
    border-top: 1px solid #cccfcf;
  }

  .header-bar-user UL {
    padding: 0;
    text-align: left;
  }
  .header-bar-user .navegacion li {
    margin-left: 15px;
    vertical-align: middle;
    display: inline;
  }
  .movil-header-bar-user .navegacion li:first-child {
    margin-left: 0;
  }
  .header-bar-user .navegacion li A {
    color: #000;
  }
  .header-bar-user .navegacion .separacion {
    border-bottom: 1px solid #cccfcf;
    height: 1px;
    border-right: 0;
  }
  .header-bar-user .foto {
    position: relative;
  }
  .header-bar-user .foto IMG {
    border-radius: 90px;
    width: 40px;
    height: 40px;
  }
  .header-bar-user .user .foto .alerta {
    width: 12px;
    height: 12px;
    background: #25c318;
    position: absolute;
    right: -8px;
    top: -8px;
    border-radius: 50px;
  }
  .header-bar-user .name {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
  }

  .header-bar-user .profile .data {
    text-align: left;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    border-bottom: 1px solid #cccfcf;
    padding: 23px 0;
    margin: 0 14px !important;
    border-right: 0;
  }
  .header-bar-user .profile .data-user {
    flex-direction: row;
    gap: 16px;
  }
  .header-bar-user .profile .foto,
  .header-bar-user .profile .foto IMG {
    border-radius: 90px;
    width: 80px;
    height: 80px;
    margin: 0;
  }
  .header-bar-user .profile .name {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 0px;
  }
  .header-bar-user .profile .email {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
  }
  .header-bar-user .profile .profile-menu {
    padding: 0;
  }
  .header-bar-user .profile UL {
    padding: 23px 32px;
  }
  .header-bar-user .profile li {
    vertical-align: middle;
    display: flex;
    min-width: 190px;
    position: relative;
  }
  .movil-header-bar-user .profile li:last-child {
    margin-bottom: 0;
    padding: 16px 0 0 0;
  }
  .header-bar-user .profile A {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 24px;
  }
  .header-bar-user .profile A:hover {
    color: #a70606;
  }
  .header-bar-user .profile li IMG {
    margin-right: 18px;
  }
  .header-bar-user .profile li.separacion-gris {
    margin: 15px 0;
  }
  .header-bar-user .profile li A:hover {
    color: var(--color-azul);
  }
  .header-bar-user .profile li SVG {
    vertical-align: middle;
    margin-right: 18px;
  }
  .header-bar-user .profile li:hover SVG {
    fill: var(--color-azul) !important;
  }
  .header-bar-user .profile .boton {
    display: inline-block;
    color: #fff;
    padding: 6px 24px;
    gap: 8px;
    font-size: 16px;
    line-height: 28px;
    margin: 0;
  }

  .header-bar-user .profile li .alerta {
    width: 8px;
    height: 8px;
    background: #25c318;
    position: absolute;
    left: -14px;
    top: 12px;
    border-radius: 50px;
  }

  .submenu li {
    margin-right: 6px;
  }

  .hero {
    flex-direction: column;
    min-height: 0;
  }
  .hero.slim {
    padding: 32px 0;
  }
  .hero .cuerpo {
    flex-direction: column;
    padding: 0;
  }
  .hero-image {
    display: none;
  }
  .hero .linea-amarilla {
    margin-left: 113px;
    margin-right: auto;
    height: 8px;
  }

  .hero .cabecera-contenido {
    padding: 65px 0 80px 0;
  }
  .hero .tit1 {
    font-size: 40px;
    line-height: 40px;
    padding: 0 15px;
  }
  .hero .description {
    padding: 15px;
  }
  .hero .boton {
    display: block;
  }

  .home-hero {
    flex-direction: column; /*min-height: Calc(100% - 100px);*/
    min-height: auto;
  }
  .home-hero .cuerpo {
    flex-direction: column;
    padding: 30px 0;
    padding-top: 112px;
  }
  .home-hero-image {
    display: none;
  }
  .home-hero .linea-amarilla {
    left: 113px;
    height: 8px;
    width: 100%;
    top: 64px;
  }
  .home-hero .tit1 {
    font-size: 40px;
    line-height: 40px;
    padding: 16px 16px 8px 16px;
  }
  .home-hero .description {
    padding: 8px 16px 16px 16px;
  }

  .hero.hero-img .cabecera-contenido {
    flex-direction: column-reverse;
    padding-top: 33px;
    padding-bottom: 40px;
  }
  .hero.hero-img .textos {
    position: relative;
  }
  .hero.hero-img .tit1 {
    padding: 0;
  }
  .hero-img .hero-image {
    display: none;
  }
  .hero.hero-img .textos P {
    margin-top: 16px;
  }
  .hero.hero-img .linea-blanca {
    display: none;
  }

  .float-hero {
    display: block;
  }
  .float-frame {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    padding-bottom: 50px;
    padding-top: 96px;
  }

  .float-frame .data .foto {
    width: 116px;
    height: 116px;
  }

  .nofloat-frame {
    width: 90%;
    margin: auto;
    min-width: 90%;
  }
  .nofloat-content {
    padding: 24px 0px 56px 0px;
  }

  .float-frame.smaller {
    position: fixed;
    top: 60px;
    height: auto;
    padding: 12px 0;
  }
  .float-frame.smaller .data {
    display: flex;
    flex-direction: row;
    text-align: left;
    gap: 12px;
    align-items: center;
    justify-content: center;
  }
  .float-frame.smaller .data .foto {
    width: 48px;
    height: 48px;
    margin: 0;
  }

  .ctas {
    flex-direction: column;
  }
  .ctas .contenedor {
    width: 100%;
  }
  .ctas .contenedor .textos {
    width: 100%;
  }

  .home-hero .linea-blanca {
    top: 64px;
    left: 113px;
    height: 8px;
    right: 0;
  }
  .home-destacados {
    gap: 23px;
    padding: 64px 0 56px;
  }
  .home-destacados .heading-M {
    font-size: 24px;
    line-height: 24px;
  }

  .home-beneficios {
    padding: 64px 15px;
  }
  .home-beneficios-intro {
    width: 100%;
    gap: 16px;
  }
  .home-beneficios .cuerpo {
    overflow: visible;
    flex-direction: column;
    padding: 0;
  }
  .home-beneficios-title {
    padding: 0;
    font-size: 40px;
    line-height: 40px;
  }
  .home-beneficios-descriptiones {
    width: 100%;
    margin-top: 40px;
    gap: 32px;
  }
  .home-beneficios-description {
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    gap: 8px;
  }

  .home-plataforma-1 {
    flex-direction: column;
  }
  .home-plataforma-1 .item {
    width: 100%;
  }
  .home-plataforma-2 {
    flex-direction: column;
  }
  .home-plataforma-2 IMG {
    margin: 0 !important;
  }

  .home-descubre .tarifas {
    flex-direction: column;
    justify-content: center;
    gap: 32px;
  }
  .home-descubre .tarifas .card-pricing {
    width: 100%;
  }
  .home .suscripcion .introduccion {
    margin-bottom: 30px;
  }

  .home-social-proof {
    padding: 64px 0 56px;
  }
  .home-social-proof .container {
    gap: 40px;
  }
  .home-social-proof .heading-M {
    font-size: 24px;
    line-height: 24px;
  }
  .home-social-proof .logos {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 214px;
    margin: auto;
  }

  .testimonial-section {
    padding: 64px 0 56px;
  }
  .testimonial-section .container {
    gap: 16px;
  }
  .testimonial-section .heading-M {
    font-size: 24px;
    line-height: 24px;
  }
  .testimonial-section .bodycopy-L {
    font-size: 16px;
    line-height: 26px;
  }

  .features-section {
    padding: 64px 0 56px;
  }
  .features-section .container {
    gap: 16px;
    flex-direction: column;
  }
  .features-section .heading-M {
    font-size: 24px;
    line-height: 24px;
  }
  .features-section .bodycopy-L {
    font-size: 18px !important;
    line-height: 28px !important;
    text-align: center;
    margin: auto;
    font-weight: 700;
  }
  .features-section .bodycopy-M {
    font-size: 16px !important;
    line-height: 26px !important;
    text-align: center;
    margin: auto;
  }
  .features-section .features {
    gap: 40px;
  }
  .features-section .feature .heading-S {
    font-size: 20px !important;
    line-height: 20px !important;
  }
  .features-section .feature .bodycopy-M {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .features-section .imagen {
    display: none;
  }

  .pago-profesional {
    padding: 64px 0 56px;
    gap: 40px;
  }
  .pago-profesional .planes {
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }
  .pago-profesional .container {
    gap: 16px;
    flex-direction: column;
  }
  .pago-profesional .intro .heading-M {
    font-size: 24px;
    line-height: 24px;
  }
  .pago-profesional .bodycopy-M {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .cta-section {
    padding: 64px 0 56px;
  }
  .cta-section .container {
    gap: 16px;
    flex-direction: column;
  }
  .cta-section .heading-M {
    font-size: 24px;
    line-height: 24px;
  }
  .cta-section .bodycopy-M-bold {
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
  }

  .faqs {
    padding: 64px 0 56px;
  }
  .faqs .heading-M {
    font-size: 24px;
    line-height: 24px;
  }
  .faqs .accordion-section-title .numero {
    font-size: 16px;
    line-height: 26px;
  }
  .faqs .accordion-section-title {
    font-size: 18px;
    line-height: 28px;
  }

  .accordion-section:first-child .accordion-section-title {
    border-top: 1px solid #ffffff55;
    margin-top: 40px;
  }
  .accordion-section-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
  }

  .ctas {
    height: auto;
  }
  .ctas .contenedor {
    height: auto;
    padding: 64px 23px 56px 23px;
  }
  .ctas .heading-M {
    font-size: 24px;
    line-height: 24px;
  }
  .ctas .bodycopy-M {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .banda-newsletter {
    padding: 64px 0;
    background: none !important;
  }
  .banda-newsletter .cuerpo {
    flex-direction: column;
    padding: 0;
  }
  .banda-newsletter-title {
    padding: 0;
    font-size: 24px;
    line-height: 24px;
  }
  .banda-newsletter-description {
    min-width: auto;
    width: 100%;
  }
  .banda-newsletter .separacion {
    display: inline;
  }
  .banda-newsletter-title P {
    font-size: 16px;
    line-height: 26px;
  }

  .banda-ia {
    flex-direction: column;
  }

  .float-frame.obra {
    padding-top: 36px;
    padding-bottom: 16px;
  }
  .float-frame.obra .data {
    padding: 32px;
  }
  .obra-column-options {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .obra-etiquetas-options {
    flex-direction: column;
  }
  .obra-etiquetas-options .option {
    max-width: 100%;
  }
  .obra-modificar-registro {
    flex-direction: column;
  }

  .creaciones-listado {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 16px;
  }
  .busqueda .creaciones-listado {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 16px;
  }
  .resultados-header-options {
    flex: auto;
  }

  .buscador-pagina {
    padding-top: 32px;
  }
  .busqueda-resultado {
    flex-direction: column;
    gap: 16px;
  }
  .busqueda-resultado .filtros {
    width: 100%;
    max-width: 100%;
    display: none;
    flex-direction: column;
  }
  .busqueda-resultado .obras-listado .grid {
    white-space: normal;
    overflow: auto;
    display: block;
  }
  .busqueda-resultado .obras-listado .card {
    width: 100%;
    margin: 0 0 24px 0;
  }
  .creadores .busqueda-resultado .obras-listado .card {
    /*max-width: 85%;*/
    margin: 0;
  }
  .busqueda-resultado .filtros-contenido {
    overflow: auto;
    padding-bottom: 16px;
  }
  .busqueda-resultado .filtros {
    position: fixed !important;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
  }
  .busqueda-resultado .filtros .categoria {
    padding: 0px;
    margin: 16px;
  }
  .busqueda-resultado .filtros .encabezado {
    margin: 0px;
    padding: 16px;
  }
  .busqueda-resultado .filtros .encabezado .nombre {
    margin: 0;
  }
  .busqueda-resultado .filtros.open {
    display: flex;
    padding-top: 0;
  }
  .privado.mis-obras .busqueda-resultado .filtros {
    padding-top: 0;
  }
  .busqueda-resultado .filtros.open SELECT {
    margin-bottom: 16px;
  }
  .busqueda-resultado .resultados {
    padding-top: 0;
    width: 100%;
  }

  .tipo-obras-listado {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 16px;
  }
  .tipo-obras-listado .card-destacado .text {
    left: 16px;
    bottom: 16px;
  }
  .tipo-obras-listado .card-destacado .heading-S {
    font-size: 16px;
    line-height: 16px;
  }
  .banda-beneficios .container {
    margin-bottom: 32px;
  }
  .beneficios-titular .heading-L {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 32px;
  }
  .beneficio {
    padding-left: 0;
  }
  .beneficio::before {
    left: auto;
    position: relative;
  }

  .tabs {
    padding-top: 32px;
    max-width: 100%;
    overflow-y: hidden;
  }
  .tabs ul {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: inherit !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    padding: 0 10px;
    -ms-overflow-style: none;
  }
  .tabs UL::-webkit-scrollbar {
    display: none;
  }
  .tabs.responsive {
    overflow-x: scroll;
  }
  .tabs.responsive ul {
    display: table;
     width: 100%;
    margin: 0;
    padding: 0;
  }
  .tabs.responsive::-webkit-scrollbar {
    display: none;
  }
  .tabs.responsive li {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    padding-left: 32px;
  }
  .tabs.responsive li:last-child {
    padding-right: 32px;
  }
  .tabs.responsive A {
    text-wrap: nowrap;
    padding-top: 0;
  }

  .not-hero .tabs {
    padding-top: 32px;
  }

  .slick-dotted.slick-slider {
    margin-bottom: 20px !important;
  }
  .slick-dots {
    display: none !important;
  }

  .frase .tit1 {
    font-size: 24px;
    line-height: 24px;
    padding-bottom: 0px;
  }
  .frase .tit2 {
    font-size: 25px;
    line-height: 30px;
  }
  .frase .tit3 {
    font-size: 16px;
    line-height: 26px;
  }
  .dos-columnas .bloque {
    padding: 20px;
    min-height: 300px !important;
  }
  .dos-columnas .tit1 {
    font-size: 25px;
  }

  .pie .pie-mapa-web {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pie .pie-mapa-web UL {
    margin-bottom: 20px;
  }
  .pie .credits {
    flex-direction: column;
    gap: 24px;
  }
  .pie .pie-copy {
    order: 2;
  }
  .pie .pie-logo {
    order: 1;
  }
  .pie .social-links {
    order: 3;
  }

  .interior-columna-1 {
    padding-right: 0px;
  }
  .interior-columna-2 {
    padding-left: 0px;
  }

  .pie {
    padding: 30px 0 80px 0;
  }

  .columna_90 {
    width: 100%;
    float: none;
  }
  .columna_80 {
    width: 100%;
    float: none;
  }
  .columna_70 {
    width: 100%;
    float: none;
  }
  .columna_40 {
    width: 100%;
    float: none;
  }
  .columna_33 {
    width: 100%;
    float: none;
  }
  .columna_35 {
    width: 100%;
    float: none;
  }
  .columna_30 {
    width: 100%;
    float: none;
  }
  .columna_25 {
    width: 100%;
    float: none;
  }
  .columna_20 {
    width: 100%;
    float: none;
  }
  .columna_10 {
    width: 100%;
    float: none;
  }
}

@media (max-width: 499px) {
  .cuerpo {
    width: Calc(100% - 48px);
    margin: auto;
  }
}

@font-face {
  font-family: "safecreators";
  src: url("../font/safecreators.eot?45923850");
  src: url("../font/safecreators.eot?45923850#iefix")
      format("embedded-opentype"),
    url("../font/safecreators.woff2?45923850") format("woff2"),
    url("../font/safecreators.woff?45923850") format("woff"),
    url("..//font/safecreators.ttf?45923850") format("truetype"),
    url("../font/safecreators.svg?45923850#safecreators") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "safecreators";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-check:before {
  content: "\e800";
} /* '' */
.icon-config:before {
  content: "\e801";
} /* '' */
.icon-download:before {
  content: "\e802";
} /* '' */
.icon-edit:before {
  content: "\e803";
} /* '' */
.icon-favorite:before {
  content: "\e804";
} /* '' */
.icon-info:before {
  content: "\e805";
} /* '' */
.icon-link:before {
  content: "\e806";
} /* '' */
.icon-mail:before {
  content: "\e807";
} /* '' */
.icon-more:before {
  content: "\e808";
} /* '' */
.icon-msn:before {
  content: "\e809";
} /* '' */
.icon-options:before {
  content: "\e80a";
} /* '' */
.icon-padlock:before {
  content: "\e80b";
} /* '' */
.icon-pin:before {
  content: "\e80c";
} /* '' */
.icon-place:before {
  content: "\e80d";
} /* '' */
.icon-share:before {
  content: "\e80e";
} /* '' */
.icon-share2:before {
  content: "\e80f";
} /* '' */
.icon-social:before {
  content: "\e810";
} /* '' */
.icon-trash:before {
  content: "\e811";
} /* '' */
.icon-view:before {
  content: "\e812";
} /* '' */
.icon-x:before {
  content: "\e813";
} /* '' */
.icon-search:before {
  content: "\e814";
} /* '' */
.icon-send:before {
  content: "\e815";
} /* '' */
.icon-dolar:before {
  content: "\e816";
} /* '' */
.icon-nft:before {
  content: "\e817";
} /* '' */
.icon-advert:before {
  content: "\e818";
} /* '' */

.bodycopy-XL {font-size: 48px;font-weight: 400;line-height: 64px;}
.max-width-500 { max-width: 500px; }
.heading-XXS,.heading-XS,.heading-S,.heading-M,.heading-L,
.modal-header, 
.modal-full.modal-wizard .paso-title,
.card-pricing .eur-mes {text-transform: uppercase;}
.home .heading-XXS,.home .heading-XS,.home .heading-S,.home .heading-M,.home .heading-L,
.home .card-pricing .eur-mes {text-transform: uppercase;}
.home-destacados {	gap:48px; }
.home-destacados .swiper-wrapper { padding-bottom: 0px; }
.home-social-proof .logos.wrap { flex-wrap: wrap; gap: 32px; }
.home-banda .card.fit-content {
	padding: 24px;
    width: fit-content;
    margin: auto;
    border: 1px solid #CCCFCF;
    border-radius: 24px;
}
.cabecera-contenido.mini{min-height: 250px !important;}
.padding_5 { padding: 5px !important; }
.justify-content-stretch { justify-content: stretch !important; }
img.icon { max-width: unset;}

.operatorRequestHelp {
	background:var(--grey_background, #F2F4F7);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	position: absolute; top: -32px; right: 0; 
	width: 350px; max-width: 100%;
	height: 54px;

	border: solid 1px #CCCFCF; 
	padding: 12px 20px;
	z-index: 1;
}
.operatorRequestHelp .dropdown-icon {
	margin-left: auto;
	padding-left: 16px;
}
.operatorRequestHelp .requirements {
	display: none;
}
.operatorRequestHelp .requirements-title {
	display: flex;
	align-items: center;
}
.operatorRequestHelp.open {
	width: 700px; 
	height: auto;
	padding-bottom: 20px;
}
.operatorRequestHelp.open .requirements {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

@media (max-width: 820px) {
    .tipo-obras-listado {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
	.operatorRequestHelp {
		position: relative; width: 100%;
	}
}

.form-check-input { border-color: #aaafaf;}
.barra-negra-oculta  header .bg-negro,
.barra-negra-oculta header .division-pre {
	display:none !important;
}
.level-RED {
	background-color: #f88 !important;
}
.level-GREEN {
	background-color: #8f8 !important;
}
.level-YELLOW {
	background-color: #ff8 !important;
}
option.level-RED,
option.level-GREEN,
option.level-YELLOW {
	padding: 10px;
}

a .fa:hover {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

a.iconlink {
	text-decoration: none;
}
a.iconlink:hover span {
	text-decoration: underline;
}

.alert-info {
	background-color: #e6f7ff;
    border-left: 4px solid #1890ff;
    padding: 16px;
    border-radius: 4px;
}

.break-all {
	word-break: break-all; 
}
.massive-option-notification {
	padding-left: 16px;
    border-left: 1px #CCCFCF solid;
}

.header-bar-user .profile {
	z-index: 1;
}
.hero.bg-rojo .breadcrumbs {
    color: #FFFFFF !important;
}
.bg-rojo .not-hero .breadcrumbs img {
    filter: none !important;
}
.hero .linea-blanca.centered {
    margin-left: 0px;
}
.uppercase {
	text-transform: uppercase;
}
.img-fit-contain { object-fit: contain !important; }
.border { border: solid 1px #CCCFCF; }
.border-bottom { border-bottom: solid 1px #CCCFCF; }
.hidden-submit {
	border:0;
	padding:0px;
	font-size:0em;
	outline:0px;
}
input.search {
    background: url(/images/icon/search-gris.svg) no-repeat 16px 28px;
    width: 100%;
    padding: 26px 16px 26px 52px;
    border-radius: 20px;
    border: solid 1px #CCCFCF;
    line-height: 28px;
    font-size: 16px;
}
.search-works {
	padding: 96px 0;
}
.obra .excerpt {
	max-height: 78px;
	overflow-y: hidden;
}
.creaciones-listado .card {
	height:100%;
}
.creaciones-listado .card.selected {
	border: solid 4px #a70606;
	
}
.creaciones-listado .card .card-imagen {
	    width: 100%;
}
.creaciones-listado .card .card-imagen .imagen-img {
    object-fit: cover;
    height: 200px;
    width: 100%;
}
.creaciones-listado .card .card-header { padding: 16px; display: flex; flex-direction: column; justify-content: center; min-height: 64px; width: 100%; background: var(--grey_background); }
.creaciones-listado .card.selected .card-header { background: #a70606; color:#fff; }

.nofloat-content .creaciones-listado, .modal-contenido .creaciones-listado {
	grid-template-columns: repeat(3, minmax(0,1fr));
}

.movil-inline { display: inline-block; }
@media (max-width:820px){
	.nofloat-content .creaciones-listado, .modal-contenido .creaciones-listado {
		grid-template-columns: repeat(1, minmax(0,1fr));
	}
	.movil-inline { display: none; }
}
.clickable { cursor: pointer; }
.tachado { text-decoration: line-through; }
.padding_64{padding:64px;}
.mb-4 { margin-bottom: 4px !important; }
.ml-4 { margin-left: 4px !important; }
.ml-10 { margin-left: 10px !important; }
.mr-10 { margin-right: 10px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-64 { margin-top: 64px !important; }
.mx-8{ margin-left: 8px !important; margin-right: 8px !important;}
.mr-4 { margin-right: 4px; }
.mr-1em { margin-right: 1em; }
.mr-auto{ margin-right: auto !important; }
.m-auto{ margin: auto !important; }
.pr-32 { padding-right: 32px !important; }
.pl-32 { padding-left: 32px !important; }
.pt-12 { padding-top: 12px !important; }
.pt-16 { padding-top: 16px !important; }
.pt-96 { padding-top: 96px !important; }
.pt-20 { padding-top: 20px !important; }
.pb-16 {padding-bottom:32px !important;}
.pb-0 {padding-bottom:0 !important;}
.px-0 {padding-left:0 !important;padding-right:0 !important;}
.px-20 {padding-left:20px !important;padding-right:20px !important;}
.gap-0  { gap:  0px !important;}
.gap-4  { gap:  4px !important;}
.gap-40 { gap: 40px !important;}
.gap-48 { gap: 48px !important;}
.gap-64 { gap: 64px !important;}
.position-static { position: static !important; }
.label_top { display:inline-block; margin-bottom: 4px; }
.flex-0 { flex-grow: 0; flex-shrink: 0; }
.flex-1-0 { flex: 1 1 0px; }
.align-items-baseline {align-items: baseline;}
.txt-success { color: #27c31c; }
hr { width: 100%; }

.txt-success { color: #27c31c; }

.align-items-end-pc { align-items: end; }
.align-items-center-pc { align-items: center; }
@media (max-width: 820px) {
	.align-items-end-pc, .align-items-center-pc { align-items: start; }
}

.form-select option { padding: 20px; }
.form-select.error{border-width: 2px; border-color: #FD0330; }

.form-floating textarea.form-control {
	line-height: 22px;
	padding: 12px 16px;
}

.modal-full.modal-wizard .formulario .opcion {
	justify-content: start;
}

.select-container .form-check-input {
    width: 24px;
    height: 24px;
}

.editable {
	cursor: pointer;
}
tr.editable:hover {
	background-color: var(--grey_background);
}
.card.editable:hover {
	border-color: black;
    background-color: var(--grey_background);
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}
.boton.boton-transparente{color: #000000; border: none; background-color:transparent;}
    .boton.boton-transparente:hover, .boton.boton-transparente:focus { background: transparent !important; color: #ffffff !important;cursor: pointer; border-color:#FFFFFF }

.boton.boton-negro-blanco{color: #ffffff; border: 2px solid #000; background-color:#000;}
    .boton.boton-negro-blanco:hover, .boton.boton-negro-blanco:focus { background: #ffffff !important; color: #000 !important;cursor: pointer; border-color:#000 }
.boton.boton-negro-blanco a{
	color: #ffffff; 
}
.boton.boton-negro-blanco:hover a, .boton.boton-negro-blanco:focus a{
	color: #000 !important;
	text-decoration: none;
}
.columna-tabla-ancho {
	min-width: 450px;
}
.width-fit-content{width:fit-content !important; }
.height-100{height:100% !important; }
.overflow-auto { overflow: auto; }
.overflow-ellipsis { overflow-x: hidden; text-overflow: ellipsis; }
.boxError {
	color: #a70606;
}

.svg-invert{filter: invert(100%);}

.form-select { padding-right: 42px; }

.row { padding-top: 2px; }

.h-100 { height: 100% !important; }

.ops-column .boton-icon {
	padding: 10px 2px;
}

.enlace-L { font-size: 18px; font-weight: 700; line-height: 28px; text-decoration-line: underline;}

.pricing-table-cell,
.pricing-table-cell-header { height: 80px;}

@media (max-width: 820px) {
	.pricing-table-cell,
	.pricing-table-cell-header { height: auto;}
}

.boton:disabled, .boton:disabled:hover{background-color: #999999 !important; border-color:#999999 !important; cursor: auto; } 
.boton:disabled:hover IMG{opacity: 1 !important; } 

.funcionalidades-body {
	gap: 32px;
}

.plan-info {
    margin-bottom: 16px;
}
.work-info .tags{ display: flex;flex-direction: row; align-items: flex-start; gap: 8px; flex-wrap: wrap; }
.work-info .tags .tag { padding: 4px 16px; border-radius: 8px; border: solid 1px #999; color: #999; background: #fff; font-size: 14px;font-weight: 500;line-height: 22px; }
.work-info .tags .tag.workType { color: #fff; background-color: #000; }

input[type="text"], input[type="number"], input[type="date"], input[type="password"], textarea, select{ 
	background-color: #fff !important;
}


a.boton { text-decoration: none; }
.boton[disabled], .boton[disabled]:hover{background-color: #999999 !important; border-color:#999999 !important; cursor: auto; } 
.boton[disabled]:hover IMG{opacity: 1 !important; } 

.checkbox-mini .form-check-input { width: 15px; height: 15px; margin-top: 0.125rem; }
.checkbox-mini .opcion { gap: 8px; }
 
.checkboxChoice > label {
	display: block;
	margin-bottom: 4px;
}
.checkboxChoice.inline > label {
	display: inline-block; 
}
.checkboxChoice.inline > label:not(:first-child) {
	padding-left: 12px;
}

.checkboxChoice > label > label {
	padding-left: 3px;
}

.licenseListPanel table thead {
	display:none;
}
.licenseListPanel .license-img-column img {
	max-height: 24px; 
}

.text-license  {
	text-align: left;
}
.text-license a {
	text-decoration: none !important;
}
.text-license a > label {
	font-size: 120%;
	display:block;
}
.text-license a > i {
	font-size: 90%;
	display:block;
}
.text-license a > .licensename {
	display:block;
	text-align: center;
	margin-top:4px;
}
.text-license .button {
	opacity: 1 !important;
    padding: 8px 12px;
}

.licence{
    display:inline-block;
    width: 100%;
    padding:8px 24px;
    position:relative;
    border-radius:24px;
    /* cursor:help; */
    color:#fff;
    text-align:center;
}

.licence .circle-btn{
    position:absolute;
    right:-12px;
    top:-12px;
    z-index:9999;
}

.licence .licenseLink {
	display: block;
	color: #fff;
	text-decoration: none;
	min-height: 40px;
}

.licence .proService {
	position: absolute;
	bottom: 4px;
	right: 16px;
}

.licence iframe{
    width:400px;
    height:600px;
    position:absolute;
    right:-400px;
    top:-300px;
    z-index:9998;
    display:none;
    -webkit-box-shadow: 2px 4px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 4px 10px rgba(0,0,0,0.1);
    box-shadow: 2px 4px 10px rgba(0,0,0,0.1);
}

.licence:hover iframe{
    display:block;
}

.card {
	position: relative;
}
.card .select-container {
	position:absolute;
	top: 10px;
	left: 10px;
}
.card.disabled {
    opacity: 0.5;
}

.card-pricing .card-pricing-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	padding: 0 20px;
}

.registrationAlert, .watchAlert  {  
	position: absolute;
    top: 16px;
    width: 24px;
    height: 24px;
}

.registrationAlert { left: 16px;}
.watchAlert  { right: 16px; }


.listado-card-alineadas {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.listado-card-alineadas .card .card-textos .bodycopy-M-bold {
	text-transform: uppercase;
}

.ui360,
.sm2-360ui {
  /* size of the container for the circle, etc. */
  width:200px !important;
  height:200px !important;
}
.ui360, .ui360 .sm2-360btn-default, .ui360 .sm2-360ui.sm2_paused .sm2-360btn {
	background-size: 44px 44px !important; 
}
.sm2-inline-block .ui360 .sm2-360btn,
.ui360 .sm2-360ui.sm2_playing .sm2-360btn,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn {
 /* smaller clickable button, in center */
 width:88px !important;
 height:88px !important;
 margin-left:-44px !important;
 margin-top:-44px !important;
}

.sm2-timing {
	color: #fff !important;
	line-height: 200px !important;
	font-size: 14px !important;
}

.ui360 {
  	position: absolute !important;
  	border-radius:100%;
  	top: 50%;
  	right: 50%;
  	margin-right: -100px !important;
  	margin-top: -100px !important;
  	background-color: rgba(088,088,088,0.25);
}
.ui360-vis .sm2-360ui {
  margin-left: -200px !important;
  float:right;
}
.ui360.ui360-vis {
  padding-left: 0;
}

.float-frame.obra .data {
	width: 100%;
	overflow-x: hidden;
}

.float-frame .data .enlace.activo .enlace-logo {
	background: #a70606;
}
.float-frame .data .enlace.activo .enlace-logo img {
	filter: invert();
}


@media (max-width: 820px) {
	.resultados-header {
		flex-direction: column;		
	}
	
}
.resultados-header .buscador INPUT {
	color: #000;
}

.funcionalidades-body .datos-personales{display: flex;padding-bottom: 48px;align-items: flex-start;gap: 32px;align-self: stretch;border-bottom: 1px solid #CCCFCF;}

img.logo { height: 128px; width: 128px; }

table td .data .foto{position: relative; border-radius: 90px; background-color: #a70606; width:40px; height: 40px; display: flex; align-items: center; justify-content: center;}
table td .data .foto IMG{border-radius: 90px; width: 40px; height: 40px; }
table td .data .foto .foto-nombre{ font-size: 15px; line-height: 15px; color: #8689DF; margin-top: 5px;}
.header-bar-user .user .foto,
table td .data .foto { background-color: #2E3CCC; }

.column-totalRegistrations { text-align: center !important;}
.column-totalRegistrations div {
	padding: 4px 16px;
	border-radius: 8px;
	background-color: #CAEBE2;
	color: #549583;
	font-size: 14px;
	line-height: 22px;
	width: fit-content;
    margin: auto;
}
table td.column-totalRegistrations:before {line-height: 30px;}

table td.column-delegated-user-fullName,
table td.column-delegated-user-fullName:before { line-height: 40px; }

table.tabla-responsive td.ops-column:before { line-height: 40px; }

/*** info pages ***/

.info-intro-page .cuerpo{display: flex; text-align: center; flex-direction:column; gap:32px; padding: 96px 0 64px;}
	
.info-intro-page .features {display: flex; flex-direction:row; gap:32px;}
	
.info-intro-page .prevention,
.info-intro-page .certification,
.info-intro-page .registration,
.info-intro-page .variety,
.info-intro-page .experience,
.info-intro-page .professional,
.info-intro-page .trademark {
	padding-top: 68px;
	display: flex; 
	text-align: center; 
	flex-direction:column; 
	gap:8px; 
	background: url(images/info/asesoramiento.png) no-repeat top center;	
}
.info-intro-page .experience {
	background: url(images/info/experience.png) no-repeat top center;	
}
.info-intro-page .professional {
	background: url(images/info/verified.png) no-repeat top center;	
}
.info-intro-page .prevention {
	background: url(images/info/prevenimos.png) no-repeat top center;	
}
.info-intro-page .certification {
	background: url(images/info/certificamos.png) no-repeat top center;	
}
.info-intro-page .registration {
	background: url(images/info/registramos.png) no-repeat top center;	
}
.info-intro-page .trademark {
	background: url(images/info/marcas.png) no-repeat top center;	
}

.pago-profesional .contenido {
	display: flex;
	justify-content: space-between;
	gap:32px;
}

.info-proveedores  {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.info-proveedores .images {
	display: flex;
	flex-direction: row;
	gap:32px;
}
.info-proveedores .images img {
	border: 1px #000;
}

.whyusesus {
    display: grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-gap: 32px;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;

}
.whyusesus > div { 
	max-width: 380px;
	text-align: center;
}
.info-labelsContainer {
	background-color: var(--color-blanco);
	padding: 64px;
}
.info-imageContainer {
	display: flex;
	gap: 32px;
}
.info-imageContainer > div{
	display: flex;
	flex-direction:column;
	gap: 16px;
	justify-content: flex-end;
}

.ctas{ width: 100%; justify-content: space-between; align-items: center; }
	.ctas .contenedor { width: 100%; }	
	.ctas .contenedor-doble{ width: 49%; }
	.ctas .contenedor .textos { width: 100%; }
	.ctas .contenedor .textos .bodycopy-M { max-width: 484px; }
	.ctas .separador { width: 5px; height: 65%; background-color: #fff; }

.feeds-container {
	display: flex; 
	flex-direction: row; 
	justify-content: center; 
	align-items: center;
	gap: 32px;
}
.contendor-video{position: relative; width: 100%; height: 0; padding-bottom: 56.25%; text-align: center}
	.contendor-video .video, .contendor-video IFRAME{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.card-pricing { min-height: 404px; }

.busqueda-resultado .filtros {
	padding-top: 0;
}
.busqueda-resultado .filtros .categoria .nombre {
    margin-bottom: 12px;
}
.busqueda-resultado .sidebar {
	width: 261px;
	max-width: 261px;
}
.card-list thead { display: none; }


/*** ARBOL *****/

div.tree-subtree {
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

div.tree-branch {
  margin: 0px;
  padding: 0px;
}

/* node */

.tree-junction,
.tree-junction-expanded,
.tree-junction-collapsed {
    display: block;
    float: left;
	width: 16px;
	padding: 5px 0;
    text-decoration: none;
}
.tree-junction:hover,
.tree-junction-expanded:hover,
.tree-junction-collapsed:hover {
    text-decoration: none;
}
.tree-junction-expanded {
  background-image: url(/img/tree_down.png);
  background-position: 0 center;
  background-repeat: no-repeat;
}
.tree-junction-collapsed {
  background-image: url(/img/tree_right.png);
  background-position: 0 center;
  background-repeat: no-repeat;
}

span.tree-content {
  display: block;
  margin: 0;
  padding-left: 16px;
}

/* content */

span.tree-content a {
  color: black;
  text-decoration: none;
  width: 100%;
}

span.tree-content a:hover {
  	text-decoration: none;
}

span.tree-content .selected {
    background-color: black;
    color: white;
    font-weight: bold;
}

.tree-folder-open, 
.tree-folder-closed,
.tree-folder-open {
  display: inline-block;
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding: 5px 5px 5px 28px;
}

.tree-folder-open {
	background-image: url(/img/folder_open.png);
}
.tree-folder-open.selected {
	background-image: url(/img/folder_open_white.png);
}
.tree-folder-closed {
	background-image: url(/img/folder_closed.png);
}
.tree-folder-closed.selected {
	background-image: url(/img/folder_closed_white.png);
}
.tree-folder-other {
  	background-image: url(/img/folder-closed.png);
}






@media (max-width:820px){
	.home-hero .description .heading-L { font-size: 56px; }
	
	.busqueda-resultado .filtros {
		padding-top: 0;
	}
	.busqueda-resultado .sidebar {
		width: 100%;
		max-width: 100%;
	}
	.resultados-header { margin-bottom: 16px; }
	.info-intro-page .features,
	.pago-profesional .contenido,
	.info-proveedores  { flex-direction: column; gap: 32px;}
	.aboutus-image { display: none; }
	
	.info-proveedores .images,
	.info-intro-page form,
	.info-imageContainer { flex-direction: column; }
	.info-proveedores .images img { margin: auto; }
	
	.info-labelsContainer { padding: 16px; }
	
	.info-imageContainer {
		align-items: center;
	}
	.whyusesus {
		align-items: center;
	    display: flex;
	    flex-direction:column;
	    gap: 32px;
	}
	
	.ctas .contenedor-doble{ width: 100%; }
	.ctas .contenedor-doble .botones-marcas{ display: contents; }
	.ctas .contenedor-doble .botones-marcas .boton-info{ margin-left: 0px !important; }
	.ctas .separador { width: 75%; height: 5px; }
	
	.feeds-container { flex-direction: column; }
	
	.card-pricing .card-pricing-content {
		flex-direction: column;
		gap:16px;
	}

	
}

/** HELP CARDS y FAQS **/

.help-card{position: relative}

.help-card .content {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
}

.help-card.seleccionado{background: #a70606;;}
	.help-card.seleccionado .featured-icon{background: #FFFFFF; }
	.help-card.seleccionado .featured-icon img{filter: invert(100%); }

.is-new {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
    color: white;
    background: var(--red_primary);
    padding: 8px 8px 4px;
    border-radius: 20px;
}

/*** about us **/

.aboutus-hero{width:100%; position:relative; margin:auto; z-index: 1; display: flex; align-items: center; justify-content: center;  -moz-user-select: none; -khtml-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none; overflow: hidden;}
	.aboutus-hero .cuerpo{display: flex; align-items: center; justify-content: space-between; padding: 96px 0;}
    .aboutus-hero .cabecera-contenido{display:flex;flex-direction: column; gap: 24px; overflow:visible; text-align:left; z-index:2; color:#ffffff; max-width: 586px; min-height: 480px;}
        .aboutus-hero .tit1{ font-size:64px; line-height: 60px; display:block; clear:both; font-weight:400; color:var(--color-blanco); padding-bottom: 15px;}
		
	.aboutus-hero .hero-image{position: absolute; right:0px; top: 47px;}
	.aboutus-hero .linea-blanca{position: absolute; top: 47px; right:0px; background-color:var(--color-blanco); height: 16px; z-index: 2; width: 484px;}

@media (max-width:820px){	
	.aboutus-hero .cuerpo{flex-direction: column; padding: 30px 0; padding-top: 112px;}
	.aboutus-hero .cabecera-contenido{min-height: initial;}
	.aboutus-hero .tit1{ font-size:48px; line-height: 44px; }
	.aboutus-hero .hero-image{display: none; }
	.aboutus-hero .linea-blanca{top: 47px;}
	
}

/*** recomendar **/

.recomendar-hero{width:100%; position:relative; margin:auto; z-index: 1; display: flex; align-items: center; justify-content: center;  -moz-user-select: none; -khtml-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none; overflow: hidden;}
	.recomendar-hero .cuerpo{display: flex; align-items: center; justify-content: space-between; padding: 96px 0;}
    .recomendar-hero .cabecera-contenido{display:flex;flex-direction: column; gap: 24px; overflow:visible; text-align:left; z-index:2; color:#ffffff; max-width: 586px; min-height: 480px;}
        .recomendar-hero .tit1{ font-size:64px; line-height: 60px; display:block; clear:both; font-weight:400; color:var(--color-blanco); padding-bottom: 15px;}
		
	.recomendar-hero .hero-image{position: absolute; right:0px; top: 96px;}
	.recomendar-hero .linea-blanca{position: absolute; top: 96px; right:0px; background-color:var(--color-blanco); height: 16px; z-index: 2; width: 484px;}

.recomendar-social-proof{padding-top:96px; padding-bottom: 32px;}
	.recomendar-social-proof .container{display:flex; flex-direction: column;align-items: center;gap: 16px;}
	.recomendar-social-proof .logos{display: flex;justify-content: space-between;align-items: center;align-self: stretch;}

.recomendar-web {padding: 96px 0px 160px 0px; }
.recomendar-imagen-pie { height: 516px }
.recomendar-imagen-pie img { margin-top: -96px }

@media (max-width:820px){	
	.recomendar-hero .cuerpo{flex-direction: column; padding: 30px 0; padding-top: 112px;}
	.recomendar-hero .cabecera-contenido{min-height: initial;}
	.recomendar-hero .tit1{ font-size:48px; line-height: 44px; }
	.recomendar-hero .hero-image{display: none; }
	.recomendar-hero .linea-blanca{top: 47px;}
	
	.recomendar-social-proof { padding: 64px 0 56px;}
		.recomendar-social-proof .container{gap:40px;}
		.recomendar-social-proof .heading-M{font-size: 24px; line-height: 24px; }
		.recomendar-social-proof .logos{display: grid;grid-template-columns:repeat(2,minmax(0,1fr)); order: 2; width: 214px; margin:auto; }
	
	.recomendar-web {padding: 64px 24px 56px 24px; }
	
	.recomendar-imagen-pie { display: none; }
}
/* AGENT DIRECTORY */

.agent-directory-list .cuerpo {display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); padding-bottom: 64px; }
.agent-directory-list .cuerpo .agent-directory-card { 
	text-align: center;
	position: relative;
	margin: 16px; 
	padding: 124px 24px 24px 24px; 
	background: var(--color-blanco);
	min-height: 354px;
}
.agent-directory-card .agentLogo {
	position: absolute;
	top: 0px;
	left: calc(50% - 40px);
	height: 80px;
	width: 80px;
	border-radius: 40px;
}
.description-agent-wrap {
	display: box;
	display: -webkit-box;
	height: 78px;
  	margin: 0 auto;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;
  	overflow: hidden;
 }


@media (max-width:820px){	
	.agent-directory-list .cuerpo {grid-template-columns: repeat(1, minmax(0,1fr)); }
}

/**** FAQS ***/
.buscador-pagina{max-width: 1000px; padding-top: 64px}
	.buscador-pagina .buscador{ box-sizing: border-box;	display: flex; flex-direction: row; align-items: center; padding: 10px 16px; gap: 8px; width: 100%; height: 80px; border: 1px solid #CCCFCF; border-radius: 16px; flex: none; order: 1; flex-grow: 0;  overflow: hidden;}
	.buscador-pagina .buscador INPUT{ height: 28px;font-style: normal;	font-weight: 500; font-size: 16px; line-height: 28px;	color: #999999;	flex: none;	order: 1; flex-grow: 0; margin: 0; padding: 0; border: 0; border-radius:0px;}
	.buscador-pagina .buscador img{  filter: invert(44%);}
.buscador-pagina .resultados{margin-top:16px; font-style: italic; font-size: 18px;line-height: 28px;}


.tabs A { text-align: center; }

.tabs.large a {
    font-size: 18px;
}

.nofloat-content .tabs{
	width: 100%;
}
.nofloat-content .tabs .cuerpo {
	width: 100%;
}
#registrationSource ul {
	justify-content: center;
}
@media(max-width: 820px) {
	#registrationSource ul {
		justify-content: start;
	}	
}

.input-button-group {
	display: inline-flex;
}
.input-button-group > * {
	border-radius: 0;
}
.input-button-group > :first-child {
	border-radius: 16px 0 0 16px;
}
.input-button-group > :last-child {
	border-radius: 0 16px 16px 0;
}

/** AUTOCOPLETE **/
.wicket-aa-container {
	background: #fff;
	border: solid 1px #eee;
}
.wicket-aa ul {
	padding: 0;
}
.wicket-aa ul li {
	list-style: none;
	padding: 2px 4px;
}
.wicket-aa ul li.selected {
	background: #a70606;
	color: #fff;
}

/*** cards ***/
table.DETAILS.card-list > tbody { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); grid-gap: 16px;}
table.DETAILS.card-list.with-filters > tbody { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); grid-gap: 16px;}
table.DETAILS.card-list > tbody > tr { display: grid; }
table.DETAILS.card-list .card { height:100%; border: 1px solid #CCCFCF; display: flex; flex-direction: column; flex: none; justify-content: flex-start; align-items: center; color: #000; white-space: normal; position: relative; background-color: #ffffff; z-index: 0; overflow-wrap: break-word;}
table.DETAILS.card-list .card .card-imagen { position: relative; z-index: -1; width: 100%;}
table.DETAILS.card-list .card .card-imagen .imagen-img { object-fit: cover; height: 186px; width: 100%;}
table.DETAILS.card-list .card .options,
.folder-container .options { position: absolute; right: 6px; top: 8px; border-radius: 8px; padding: 4px; background: rgba(255,255,255,0.7); }
table.DETAILS.card-list .card .tipo { position: absolute; left: 24px; bottom: 24px; z-index: 2; background: #a70606; border: 1px solid #FFFFFF; border-radius: 8px; padding: 4px 16px; color: #ffffff; font-weight: 500; font-size: 14px; line-height: 22px; display: flex;
    flex-direction: row; align-items: center; gap: 8px;}
table.DETAILS.card-list .card .card-textos { padding: 16px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%;}

@media (max-width:820px){
	table.DETAILS.card-list > tbody,
	table.DETAILS.card-list.with-filters > tbody  { display: flex; flex-direction: column; gap: 16px;}
}

table.DETAILS.card-list .card .card-imagen .imagen-img.rounded { object-fit: contain; height: 186px; width: 186px; display:block; margin: auto; border-radius:50%; }

.trademarks .card-list {
	max-height: 816px; overflow-y: scroll;
}
.trademarks .card-list .card{
	cursor: pointer; height:100%; border: 1px solid #CCCFCF; display: flex; flex-direction: column; gap: 16px; justify-content: flex-start; align-items: center; color: #000; white-space: normal; position: relative; background-color: #ffffff; z-index: 0; overflow-wrap: break-word; padding: 32px 8px 16px 8px; 
}
.trademarks .card-list .card:hover {
	border: 1px solid #000;
}
.trademarks .card-list .card.selected {
	border: 2px solid #FF4E3F;
}
.trademarks .card-list .card .options { position: absolute; right: 0px; top: 2px; border-radius: 8px; padding: 4px; background: rgba(255,255,255); }
.trademarks .card-list .card .card-imagen { position: relative; z-index: -1; width: 100%;}
.trademarks .card-list .card .card-textos { width: 100%;}
.trademarks .card-list .card .card-imagen .imagen-img { object-fit: cover; max-height: 228px; width: 100%;}
.card .card-textos { position: relative;}
.card .card-textos .flag { position: absolute; top: 16px; right: 16px; width: 16px; }


/**** FOLDER ***/

.folder-container {
	display: flex;
	flex-direction: column;
	position: relative; 
	max-width: 100%;
	padding: 4px 8px;
	margin-bottom: 8px; 
	justify-content: center;
	align-items: flex-start; 
	gap: 0;
	align-self: stretch;
	border: 1px solid var(--black, #000);
	color:#000;
}

.folder-container .overlayLink {
	position: absolute; width: 100%; height: 100%; background: transparent;
}

.folder-container .name { padding-right: 24px; word-break: break-word;}
.folder-container .options { right: 4px; top: 8px; padding: 4px; }
.folder-container.selected {
	background-color:#000;
	color:#fff;
}
.folder-container.selected .options { background: #000; }
.folder-container.selected .dropdown-trigger img{ filter: invert();}
.folder-container.selected .dropdown-trigger img{ filter: invert();}

a.dropdown-trigger { display: block; background: #fff; }
.folder-container.selected .dropdown-trigger { background: #000; }

/**** LABELS ***/

.label-link {
	display: flex; 
	max-width: 350px;
	min-height: 128px; 
	padding: 24px; 
	justify-content: center;
	align-items: center; 
	gap: 8px;
	align-self: stretch;
	border: 3px solid var(--black, #000);
	color:#fff;
}
.label-link.no-border {
	border: none;
}
.label-link.rojo {
	background:#a70606;
}
.label-link span { text-align:center; }


.labelContainer{
	display:block; 
	text-decoration: none;
	max-width: 100%;
	text-align: center;
	padding: 24px;
	margin: 8px;
	border:1px solid #d1d1d1;
}
.labelContainer iframe {
	width: 100%;
	height:116px;
	margin : 40px auto;
}

.workLabelContainer {
	flex: 0 0 auto;
	width: 270px;
}


.workLabelContainer .label {
	display: flex;
	gap: 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: solid 3px black;
	padding: 24px;
	width: 100%;
	height: 128px;
	text-decoration: none;
	margin-bottom: 16px;
}
.workLabelContainer .label.rojo {
	background-color: #a70606;
	color: #fff;
}
.workLabelContainer .label:hover {
	text-decoration: none;
	background-color: #000;
	color: #fff;
}

.workLabelContainer iframe {
	width: 100%;
	height: 100%;
	margin: 0;
}

.white-space-pre { white-space: pre; }
.nowrap { white-space: nowrap; }
.borde-0 { border:none; }
 
ul.tags { padding-left: 0px; }

.boton-icon img { max-width: none; }

.tags li{
    display:inline-block;
    background: #a70606 !important;
    color:#FFF;
    padding:4px 8px ;
    font-size:14px;
    line-height: 22px;
    font-weight:500;
    border-radius:8px;
    margin:0 8px 8px 0;
}

.tags li a{text-decoration: none; color:#fff; font-size:120%;}

.social-share .boton img:hover {
	opacity: 1;
}
.boton:hover .invert-on-hover {
	filter: invert();
}

.card-follower { position: relative; display: flex; flex-direction:column; gap: 16px; flex: none; padding: 16px; align-items: center; border: solid 1px #CCCFCF; }
	.card-follower .user { width: 100%; display: flex; gap: 16px; overflow: hidden; }
	.card-follower .user .foto { width: 64px; height: 64px; border-radius: 32px; object-fit: cover; flex-grow: 0; flex-shrink: 0; background-color: #2E3CCC; display: flex; align-items:center; justify-content: center; overflow:hidden;}
	.card-follower .user .foto .foto-nombre { font-size: 32px; line-height: 32px; color: #8689DF; margin-top: 7px; }
	.card-follower .user .textos { flex-grow: 1; display: flex; flex-direction: column; gap: 8px; overflow-x:hidden; }
	.card-follower .user .textos .name {text-transform: uppercase; font-size: 16px; line-height: 18px; font-style: normal;font-weight: 900; height: 36px; overflow: hidden;}
	.card-follower .user .textos .right {font-size: 15px; line-height: 18px; font-style: normal;font-weight: 400; }
	.card-follower .user .textos .right-details {font-size: 12px; line-height: 16px; font-style: normal;font-weight: 400; }
	.card-follower .options { position: absolute; top: 0; right: 0; padding: 10px 4px }	
	.card-follower .datos { width: 100%; display: flex; flex-direction: column; gap: 4px;}
	.card-follower .datos .dato { width: 100%; display: flex; flex-direction: row; gap: 4px; justify-content: space-between; align-items: center; }
	.card-follower .datos .dato .label {font-weight: 400; font-size: 12px; line-height: 18px; }
	.card-follower .datos .dato .valor {font-weight: 700; font-size: 16px; line-height: 26px; text-align:center; min-width: 24px; }

.work-edit .inscription-column { width: 300px; }
@media(max-width: 820px) {
	.work-edit .inscription-column { width: 100%; }
}	
.svg-rojo { filter: invert(41%) sepia(77%) saturate(2507%) hue-rotate(336deg) brightness(100%) contrast(101%); }

ul.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 4px;
	background: #fff;
	display: none;
	border: solid 1px #eee;
	box-shadow: 0px 4px 12px 0px #00000014;
	margin: 0;
	padding:0;
	width: auto;
	z-index: 99;
}

ul.dropdown-menu.right {
	left: auto;
	right: 4px;
}

ul.dropdown-menu > li {
	display: block;
	list-style: none;
	padding: 0;
}

ul.dropdown-menu > li > a {
	display: block;
	text-decoration: none;
	white-space: nowrap;
	width: 100%;
	padding: 8px 16px;
}
ul.dropdown-menu > li:first-child > a {
	padding-top: 16px;
}
ul.dropdown-menu > li:last-child > a {
	padding-bottom: 16px;
}

ul.dropdown-menu > li > a:hover {
	text-decoration: none;
	color: #a70606;
}

.signup-platforms {
	display: flex;
	flex-direction:row;
	justify-content: center;
	align-items: end;
	gap: 24px;
	margin: 40px auto;
	flex-wrap: wrap;
}
.signup-platforms .creative { height:50px; }
.signup-platforms .creators { height:30px; }
.signup-platforms .stamper { height:58px; margin-bottom: -8px; }
.signup-platforms .tips { height:50px }

@media (max-width:820px){	
	.signup-platforms {
		margin: 32px auto;
		gap: 16px;
	}
	.signup-platforms .creative { height:40px; }
	.signup-platforms .creators { height:24px; }
	.signup-platforms .stamper { height:46px; margin-bottom: -6px; }
	.signup-platforms .tips { height:40px; }
}
/** WIZARD NO MODALES **/
	.page-wizard-pasos{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0px;gap: 12px; color: #a70606; font-size: 16px;line-height: 26px;}
	.page-wizard-pasos .pasos{height: 100%;    display: flex; justify-content: space-between; width: 100%; gap: 8px;}
	.page-wizard-pasos .bloque{display: flex;align-items: center;gap: 12px;} 
	.page-wizard-pasos .numero{ color: #fff; background-color: #a70606; border-radius: 12px;font-style: normal;font-weight: 900;font-size: 20px;line-height: 20px;text-align: center; display: flex;
flex-direction: column;align-items: flex-start;padding: 11px 15px 9px;gap: 8px;width: 40px;height: 40px;} 
	.page-wizard-pasos .numero.success{padding: 0; align-items: center; justify-content: center;} 
	.page-wizard-pasos .off{color:#999999;} 
	.page-wizard-pasos .numero.off{background-color:#999999; color: #fff;} 
	.page-wizard-pasos .paso{ text-wrap: nowrap;} 
	.page-wizard-pasos .linea{width: 100%;} 
	.page-wizard-pasos .linea IMG{height:2px; width: 100%;} 

	.page-wizard-pasos .off .numero{background: #CCCFCF;}
	.page-wizard-pasos .linea.off:before { background-color:#CCCFCF; }
	.page-wizard-pasos .pasos-mini{ width: 100%; padding: 20px 23px; background: #F2F4F7; color: #000;}
	.page-wizard-pasos .pasos-mini-linea{background-color: #fff; height: 8px; margin-bottom: 4px;}
	.page-wizard-pasos .pasos-mini A{text-decoration: none;}
	
	.page-wizard-pasos .paso { color: #090909; }
	.page-wizard-pasos .linea{position: relative; height: 1px; margin-top: 20px;}
	.page-wizard-pasos .linea:before {
	    content: "";
	    position: absolute;
	    left: 0px;
	    background-color: #a70606;
	    width: 1px;
	    border-radius: 1px;
	    width: 100%;
	    height: 1px;
	}
	.page-wizard-pasos .linea {
	    position: relative;
	    height: 1px;
	    margin-top: 20px;
	}
	
	@media (max-width: 1024px){
		.page-wizard-pasos .paso{display: none}
		.page-wizard-pasos .paso.activo{display: block}
	}
	@media (max-width:820px){
		.page-wizard-pasos{order: 0; width:100%; padding: 0; height: auto; gap: 0; overflow: visible;}
		.page-wizard-pasos .pasos{height: auto; padding: 24px 23px;display: none; border-top: 1px solid #E7E7E7; position: absolute; background: #F2F4F7; z-index: 99; top: 145px;}
		.page-wizard-pasos .paso { display: block;}
		.page-wizard-pasos .linea{height: 32px;}
		.page-wizard-pasos .heading-XS{    background-color: #fff; padding: 24px; width: 100%;}
	}
	

.modal-full.modal-wizard .modal-contenido {
	min-width: 500px;
}
.modal-full.modal-wizard .modal-pasos {
	max-width: 500px;
	min-width: 350px;
	padding-right: 56px;
	gap: 40px;
	flex: 0;
}
@media (max-width: 820px) {
	.modal-full.modal-wizard .modal-contenido {
		min-width: unset;
	}
	.modal-full.modal-wizard .modal-pasos {
    	max-width: none;
    	padding: 0;
    	gap: 16px;
    }
}

		.almacenamiento{display: flex;padding-bottom: 48px;flex-direction: column;align-items: flex-start;gap: 24px;align-self: stretch;border-bottom: 1px solid #CCCFCF;}
			.espacio{display: flex; flex-direction: column; gap: 8px; align-items: flex-start;align-self: stretch;}
			.espacio .uso{background: #F2F4F7; height: 50px; width: 100%; display: flex; position: relative; border: solid 1px var(--grey_1); }
			.espacio .uso .info{position: absolute; top: 0; bottom: 0; display: flex; justify-content: center;}
			.espacio .info{display: flex;padding-left: 15px;flex-direction: column;align-items: flex-start;}
			.espacio .destacado-{display: flex;padding-left: 15px;flex-direction: column;align-items: flex-start;}
			.modal-pasos .espacio { flex-direction: column; }
			.modal-pasos .espacio .uso { max-width: none; background: #fff; }
			.modal-pasos .espacio .info.bodycopy-M-bold {font-size: 14px !important;}
			.modal-pasos .espacio .destacado-M {font-size: 14px !important;}
			.modal-pasos .espacio .disclaimer-M {font-size: 12px !important;}
			.modal-pasos .storage-title { display:none; }
			
.formulario .form-items{width: 100%; display: flex; gap: 32px; align-items: center; justify-content: center; }
.opcion{ display: flex; gap: 12px; margin-bottom: 8px; }
.form-check-input {
    background-size: 60% 60%;
    margin-top: 2px;
    flex-shrink: 0;
}

.obra-declaracion{display:flex; gap: 32px;}


/************ MODALES ***************************/

.modal .modal-contenido { text-align: left; }
.modal .modal-pasos .pasos{height: 100%; display: flex; justify-content: space-between; width: 100%; gap: 16px; align-items:center; }
.modal .modal-pasos .off .numero{background: #CCCFCF;}
.modal .modal-pasos .linea.off:before { background-color:#CCCFCF; }
.modal .pasos-mini{ width: 100%; padding: 20px 23px; background: #F2F4F7; color: #000;}
.modal .pasos-mini-linea{background-color: #fff; height: 8px; margin-bottom: 4px;}
.modal .pasos-mini A{text-decoration: none;}

.modal .modal-pasos { gap: 16px; }
.modal .modal-pasos .paso { color: #090909; }
.modal .modal-pasos .linea{position: relative; height: 1px; }
.modal .modal-pasos .linea:before {
    content: "";
    position: absolute;
    left: 0px;
    background-color: #a70606;
    width: 1px;
    border-radius: 1px;
    width: 100%;
    height: 1px;
}

.modal .modal-contenido .pago-profesional{ padding:48px 0 36px 0; }

.modal-full.modal-wizard .modal-pasos .pasos { align-items: start; }
.modal-full.modal-wizard .modal-contenido { justify-content: center; }

.modal-full .modal-cerrar {
    left: auto;
    right: 24px;
}
.modal-full.modal-wizard .modal-cerrar,
.modal-full.modal-registro .modal-cerrar {
    left: 24px;
    right: auto;
}

.modal { max-height: 100%; }

.modal-dialog-content { display:flex; flex-direction: column; max-height: 100%; }

.modal-edicion > .modal > .modal-dialog-content > .modal-contenido { height: auto; }

.modal-full > .modal > .modal-dialog-content { height: 100%; }

.modal-full > .modal { height: 100%; }

.modal-contenido {
	flex: 0 1 auto;
    overflow-y: auto;
}
.modal-full .modal-contenido {
	flex: 1 1 auto;
    overflow-y: auto;
}
.modal-header { flex: none; }
.moda .botones { flex: none; }

/* Modales anidados dentro de modal-wizard */ 
.modal-full.modal-wizard .modal-contenido .modal { position: fixed; flex-direction: column; }
.modal-full.modal-wizard .modal-contenido .modal-contenido { width: 100%; }
.modal-full.modal-wizard .modal-contenido  .modal-cerrar { left: auto; right: 24px; }
.modal-full.modal-wizard .modal-contenido  .modal-dialog-content { width: 100%; }
.modal-full.modal-wizard .modal-contenido .modal-force-block .modal {
    position: relative;
    display: block;
    height: initial;
    max-height: 100%;
}
/***/

@media (max-width:820px){
	.modal { margin: 0; }
	.modal-dialog-content { height: 100%; width: 100%; }
	.modal { height: 100%; width: 100%;}
	.modal-contenido { flex-grow: 1; }
	.modal-full.modal-wizard .modal-cerrar { left: auto; right: 24px; }
}

/************************************/

.subir {
    left: 10px;
    right: auto;
}

.pie {
	padding: 60px 0 15px;
}

.flex-responsive {
	display: flex;
	flex-direction: row;
	gap: 8px;
}
.flex-wrap { flex-wrap: wrap; }


@media (max-width:820px){
	.espacio .uso{ max-width: 100%; }
	.obra-declaracion{flex-direction: column; gap: 16px;}
	.modal .modal-pasos{order: 0; width:100%; padding: 0; height: auto; gap: 0; overflow: visible;}
	.modal .modal-pasos .pasos{height: auto; padding: 24px 23px;display: none; border-top: 1px solid #E7E7E7; position: absolute; background: #F2F4F7; z-index: 99; top: 145px;}
	.modal .modal-pasos .paso { display: block;}
	.modal .modal-pasos .linea{height: 32px;}
	.modal .modal-pasos .heading-XS{    background-color: #fff; padding: 24px; width: 100%;}
	.formulario .form-items{flex-direction: column;gap: 16px;}
	.modal-full {justify-content: flex-start; overflow: auto;}
	.modal-full > .modal{flex-direction: column; min-height: 100%; flex-grow: 1; flex-shrink: 0; position: initial;}
	.modal-full.modal-wizard .modal { height: 100%; }
	.modal-full.modal-wizard .modal-contenido, .modal-full.modal-wizard .modal-contenido.centrado {
		flex-grow: 1;
		justify-content: start;
	}
	.flex-responsive {
		flex-direction: column;
	}

}

.submenu li.disabled A,
.submenu li.disabled:hover A {
	border-color: var(--grey_background);
	background-color: var(--grey_background);
	color: #999;
	pointer: normal;
}

/*** SUSCRIPCION MODAL **/
.modal .suscripcion{gap: 0px;}
.modal .suscripcion a {text-decoration: none;}
.modal .suscripcion a {text-decoration: none;}
.modal .suscripcion .submenu .codePro {
    font-size: initial; 
    line-height: initial; 
}
.modal .suscripcion .submenu li A {
    font-size: initial;
    line-height: initial;
    padding: 8px 24px;
}

.modal .suscripcion .submenu .descuento {
    right: 4px;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
}

.modal .suscripcion .card-pricing {
    padding-bottom: 24px;
    gap: 16px;
}
.modal .suscripcion .tarifas UL {
    gap: 2px;
}

.card-pricing .contenedor.features {
	flex-grow: 1;
}

.introduccion {
    margin-right: 24px;
    display: inline-block;
    line-height: 20px !important;
}

/** CROPPIE Y FOTO NOMBRE */

.nofloat-frame .foto {
    border-radius: 200px;
    width: 132px;
    height: 132px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #2E3CCC;
    display: flex;
    align-items: center;
    justify-content: center;
}
.float-frame .data .textos {
    word-break: break-word;
}
.float-frame .data .foto .foto-nombre,
.nofloat-frame .foto .foto-nombre{ font-size: 48px; line-height: 48px; color: #8689DF; margin-top: 12px;}

.nofloat-frame { position: relative; }
.nofloat-frame .nofloat-banner { 
	position: relative;
	z-index: 4;
	background: var(--grey_background); 
	padding: 16px; 
	width: 100%; 
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: -48px;
}

.croppie-container .cr-boundary{width: 443px;height: 330px; }
.croppie-container {width: 443px;height: 332px; margin: auto; }
.croppie-container .cr-slider-wrap { margin: 8px auto; }

/** AUTOCOMPLETE *********/

.autocomplete {
	height: 130px;
	overflow: scroll;
	border: 1px solid #999999;
	background-color: white;
}
.autocomplete ul {
	list-style: none;
	padding-left: 0px;
}
.autocomplete li {
	padding: 6px 0 6px 16px;
	cursor: pointer;
}
.autocomplete li.selected {
	background-color: rgb(255,78,63,0.4);
}


/** MENU DE DASHBOARD *********/

.options-section.open .options { display: grid; }
.options-section .options .container {
    display: grid;
    grid-auto-rows: 100px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 32px;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
} 


/*************** LIST PANEL ******************/

.filters-tr input[type="text"], .filters-tr input[type="number"], .filters-tr input[type="date"], .filters-tr input[type="password"], .filters-tr textarea, .filters-tr select{ 
	padding: 8px; 
}

.filters-tr th { background: #fff; padding: 0 8px; }

.tabla-responsive td { min-height: 34px; }

.tabla-responsive td:before {
    overflow: hidden;
    text-overflow: ellipsis;
}

/************** PROGRESS BAR *****************/
.barra_progreso{
	margin-bottom: 16px;
	height: 51px;
	background:#F2F4F7;
	overflow:hidden;
	width:100%;
	position: relative;
}

.progreso{
	background:#a70606;
	width:0%;
	height: 100%;
}

.progressLabel {
	width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
	font-weight:700;
	line-height:28px;
    color: #000;
    padding: 11px 0;
}

/************** PROGRESS BAR *****************/
.ai_human_bar{
	height: 24px;
	background:#a70606;
	border-radius: 8px;
	overflow:hidden;
	width:100%;
	position: relative;
}

.ai_bar{
	background:var(--border-color);
	width:0%;
	height: 100%;
}

.ai_human_bar .human_label {
	position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
	font-weight:700;
	line-height:14px;
    color: #fff;
    padding: 5px 8px;
}
.ai_human_bar .ai_label {
	position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
	font-weight:700;
	line-height:14px;
    color: #fff;
    padding: 5px 8px;
}

/*** GRAFICOS ****/

.graphFeatures {
	max-height: 350px;
	overflow-y: auto;
}
.graphFeatures.checkboxChoice > label, 
.graphFeatureLinks a {
	display: block;
}
.graphFeatures.checkboxChoice > label input  {
	margin-right: 6px;
}




input:checked + .slider { background-color: #a70606; }
.switch .slider { display:flex; text-align: center; color: #fff; align-items:center; font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 0 4px; background-color: #aaa; }
.switch .slider span { flex: 1; }
.modal.modal-login .modal-contenido { min-width: 500px; padding: 32px; }
.modal.modal-login .modal-cerrar a { font-size: 20px; }
@media (max-width: 520px) {
	.modal.modal-login .modal-contenido { min-width: auto; width:100%; }
}

.notfound-hero{width:100%; position:relative; margin:auto; z-index: 1; display: flex; align-items: center; justify-content: center;  min-height:820px; -moz-user-select: none; -khtml-user-select: none;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none; overflow: hidden;}
	.notfound-hero .cuerpo{display: flex; align-items: center; justify-content: space-between; padding: 96px 0;}
    .notfound-hero .cabecera-contenido{display:block; overflow:visible; text-align:left; z-index:2; color:#ffffff; max-width: 586px; }
        .notfound-hero .tit1{ font-size:64px; line-height: 60px; display:block; clear:both; font-weight:400; color:var(--color-blanco); padding:40px; padding-bottom: 15px;}
        .notfound-hero .tit2{ font-size:48px; line-height: 44px; display:block; clear:both; font-weight:400; color:var(--color-blanco); padding:40px; padding-bottom: 15px;}
		
	.notfound-hero .hero-image{position: absolute; top: 0; right: 0; bottom: 0; width: 750px; }
	.notfound-hero .linea-blanca{position: absolute; top: 0; right:0px; background-color:var(--color-blanco); height: 16px; z-index: 2; width: 484px;}
	.notfound-hero .hero-image img {width: 100%; height: 100%; max-width: none;}

@media (max-width:820px) {
	.notfound-hero {flex-direction: column; min-height: auto;}
	.notfound-hero .cuerpo{flex-direction: column; padding: 30px 0; padding-top: 112px;}
	.notfound-hero .hero-image {display: none;}
	.notfound-hero .linea-blanca{display: none;}
	.notfound-hero .tit1 {font-size: 40px; line-height: 40px; padding:16px 16px 8px 16px;}
}

/******************************** MESSAGE BOX */

.icon-error-rojo { filter: invert(86%) sepia(81%) saturate(6465%) hue-rotate(344deg) brightness(96%) contrast(106%); }
.icon-info-azul { filter: invert(80%) sepia(63%) saturate(6976%) hue-rotate(239deg) brightness(101%) contrast(92%); }

.modal .botones{text-align: center; padding: 32px; display: flex; gap:16px; align-items: center; justify-content: center}
.modal .botones .boton{margin: 0}

.modal-header {text-align: left;}

.enviado-ok { display: flex; flex-direction: column; align-items: center; justify-content: center;}
.enviado-ok .respuesta { font-size: 24px; line-height: 32px; margin: 32px auto 16px auto;}


@media (max-width:820px){
	.modal .botones {  padding: 24px 23px; gap:16px; display: flex; flex-direction: column; }
	.modal .botones .boton { display: block; margin: 0; width: 100%;}
	.modal .mensaje{ align-items: flex-start; line-height: 16px;}
	.enviado-ok .respuesta{font-size: 18px;font-weight: 700;line-height: 28px;}
	.enviado-ok IMG{width: 72px; height: 72px;}
	.modal-ok .modal-contenido { max-height: Calc(100% - 68px - 60px) !important; height: Calc(100% - 68px - 60px) !important;    text-align: center;}
	
	.columna_16{width:100%; float:none}
	.columna_15{width:100%; float:none}
}

/************ PROCESO DE REGISTRO ****************/

.modal-registro .modal-contenido.registro-obras {
	height: 100%; 
	justify-content: center; 
	align-items:center;
}
.modal-registro .storage {
	width: 800px;
	max-width: 800px;
	display: flex;
	flex-direction: column; 
	gap:40px;
}
.modal-registro .storage .espacio > .info { text-align: left; padding-left: 0px; }
.modal-registro .helpLinks {
	display: flex;
	flex-direction: row; 
	gap:16px;
}
.modal-registro .storage .espacio{
	display: flex;
	flex-direction: column; 
	gap:16px;
}
.modal-registro .storage .espacio .uso{
	max-width:100%;
}

.bloques-tipos-registro,
.bloques-tipos-registro a,
.bloques-tipos-obras {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
}
.bloques-tipos-registro a {
	flex-direction: column;
}

.bloques-tipos-registro a,
.bloques-tipos-obras a {
	text-decoration: none !important;
}


.bloques-tipos-obras > div {
	background-position: center;
	background-repeat: no-repeat;
	width: 173px;
	height: 154px;
}

.bloques-tipos-obras > div > a {
	width:100%;
	height: 100%;
	display: flex;
	position: relative;
	flex-direction:column-reverse;
	text-align:center;
	padding:16px;
}
.pendingWorks {
    position: absolute;
    right: -12px;
    top: -12px;
    z-index: 2;
    background: #a70606;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    padding: 2px 12px;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}

.previewJS {
	width: 100%;
	min-height: 450px;
}
table.registerFile {
	width: 100%;
	border-collapse: separate;
    border-spacing: 8px;
}
table.registerFile td label{
    display: block;
    color: #fff;
    background: #000;
    padding: 15px;
}
table.registerFile tr td.filename {
	white-space: nowrap;
}

.percent {
    position: relative;
}
.percent input {
    padding-right: 22px;
    text-align: right;
}
.percent:before {
    content: '%';
    position: absolute;
    top: 13px;
    right: 8px;
    color: #888;
}
@media (max-width:820px){
	.modal-registro .modal-contenido.registro-obras {
		justify-content: flex-start; 
		align-items:center;
	}
	.modal-registro .storage { width: auto; }
	.modal-registro .helpLinks { flex-direction: column; }
	.bloques-tipos-registro,
	.bloques-tipos-obras {
		display: grid;
	    grid-template-columns:repeat(2,minmax(0,1fr));
    	grid-gap: 16px;
    	align-items: flex-start;
	    align-self: stretch;
	}
	.bloques-tipos-obras > div {
		width: auto;
		max-width: 173px;
	}	
	table.registerFile tbody {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	table.registerFile tr {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	table.registerFile tr td {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 4px;
	}
	table.registerFile tr td.filename {
		width: 100%;
		display: flex;
		flex-direction: row;
		gap: 4px;
	}
}

/******** CARRUSELES HOME *********************/
.home-plataforma-1 {
	flex-direction: column;
}
.home-plataforma-1 .item {
	width: 100%;
	display: flex;
	gap: 32px;
	align-items: center;
}
.home-plataforma-1 .item .item-intro {
	flex: 0 0 310px;
}
.home-plataforma-1 .item .item-intro .heading-M{
	font-size: 2.4em;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}
.home-plataforma-1 .item .item-intro .title_intro{
	    font-size: 1.9em;
    line-height: 1.2;
    font-weight: bold;
	
}
.home-plataforma-1 .item .item-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
}
.creatorsFrame {
	width:100%; height: 370px; border:0;
}
.home-plataforma-1 .item .item-content .item-cards {
	display: flex;
	gap: 16px;
	flex-wrap: nowrap;
	overflow: hidden;
	align-items: center;
	width: 100%;
}
.tips-article {
	flex: 1 0 0;
	border: solid 1px #888;
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 0;
	align-self: stretch;
}
.tips-article:hover {
	text-decoration: none;
}
.tips-article img {
	width: 100%;
	aspect-ratio: 3 / 2;
	border-bottom: solid 1px #ddd;
	object-fit: cover;
}
.tips-article .texts {
	padding:8px;
}
.creators-work {
	flex: 1 0 0;
	border: solid 1px #888;
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 0;
	align-self: stretch;
}
.creators-work:hover {
	text-decoration: none;
}
	
.creators-work img {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-bottom: solid 1px #ddd;
	object-fit: cover;
}
.creators-work .texts {
	padding:8px;
	overflow-x: hidden;
}

@media (max-width: 820px) {
	.home-plataforma-1 .item {
		flex-direction: column;
		align-items: start;
	}
	.home-plataforma-1 .item .item-intro {
		flex: 1;
	}
	.home-plataforma-1 .item .item-content {
		flex: 1;
		width: 100%;
	}	
	.home-plataforma-1 .item .item-content .item-cards {
		flex-direction: column;
		height: auto;
	}
}


/********************** COLUMNAS *****************/

.align-items-stretch { align-items: stretch !important;}

.row, .row-fixed {
	display: flex;
	flex-direction: row;
  	flex-wrap: wrap;
  	overflow: visible;
}
.col-1 {
	flex: 0 0 8.3333%;
	max-width: 8.3333%;
}
.col-2 {
	flex: 0 0 16.6666%;
	max-width: 16.6666%;
}
.col-3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.col-4 {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
}
.col-5 {
	flex: 0 0 41.6666%;
	max-width: 41.6666%;
}
.col-6 {
	flex: 0 0 50%;
	max-width: 50%;	
}
.col-7 {
	flex: 0 0 58.3333%;
	max-width: 58.3333%;
}
.col-8 {
	flex: 0 0 66.6666%;
	max-width: 66.6666%;
}
.col-9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.col-10 {
	flex: 0 0 83.3333%;
	max-width: 83.3333%;
}
.col-11 {
	flex: 0 0 91.6666%;
	max-width: 91.6666%;
}
.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}
.row > .col-1, .row > .col-2, .row > .col-3, .row > .col-4, .row > .col-5, .row > .col-6, 
.row > .col-7, .row > .col-8, .row > .col-9, .row > .col-10, .row > .col-11, .row > .col-12,
.row-fixed > .col-1, .row-fixed > .col-2, .row-fixed > .col-3, .row-fixed > .col-4, .row-fixed > .col-5, .row-fixed > .col-6, 
.row-fixed > .col-7, .row-fixed > .col-8, .row-fixed > .col-9, .row-fixed > .col-10, .row-fixed > .col-11, .row-fixed > .col-12 {
	padding: 10px;
}

@media (min-width:821px){	
	.row.large > .col-1, .row.large > .col-2, .row.large > .col-3, .row.large > .col-4, .row.large > .col-5, .row.large > .col-6, 
	.row.large > .col-7, .row.large > .col-8, .row.large > .col-9, .row.large > .col-10, .row.large > .col-11, .row.large > .col-12 {
		padding: 10px 24px;
	}
}
@media (max-width:820px){	
	.row { display: block; }
	.row .col-1, .row .col-2, .row .col-3, .row .col-4, .row .col-5, .row .col-6, 
	.row .col-7, .row .col-8, .row .col-9, .row .col-10, .row .col-11, .row .col-12 {
		width: 100%;
		max-width: 100%;
		padding: 10px 0;
	}
}
.header-bar-user .profile .profile-menu ul { display: flex; flex-direction:column; gap: 16px; }
.header-bar-user .profile .profile-menu ul li { padding:0; }
.header-bar-user .profile .profile-menu ul li.separacion-gris { margin:0; }
.header-bar-user .profile .boton { margin:40px 0 0 0; }
@media (max-width:820px){		
	.header-bar .navegacion { display: block; }
	.header-bar-user .profile .boton {
        display: inline-block;
        color: #fff;
        padding: 4px 16px;
        gap: 8px;
        font-size: 11px;
        line-height: 20px;
        margin-top: 16px;
    }
    .header-bar .navegacion LI:hover A.navegacion-link::before,
    .header-bar .navegacion LI.activo A.navegacion-link::before {
    	bottom: -12px;
    }
}

@media (max-width:820px){
	.boton-width-max {
		width: 100%;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

.collapsable {	position:relative; display: block;	width: 100%; padding: 0; background-color: #fff; background-clip: padding-box; border: 1px solid #CCCFCF; appearance: none; border-radius: 16px; box-shadow: false; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color: #000;
	background-image: url('/images/icon/arrow-down.svg');
	background-position: top 12px right 16px; 
	background-repeat: no-repeat;
}
.collapsable.expanded {
	background-image: url('/images/icon/arrow-up.svg'); 
}
.collapsable .collapsable-help { display:none; position: absolute; top: 48px; right: 15px; background: #fff; }
.collapsable .collapsable-title { display: block; width: 100%; padding: 9px 40px 9px 16px; font-size: 16px; font-weight: 500; line-height: 1.5; color: #000; }
.collapsable .collapsable-content { display: none; width: 100%; padding: 16px; transition: display 0.15s ease-in-out; }
.collapsable.expanded .collapsable-content { display: block; }
.collapsable.expanded .collapsable-help { display:block; }
.collapsable.with-help .collapsable-content { padding-right: 48px; }

.slideContainer { display: flex; flex-direction:row; gap: 8px; align-items: center; }
.slideContainer .inputContainer { display: flex; flex-direction:column; gap: 4px; align-items:center;}
.slideContainer .inputContainer input { text-align:center; width: 85px; }
.slideContainer .inputContainer label { text-align:center; white-space: nowrap; }
.slideContainer .slide { margin-top: 30px; }

/*
@media (max-width:820px){
	.slideContainer { flex-direction:column; }
	.slideContainer .inputContainer { flex-direction:row; align-items: center; width: 100%;}
	.slideContainer .slide { margin-top: 0; }
}
*/

.tippy-content p { font-weight: 400; margin-bottom: 4px; }
.tippy-content ul { padding-left: 24px; }
.tippy-content li { margin-bottom: 4px; }

.boton-grupo { display: flex; flex-direction: row; gap: 1px; }
.boton-grupo .boton { border-radius: 0; }
.boton-grupo .boton:first-child { border-radius: 16px 0 0 16px; }
.boton-grupo .boton:last-child { border-radius: 0 16px 16px 0; }

.float-hero-sidebar {
	align-items: stretch;
}

.float-hero-sidebar .float-frame {
	position: static;
	flex-direction: column;
	gap: 0;
    justify-content: start;
    align-items: stretch;
    width: 300px;
    height: unset;
}
.float-hero-sidebar .nofloat-banner {
	position: absolute;
	margin-bottom: 0;
}
.float-hero-sidebar .nofloat-frame {
    width: Calc(100% - (100% - 1280px)/2 - 300px);
}
.float-hero-sidebar .nofloat-frame .nofloat-content {
	margin-bottom: 0;
	padding-top: 64px;
	padding-bottom: 64px;
	gap: 16px;
}
.float-hero-sidebar.work-edit .nofloat-frame .nofloat-content {
	padding: 90px 0 0 0; 
}
.float-hero-sidebar.work-edit .sticky-movil .tabs li:first-child {
	margin-left: 32px; 
}
.float-hero-sidebar .float-frame .sticky-menu { 
	position:sticky; 
	top: 100px;
	margin-top: 50px; 
}
.work-edit .work-data {
	padding: 8px;
	border-radius: 8px 0 0 8px;
	display:flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	gap: 0;
	width: 250px;
	overflow: hidden;
	background: #000;
	color: #fff;
}
.work-edit .work-edit-header {
	border-radius: 0 8px 0 0;
	background: var(--grey_background);
}
.work-edit .work-data .work-thumbnail {
	width: 64px; 
	height: 64px; 
	object-fit: contain;
}
.work-edit .work-data .work-texts {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	max-height: 100px;
	padding: 8px;
	overflow-x: hidden;
}
.work-edit .work-data .work-code {
	font-size: 11px;
	color: #a70606;
}
.work-edit .work-data .work-title {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	overflow-x: hidden;
	text-overflow: ellipsis;
}
.work-edit .menu-sidebar {
	position:relative;
	padding: 8px 0;
	width: 250px;
	border-right: solid 1px #cccfcf;
	background: #fff;
}
.work-edit .menu-sidebar .menu-item {
	list-style: none;
	padding: 10px 0;
	margin: 0;
	width: 100%;
}
.work-edit .menu-sidebar .menu-item a {
	display: block;
	padding: 14px 14px 14px 0;
	margin: 0;
	width: 100%;
	font-size: 16px;
	font-weight: 300;
	border-right: solid 3px #fff;
	text-align: right;
}
.work-edit .menu-sidebar .menu-item a:hover {
	text-decoration: none;
}
.work-edit .menu-sidebar .menu-item a:hover,
.work-edit .menu-sidebar .menu-item.active a {
	border-right: solid 3px #a70606;
}
.work-edit .menu-sidebar .menu-item.active a {
	font-weight: 600;
}

.work-edit .tabs {
	padding-top:0;
}
.work-edit .tabs a {
	font-size: 18px;
}
.work-edit .tabs li:first-child {
	margin-left: 32px;
}
.work-edit .nofloat-banner { 
	position: relative;
	z-index: 4;
	background: var(--grey_background); 
	padding: 16px; 
	width: 100%; 
	display: flex;
	flex-direction: column;
	gap: 16px;
	border-radius: 16px;
}
.work-edit .creaciones-listado {grid-template-columns: repeat(3, minmax(0,1fr));}
@media(max-width: 1150px) {
	.work-edit .creaciones-listado {grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media(max-width: 520px) {
	.work-edit .creaciones-listado {grid-template-columns: repeat(1, minmax(0,1fr));}
}

.menu-sidebar .menu-expand {
	position: absolute;
	right:0;
	z-index: 2;
	list-style: none;
	padding: 0;
	width:100%;
	height:55px;
	margin: 0;
	display: none;
}
.menu-sidebar .menu-expand a {
	display:block;
	padding: 16px;
	width:100%;
	height: 100%;
	text-align: right;
	background: url('/images/ico-acordeon-2.png') no-repeat content-box right;
}
.menu-sidebar.expanded .menu-expand {
	width:55px;
}
.menu-sidebar.expanded .menu-expand a {
	background-image: url('/images/ico-acordeon-1.png');
}


.modal .modal-pasos .bloque {
	text-decoration: none;
	position: relative;
}
.modal .modal-pasos .bloque:hover {
	text-decoration: none;
}
.modal .modal-pasos .completado {
	position: absolute;
	top: -6px;
	left: 30px;
	line-height: 16px;
	color: var(--color-verde);
}
.modal .modal-pasos .completado img{
	width: 16px;
	height: 16px;
}
.modal .modal-pasos .completado:hover img{
	opacity: 1;
}
.work-edit-panel {
	width: 100%;
	position: relative;
	padding: 32px;
}
.work-edit-code {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 32px;
	gap: 16px;
}

.iaTable {
	font-size: 12px;
}
.iaTable td {
	padding: 0 8px;
}

@media (max-width: 499px) {
    .cuerpo {
        width: Calc(100% - 32px);
        margin: auto;
    }
}

@media (max-width:820px){
	.work-edit .work-data {
		width: 100%;
		border-radius: 8px 8px 0 0;
	}
	.work-edit .work-edit-header {
		border-radius: 0;
	}
	.work-edit .menu-sidebar .menu-item {
		display:none;
		padding: 0;
	}
	.work-edit .menu-sidebar .menu-item a {
		border: 0;
		padding: 16px;
		font-size: 16px;
		text-align: left;
	}
	.work-edit .menu-sidebar .menu-item.active {
		display:block;
	}
	.work-edit .menu-sidebar .menu-item.active a {
		border: 0;
	}
	.work-edit .menu-sidebar.expanded .menu-item {
		display:block;
	}
	.work-edit .menu-sidebar.expanded .menu-item:hover a {
		border:0;
		font-weight: bold;
	}
	.work-edit .menu-sidebar {
		padding: 0;
		margin:0;
		width: 100%;
		background: #fcfcfc;
		border-bottom: solid 1px var(--grey_1);
		border-right: none;
	}
	.not-hero .work-edit .tabs {
		padding-top: 0;
	}
	.work-edit .tabs li:first-child {
		margin-left: 0;
	}
	.work-edit .menu-sidebar.expanded {
		padding-bottom: 8px;
	}
	.work-edit .menu-sidebar .menu-expand {
		display: block;
	}
	.work-edit-panel {
		padding: 8px 0 0 0;
		margin-bottom: 32px;
	}
	.work-edit-code {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 0;
	}
	
}

.planes-detalle {gap:0;}


	.tarifas-detalle{margin-top: 56px; margin-bottom: 118px;; max-width:1000px; }
	.tarifas-detalle .detalle{display: flex; flex-direction: row; gap:32px; justify-content: space-between; background: #fff; }
	.tarifas-detalle .tipo-tarifa{}
	.tarifas-detalle .nombre{font-style: normal;font-weight: 900;font-size: 24px;line-height: 24px; margin-bottom: 16px;}
	.tarifas-detalle .tipo-tarifa .precio{margin-bottom: 16px;}
	.tarifas-detalle .tipo-tarifa .precio .codePro{font-size: 16px;line-height: 16px;}
	.tarifas-detalle .descripcion{ flex: 1; text-align: left; font-size: 16px;line-height: 26px; padding: 16px 0;}
	.tarifas-detalle .descripcion-texto{}
	.tarifas-detalle .caracteristicas{display: flex}
	.tarifas-detalle .caracteristica{min-width: 277px; flex: 1; text-align: center; padding: 16px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px;line-height: 18px;}
	.tarifas-detalle .separacion{width:1px; background: #000000; margin: 0}
	.tarifas-detalle .inline-icon{margin-left: Calc(50% - 20px); text-align: left; width: -webkit-fill-available;}
	.tarifas-detalle .success-profesional{filter: invert(23%) sepia(55%) saturate(4166%) hue-rotate(232deg) brightness(95%) contrast(103%);}
	.tarifas-detalle .success-corporativa{filter: invert(53%) sepia(65%) saturate(252%) hue-rotate(113deg) brightness(88%) contrast(83%);}
	.tarifas-detalle .precio .codePro{font-size:16px;line-height: 16px;}
	.tarifas-detalle .detalle:nth-of-type(odd) {background: rgba(204, 207, 207, 0.2);}
	.tarifas-detalle .sticky { position: -webkit-sticky; position:sticky !important; top:90px;  padding-top: 20px; z-index: 2; box-shadow: 0px 14px 10px -10px rgba(0, 0, 0, 0.28);}


@media (max-width: 820px) {
	.tarifas-detalle { margin:0px -16px 64px -16px;}
	.tarifas-detalle .sticky{top:30px;}
	.tarifas-detalle .detalle{display: block;}
		.tarifas-detalle .detalle.encabezado{ padding: 14px 0;}
	.tarifas-detalle .encabezado .heading-S {font-size: 16px; line-height: 16px; }
	.tarifas-detalle .encabezado .caracteristica{padding: 8px;}
	.tarifas-detalle .caracteristica {min-width:0; padding:0;}
	.tarifas-detalle .nombre{font-size: 20px;line-height: 20px;}
	.tarifas-detalle .tipo-tarifa .precio .codePro {font-size: 14px; line-height: 14px; display: block}
	.tarifas-detalle .tipo-tarifa .precio { margin-bottom:0px;}
	.tarifas-detalle .caracteristica .boton{font-size: 14px; padding: 4px 12px;}
	.tarifas-detalle .separacion{background: none; }
	.tarifas-detalle .inline-icon{display: flex; flex-direction: column; margin: auto; text-align: center; width: auto; align-items: center; gap: 5px;}
	.tarifas-detalle .detalle{padding:16px 8px;}
	.tarifas-detalle .encabezado.detalle{background:#fff !important;}
	.tarifas-detalle .descripcion{text-align: center; }
	
}

.payment-popup {
	width: 1000px;
	max-width: 100%;
}

.timeline {
    padding: 0 32px;
}
.timeline h3 {
	margin-left: -32px;
	margin-bottom: 20px;
}

.timeline-item {
    position: relative;
    padding-left: 30px;
    padding-bottom: 24px;
    border-left: 2px solid #CCCFCF;
}

.timeline-item:last-child {
    border-left: 2px solid transparent;
}

.timeline-item::before {
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #a70606;
}

.timeline-item.completed::before {
    background-color: #27c31c;
}

.timeline-item.failed::before {
    background-color: #a70606;
}

.timeline-item.current::before {
    background-color: #a70606;
    animation: pulse 2s infinite;
}

.timeline-item.pending::before {
    background-color: #cccccc;
}

.timeline-date {
    font-size: 14px;
    color: #666;
    margin-bottom: 4px;
}

.timeline-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

.timeline-description {
    font-size: 14px;
    margin-bottom: 0;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 78, 63, 0.7);
    }
    
    70% {
        transform: scale(1.1);
        box-shadow: 0 0 0 10px rgba(255, 78, 63, 0);
    }
    
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 78, 63, 0);
    }
}

.accordion-custom {
    padding-bottom: 32px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: url(images/ico-acordeon-2.png);
}
.accordion-custom.active {
    background-image: url(images/ico-acordeon-1.png);
}
.accordion-custom .accordion-custom-element {
    display:none;
}.accordion-custom .accordion-custom-element.open {
    display:block;
}

.backoffice-menu h2 {
	margin-bottom: 16px;
}
.backoffice-menu .col-3 {
	padding: 5px;
}
.backoffice-menu .boton {
	white-space: normal;
	height: auto;
	line-height: 16px;
	padding: 8px 16px;
	flex-grow: 1;
}
.backoffice-menu .icon {
	font-size: 64px;
	display: block;
	margin-bottom: 8px;
}
.header-bar .container {
    margin: 0;
}
.breadcrumb .breadcrumbs {
	 margin-top: 0 !important;
}
.no-cuerpo-margin .cuerpo {
   margin: 0;
}
.data-table  th.disclaimer-S {
	font-size: 16px;
}

.contract-preview {
	width: 100%;
	max-height: 400px;
	overflow-y: auto;
	padding: 24px;
	border: solid 1px #cccfcf;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.4;
}

.contract-preview p, .contract-preview ol {
	font-weight: 300;
	margin-bottom: 4px;
}

	.contract-preview ol.sections {
		type: 1;
	}
	.contract-preview ol.sections > li {
	    margin-bottom: 1em;
	}
	.contract-preview ol.sections > li::marker {
	    font-weight: bold;
	}
	.contract-preview ol.items {
		list-style: lower-alpha;
		margin-bottom: 0;
		text-indent: 0;
	
	}
	.contract-preview ol.subitems {
		list-style: decimal;
		margin-bottom: 0;
       counter-reset: subitem;
   }


.contract-preview h2 {
	font-size: 130%;
	font-weight: bold;
	margin-top:24px;
	margin-bottom: 4px;
}
.contract-preview h3 {
	font-size: 120%;
	font-weight: bold;
	margin-top:16px;
	margin-bottom: 4px;
}
.contract-preview table {
	width: 100%;
    border-collapse: collapse;
}
.contract-preview table th, .contract-preview table td {
    border-bottom: 1px solid #cccfcf;
    padding: 8px 0;
    text-align: left;
}

.home-resgistrar-como .item .sep {
    display: flex;
    align-items: center; 
    margin-bottom: 20px;
    gap: 16px;
}
.home-resgistrar-como .item .sep .linea {
    flex: 1;
    border-bottom: 1px solid #fff; 
}
.home-resgistrar-como .item .sep .plus {
    font-size: 48px; 
    line-height: 48px; 
}
#slider_home .item {
  height: 100vh;
  position: relative;
}
#slider_home .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#slider_home .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
}
#slider_home .item .cover .header-content {
  position: relative;
  padding: 56px;
  overflow: hidden;
}
#slider_home .item .cover .header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid #fff;
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
#slider_home .item .cover .header-content .title_slider1 {
  font-weight: 300;
  font-size: 35px;
  color: #fff;
}
#slider_home .item .cover .header-content .title_slider2 {
font-size: 3.5em;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #fff;
}
#slider_home .item .cover .header-content .title_slider3 {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}
#slider_home .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
#slider_home .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
#slider_home .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
#slider_home .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
.header-content a{
	z-index: 1;
    position: relative;
}
#slider_home .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}
#slider_home .owl-nav .owl-prev span {
  font-size: 1.6875rem;
  color: #fff;
}
#slider_home .owl-nav .owl-prev:focus {
  outline: 0;
}
#slider_home .owl-nav .owl-prev:hover {
  background: #000 !important;
}
#slider_home .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}
#slider_home .owl-nav .owl-next span {
  font-size: 1.6875rem;
  color: #fff;
}
#slider_home .owl-nav .owl-next:focus {
  outline: 0;
}
#slider_home .owl-nav .owl-next:hover {
  background: #000 !important;
}
#slider_home:hover .owl-prev {
  left: 0px;
  opacity: 1;
}
#slider_home:hover .owl-next {
  right: 0px;
  opacity: 1;
}
#slider_home .owl-nav {
    margin-top: 0;
}
.serviceBox{
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding-top: 10px;
}

.serviceBox .service-icon{
    color: #fff;
    background: #fff;
    font-size: 45px;
    line-height: 100px;
    width: 100px;
    height: 100px;
    margin: 0 auto 30px;
    border-radius: 50%;
    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
}

.serviceBox .service-icon:before,
.serviceBox .service-icon:after{
    content: "";
    background: linear-gradient(to right, #F09119 50%, transparent 50%);
    border-radius: 50%;
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    z-index: -1;
  transition: all ease 0.8s;
}
.serviceBox:hover .service-icon:before, .serviceBox:hover .service-icon:after {
    transform: rotateZ(180deg);
}
.serviceBox:hover .service-icon {
    box-shadow: -5px 1px 5px rgba(0, 0, 0, 0.2);
}

.serviceBox .service-icon:after{
    background: #F09119;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}
.serviceBox {
    border: 1px solid #e5e4e4;
    padding: 30px;
    border-radius: 20px;
    background: #f9f9f9;
    position: relative;
    z-index: 1;
	margin: 0px 0px 30px 0px;
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	height: 360px;
}
.serviceBox:hover {
    border-color: #00a8ff;
}

.serviceBox .title{
    color: #F1921A;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-weight: bold;
    height: 40px;
    line-height: 1.3;
}

.serviceBox .description{
    color: #777;
    font-size: 15px;
    line-height: 20px;
    margin: 0px 0px 0px 0px;
    /* height: 110px; */
    text-align: justify;
    overflow: hidden;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
/* Item 1 */
.box_service:nth-child(1) .serviceBox .service-icon:before {
    background: linear-gradient(to right, #E34A3A 50%, transparent 50%);
}
.box_service:nth-child(1) .serviceBox .service-icon:after {
    background: #E34A3A;
}
.box_service:nth-child(1) .serviceBox .title {
    color: #E34A3A;
}

/* Item 2 */
.box_service:nth-child(2) .serviceBox .service-icon:before {
    background: linear-gradient(to right, #009CB5 50%, transparent 50%);
}
.box_service:nth-child(2) .serviceBox .service-icon:after {
    background: #009CB5;
}
.box_service:nth-child(2) .serviceBox .title {
    color: #009CB5;
}

/* Item 3 */
.box_service:nth-child(3) .serviceBox .service-icon:before {
    background: linear-gradient(to right, #A1C52D 50%, transparent 50%);
}
.box_service:nth-child(3) .serviceBox .service-icon:after {
    background: #A1C52D;
}
.box_service:nth-child(3) .serviceBox .title {
    color: #A1C52D;
}

/* Item 4 */
.box_service:nth-child(4) .serviceBox .service-icon:before {
    background: linear-gradient(to right, #4cae4c 50%, transparent 50%);
}
.box_service:nth-child(4) .serviceBox .service-icon:after {
    background: #4cae4c;
}
.box_service:nth-child(4) .serviceBox .title {
    color: #4cae4c;
}

/* Item 5 */
.box_service:nth-child(5) .serviceBox .service-icon:before {
    background: linear-gradient(to right, #E0BC00 50%, transparent 50%);
}
.box_service:nth-child(5) .serviceBox .service-icon:after {
    background: #E0BC00;
}
.box_service:nth-child(5) .serviceBox .title {
    color: #E0BC00;
}

/* Item 6 */
.box_service:nth-child(6) .serviceBox .service-icon:before {
    background: linear-gradient(to right, #a70606 50%, transparent 50%);
}
.box_service:nth-child(6) .serviceBox .service-icon:after {
    background: #a70606;
}
.box_service:nth-child(6) .serviceBox .title {
    color: #a70606;
}

@media only screen and (max-width:990px){
    .serviceBox{ margin: 0 0 30px; }
}
.home-step {
    margin-bottom: 0;
    padding: 60px 0px;
}
.home-step .list-step {
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
}
.home-step .block-title{
	margin: 0px 0px 4em;
}
.home-step .list-step .item {
  text-align: center;
  position: relative;
}
.home-step .list-step .item .icon {
  height: 140px;
  width: 140px;
  display: inline-block;
  position: relative;
  line-height: 118px;
  background: #fff;
  box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin-bottom: 30px;
  font-size: 70px;
  color: #a70606;
  text-align: center;
}
.home-step .list-step .item .icon i {
    font-size: 50px;
    line-height: 2.8;
}
.home-step .list-step .item .icon .number {
  position: absolute;
  height: 40px;
  width: 40px;
  font-size: 14px;
  background: #a70606;
  line-height: 40px;
  border-radius: 50%;
  color: #fff;
  left: -3px;
  top: -5px;
  font-weight: 600;
  text-align: center;
}
.home-step .list-step .item .icon:before {
	content: "";
	position: absolute;
	left: 7px;
	right: 7px;
	top: 7px;
	bottom: 7px;
	border-radius: 50%;
	border: 2px solid #a70606;
		-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}
.home-step .list-step .item:hover .icon:before{
	transform: scale(1.3);
}
.home-step .list-step .item .icon:hover{
	background:#a70606;
	color: #fff;
}
.home-step .list-step .item .title {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
}
.home-step .list-step .item .des {
  color: #757f95;
  font-size: 16px;
}
.home-step .list-step .item:before {
  content: "";
  background-image: url(images/icon-arrow.png);
  position: absolute;
  right: -72px;
  top: 34px;
  width: 118px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
}
.home-step .list-step .item:last-child:before {
  content: none;
}
@keyframes ripple-wave {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }
}
.box_youtube{
	position: relative;
    margin: 45px 0px 110px;
}
.home .box_youtube{
	position: relative;
    margin: 45px 0px;
    text-align: center;
}
.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #a70606;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #a70606;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: #a70606;
}
.video-play-button:before {
  content: "";
  color: red;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #a70606;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #a70606;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #a70606;
  transform: scale(1.5);
}

.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0,0,0,0.75);
}

/* ENTRANCE ANIMATION OF THE PLAY BUTTON */

.video-play-button {
	-webkit-animation: scale-up-center 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
	        animation: scale-up-center 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
}

.video-play-button {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
#call-to-action{
	background-color: #a70606;
}
#call-to-action .separador {
    width: 1%;
    height: 60%;
    background-color: #ffffffab;
    float: right;
    margin: 20% 0px;
}
#call-to-action .contenedor-doble{
    text-align: center;
    color: #fff;
    padding: 70px 15px;
    width: 99%;
    display: inline-block;
}
.contenedor-doble{
	
}
.action-content{
	
}
.title-action{
	color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
}
.action-content p{
	text-align: center;
    font-size: 14px;
    line-height: 1.4;
    margin: 0px 0px 15px 0px;
}
.box-action-button{
	
}
.box-action-button .boton{
	
}
.box-action-button .txt-blanco{
	display: block;
    margin: 15px 0px 0px;
}
#paymentTabsContent{
	padding: 20px 0px;
}

.modal-dialog{
    margin-top: 10%;
	text-align: center;
}
.popup {
  background-color: #fff;
  border: 3px solid #fff;
  display: inline-block;
  left: 50%;
  opacity: 1;
  padding: 15px;
  top: 40%;
  border-radius: 10px;
box-shadow: 0 1px 1px 2px #a70606 inset;
    width: 80%;
}
.overlay:target + .popup {
  top: 50%;
  opacity: 1;
  visibility: visible;
  z-index: 6969;
}

.popup p,
.popup div {
  margin-bottom: 10px;
  line-height: initial;
}
.popup label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    width: 30%;
    /* float: left; */
    line-height: 2;
    text-align: left;
}
.popup input[type="text"],
.popup input[type="password"],
.popup input[type="email"] {

    border: 1px solid;
    border-color: #999 #ccc #ccc;
    margin: 0px 0px 5px 0px;
    padding: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 5px;
    line-height: initial;
    width: 68%;
    float: right;
    height: 32px;
	min-height: auto;
    font-weight: normal;
}

.popup h4 {
    color: #c20f13;
    font-size: 20px;
    text-align: center;
    margin: 0px 0px 12px 0px;
    
    text-transform: uppercase;
    font-weight: bold;
}
.popup p.p-popup {
  text-align: center;
  line-height: initial;
  
}
.popup .popup-buttom {
  padding: 5px 10px;
  margin: 0 auto;
  color: #003fc0;
  margin: 0 0 10px 42%;
  background: #a70606;
  border: none;
  color: #fff;
  font-weight: 700;
  height: 30px;
  line-height: initial;
}
.popup span {
  float: left;
  color: #000;
  border: none;
  line-height: initial;
  
}
.popup a {
  float: left;
  color: #212d63;
  border: none;
  line-height: initial;
  
}
.popup a:hover {
  color: red;
}
.box-submit {
}
.box-submit button{
	    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0px 25px 15px;
    min-width: 150px;
}
/*--- btn-3 ---*/
.btn-3 {
  padding: 5px;
}
.btn-3 span {
    color: rgb(255, 255, 255);
    background-color: #a70606;
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    display:block;
}
.btn-3::before,
.btn-3::after {
  background: transparent;
  z-index: 2;
}
/* 11. hover-border-1 */
.btn.hover-border-1::before,
.btn.hover-border-1::after {
  width: 10%; height: 25%;
  transition: 0.35s;
      position: absolute;
    content: "";
}
.btn.hover-border-1::before {
  top: 0; left: 0;
  border-left: 1px solid #a70606;
  border-top: 1px solid #a70606;
}
.btn.hover-border-1::after {
  bottom: 0; right: 0;
  border-right: 1px solid #a70606;
  border-bottom: 1px solid #a70606;
}
.btn.hover-border-1:hover::before,
.btn.hover-border-1:hover::after {
  width: 99%;
  height: 98%;
}
.listado-visual .card {
    border: 1px solid #CCCFCF;
    flex-direction: column;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    color: #000;
    white-space: normal;
    position: relative;
    height: auto;
    margin-bottom: 30px;
	box-shadow: 2px 3px 6px 0px #00000036;
    background: #fff;
}
.listado-visual .card .card-textos {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
	    justify-content: flex-start;
    gap: 4px;
}
.listado-visual .card .titulo {
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #000;
    display: block;
    min-height: 10px;
    text-transform: uppercase;
}
.listado-visual .card .nombre {
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
}
.listado-visual .card .categoria {
    
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.card-image{
	
}
.card-image img{
	width:100%;
}
.masonry-gallery {
    column-count: 3;         /* 3 cột */
    column-gap: 0;           /* không khoảng cách giữa các cột */
}

.masonry-gallery .item {
    break-inside: avoid;
    padding: 0px 15px;
	margin: 0px 0px 30px;
}

.masonry-gallery img {
    width: 100%;
    height: auto;
    display: block;
	opacity: 1;
}
.listado-musica {
    width: 100%;
    margin: 0;
    margin: 30px 0;
}
.listado-musica .card {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    height: auto;
}
.listado-musica .card-data {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
    height: 100%;
}
.obras-listado .card .play {
    position: absolute;
    top: 130px;
    left: 8px;
    width: 48px;
    height: 48px;
    border: 4px solid;
    border-radius: 120px;
    display: flex
;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.listado-musica .card .card-imagen {
    position: relative;
    width: 60%;
    height: 100%;
    background: #f7f7f7;
	    text-align: center;
}
.listado-musica .card .card-imagen .imagen-img {
    object-fit: cover;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    margin: 0px auto;
}
.listado-musica .card .card-textos, .listado-literatura .card .card-textos {
    padding: 15px 15px 12px 0;
    justify-content: space-between;
    right: 0;
    margin-left: -15px;
    width: 60%;
}
.obras-listado .card .titulo {
    text-transform: inherit;
    font-weight: bold;
    font-size: 16px;
    margin: 0px 0px 5px;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.card a:hover{
	color:#a70606;
	text-decoration: none;
}
.listado-musica .card .nombre {
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
}
.obras-listado .card .descripcion{
	overflow: hidden;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin: 0px 0px 10px 0px;
}
.listado-musica .card .categoria {
    
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.listado-musica .card, .listado-literatura .card {
    border: 1px solid #CCCFCF;
	height: 220px;
	    margin-bottom: 30px;
		    overflow: hidden;
}
.video-main {
    position: absolute;
    display: block;
    z-index: 1;
    /* width: 100%; */
    text-align: center;
    top: 40%;
    right: 40%;
}

.video {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: transparent;
  color: #fff;
  display: inline-block;
    background: #a70606;
  z-index: 999;
}
.waves {
    position: absolute;
    width: 150px;
    height: 150px;
    background: #a7060669;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    right: -50px;
    bottom: -50px;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}
@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.fa-play:before {
  content: "\f04b";
}


.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.img_zoom {
    overflow: hidden;
}
.img_zoom img {
    transition: 0.6s;
}
.img_zoom:hover img {
    transform: scale(1.2)
}
.obra a{
    display: block;
}
.box_title{
	margin: 0px 0px 30px;
}
.box_title h2 , .box_title h1 {
	  position: relative;
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 40px;
  color: #080808;
  text-align: center;
  text-transform: uppercase;
}
.box_title h2:before , .box_title h1:before  {
  width: 28px;
  height: 5px;
  display: block;
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  margin-left: -14px;
  background-color: #a70606;
}
.box_title h2:after , .box_title h1:after{
    width: 200px;
    height: 1px;
    display: block;
    content: "";
    position: relative;
    margin-top: 15px;
    left: 50%;
    margin-left: -100px;
    background-color: #a70606;
}
.report-form {
	max-width: 700px;
	margin: 50px auto;
	background: white;
	padding: 30px;
	border-radius: 12px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.form-title {
	margin-bottom: 20px;
}
.author-card {
	background: white;
	border-radius: 12px;
	padding: 30px;
	margin: 30px auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.author-photo {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	object-fit: cover;
	border: 4px solid #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.section-title {
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.member-card img {
	width: 100%;
	border-radius: 8px;
	object-fit: cover;
	height: 350px;
}
.section-title {
	border-bottom: 2px solid #007bff;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.card-body {
    background-color: #f9f9f9; /* Màu nền nhẹ */
    padding: 20px;
    border-top: 1px solid #eee;
    text-align: center;
    transition: background-color 0.3s ease;
}

.card-body:hover {
    background-color: #f1f1f1;
}

.card-title {
    font-size: 1.2rem;
    font-weight: bold;
    color: #007bff;
    margin: 10px 0px;
}

.card-text {
    font-size: 0.95rem;
    color: #555;
    line-height: 1.5;
}
table td {
  vertical-align: middle;
  font-size: 0.95rem;
}
.card-title {
  font-weight: 600;
}
.card-text {
  font-size: 0.9rem;
  color: #555;
}
.art-image {
  object-fit: contain;
  width: 100%;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  
}
.img-default{
	padding: 45px;
    background: #f8f9f4;
}
.section-title {
  border-bottom: 2px solid #ccc;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  font-weight: 600;
}
.info-box {
    background-color: #f9f9f9;
    border-left: 4px solid #a70606;
    padding: 1rem;
    border-radius: 8px;
	text-align: left;
    margin: 15px 0px 10px;
}
.info-box a{
	color: #0076ef;
}
.badge-hash {
  background-color: #198754;
  color: #fff;
  font-size: 0.8rem;
  margin-right: 5px;
	}
.dotted-input, #form_vcca input , #form_vcca textarea{
	border: none;
	border-bottom: 1px dotted #000;
	width: 100%;
	outline: none;
	padding: 4px 0;
	border-radius: 0;
}

#register_form{
	margin: 35px auto;
    text-align: center;
}
#register_form h1 , #register_form h2 {
	    font-weight: bold;
}
.p_date{
	margin: 10px 0px;
    text-align: right;
}
#register_form .title_form{
	margin: 10px 0px 25px;
}
#register_form .title_form2{
    font-size: 22px;
}
#form_vcca{
    text-align: left;
}
#form_vcca label{

}
#form_vcca .radio-group{

}
#form_vcca .radio-group label{

}
#form_vcca .radio-group input{
    width: inherit;
}
#library_images{
    background: #f7f7f7;
    padding: 60px 0px 75px;
}
#library_images ul{
	text-align: center;
    border: none;
}
#library_images ul li {
	display: inline-block;
    text-align: center;
    float: inherit;
}
#library_images ul li a{
    padding: 5px 16px;
    border-radius: 10px;
    border: 1px solid #999999;
    color: #000000;
    font-size: 18px;
    line-height: 22px;
    display: inline-block;
    font-weight: 400;
    transition: 0.1s background-color;
    -webkit-transition: background-color ease-in 0.2s;
    -moz-transition: opacity ease-in 0.25s;
    -o-transition: opacity ease-in 0.25s;
    margin: 0px 10px 10px;
}
#library_images ul li:hover a , #library_images ul li a.active{
	text-decoration: none;
  color: #fff;
  background-color: #a70606;
  border-color: #a70606;
}
#library_images .tab-content{
    padding: 30px 0px 0px;
}

.library_images .effect{
	border-radius: 15px;
	border: 5px solid #f5f5f5;
}
.library_images .tab-text h2 a{
	color:#fff;
}
#library_images .masonry-gallery .item:hover a{
	text-decoration: none;
}

#library_images .masonry-gallery .item:hover h2 , #library_images .masonry-gallery .item:hover p{
	display:block;
}

.song-img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 5px;
}
.song-box {
  display: flex;
  margin-bottom: 15px;
}
.song-info {
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn-sm {
  width: fit-content;
}
.artist-card {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 30px;
    /* height: 100%; */
    transition: box-shadow 0.2s ease;
    text-align: center;
}
.artist-card:hover {
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.artist-card figure{
	width: 140px;
    height: 140px;
    display: block;
    margin: 0px auto;
    overflow: hidden;
    border-radius: 50%;
	margin-bottom: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.artist-img {
    width: 100%;
    object-fit: cover;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.artist-card .p_description{
	color: #343434;
    font-size: 14px;
    line-height: 22px;
    word-break: break-word;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0px 0px;
    height: 65px;
}
.artist-card a:hover{
	text-decoration:none;
	color:#a70606;
}
.category-badge {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 7px 14px;
	background-color: #a70606;
}
.category-badge.badge_bg1{
	background-color: #337ab7;
} 
.category-badge.badge_bg2{
	background-color: #F09119;
} 
.category-badge.badge_bg3{
	background-color: #4cae4c;
} 
.category-badge.badge_bg4{
	background-color: #E34A3A;
} 
.category-badge.badge_bg5{
	background-color: #009CB5;
} 
.category-badge.badge_bg6{
	background-color: #A1C52D;
} 
.category-badge.badge_bg7{
	background-color: #437057;
} 
.category-badge.badge_bg8{
	background-color: #a70606;
} 
.category-badge.badge_bg9{
	background-color: #CC66DA;
} 
.artist-card h5{
	font-weight: bold;
    font-size: 22px;
    margin: 10px 0px 5px;
}
.artist-card h5{
	font-weight: bold;
    font-size: 22px;
    margin: 10px 0px 5px;
}
.artist-card{
	
}
.price{
	color: red;
    font-weight: bold;
}
.price .price-old {
    font-size: 12px;
    font-weight: normal;
    color: #888;
    text-decoration: line-through;
}
.star , .star i{
	color: #ffbc00 ;
    font-size: 16px;
    letter-spacing: 4px;
}
.star .fa-star{
	
}
.star .fa-star-o{
	
}
#box_video{
	padding: 45px 0px 15px;
}
.video-title {
    margin: 10px 0;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.2;
    height: 35px;
}
#box_video .item{
    position: relative;
	padding:0px 5px;
	
}

.item .item_video{
    background: #000;
    display: block;
    width: 100%;
    float: left;
    position: relative;

}

.item .item_video img{
    opacity: 0.9;
    width: 100%;
    width: 100%;
    height: 250px;
    object-fit: cover;
}


#box_video .owl-nav button {
background: rgb(0 0 0 / 61%);
    color: #fff;
    border: none;
    font-size: 16px;
    width: 30px;
    height: 30px;
    /* border-radius: 50%; */
    pointer-events: all;
    transition: 0.3s ease;
}

#box_video .owl-nav button:hover {
  background: #a70606;
  color: #fff;
}

/* Nếu muốn dời vị trí lên/xuống */
#box_video .owl-prev {
  margin-left: -10px;
}

#box_video .owl-next {
  margin-right: -10px;
}
.video-info{
	    display: flex;
    justify-content: space-between;
    font-size: 14px;
}
.item-video{
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	display: block;
    width: 100%;
    float: left;
    padding: 0px 15px 15px;
    margin: 0px 0px 45px;
	height: 110px;
}
/* Circle */
.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
.project-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
  padding: 20px;
}

.project-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  overflow: hidden;
  transition: transform 0.3s ease;
      margin: 0px 0px 30px;
          
}

.project-card:hover {
  transform: translateY(-5px);
}


.project-card-a {
    height: 250px;
    display: block;
}
.project-card img {
    width: auto;
    object-fit: cover;
    max-height: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0px auto;
}


.project-content {
padding: 15px;
    height: 160px;
    overflow: hidden;
}

.project-content h2, .project-content h3 {
    margin: 0 0 5px;
    font-size: 1.1rem;
    color: #000;
    font-weight: bold;
    /* height: 40px; */
    line-height: 1.2;
    overflow: hidden;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	height: 40px;
}
.project-content a:hover{
	color:#a70606;
	text-decoration: none;
}
.project-content .category {
  display: inline-block;
  font-size: 0.85rem;
  color: #666;
  margin-bottom: 8px;
}

.project-content .descripcion {
    font-size: 0.95rem;
    color: #7e7e7e;
    line-height: 1.4;
    overflow: hidden;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin: 0px 0px 0px 0px;
}
.box_partner {
    padding: 75px 0px 30px;
	border-top: 2px solid #a70606;
}
#owl-partner{
	margin: 45px 0px 0;
}
#owl-partner .item {
    width: 100%;
    padding: 0px 0px 0px 15px;
}
#owl-partner .bg-image {
    padding: 15px;
    width: 100%;
    height: 140px;
	align-items: center;
    justify-content: center;
     display: flex;
}
#owl-partner .bg-image img {
    max-height: 100%;
    width: auto;
    display: block;
    text-align: center;
    margin: 0px auto;
}
#owl-partner .bg-image :hover{
	filter: none;
}
#testimonial-area{
	padding: 75px 0px;
}

.testi-wrap {
	position: relative;
	margin-top: -30px;
	min-height: 550px;
}

.client-single {
	margin-top: 20px;
	text-align: center;
	position: absolute;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.client-info,
.client-comment {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.client-single {
	&.inactive {
		.client-comment,
		.client-info {
			display: none;
		}
		.client-comment,
		.client-info {
			opacity: 0;
			visibility: hidden;
		}
	}
	&.position-1 {
		-webkit-transform: scale(0.65);
		transform: scale(0.65);
	}
	&.position-2 {
		left: -40px;
		top: 105px;
	}
	&.position-3 {
		left: -60px;
		top: 240px;
		-webkit-transform: scale(0.4) !important;
		transform: scale(0.4) !important;
	}
	&.position-4 {
		left: 55px;
		top: 380px;
	}
	&.position-5 {
		top: 30px;
		right: 55px;
	}
	&.position-6 {
		top: 225px;
		right: -40px;
	}
	&.position-7 {
		top: 400px;
		right: 45px;
		-webkit-transform: scale(0.4) !important;
		transform: scale(0.4) !important;
	}
	&.active {
		top: 10%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 10;
		width: 70%;
		.client-comment,
		.client-info {
			-webkit-transition-delay: 0.6s;
			transition-delay: 0.6s;
		}
	}
	&:not(.active) {
		-webkit-transform: scale(0.55);
		transform: scale(0.55);
		z-index: 99;
	}
	&.active .client-img {
		width: 160px;
		height: 160px;
		margin: 0 auto 24px;
		position: relative;
		&:before {
			border-radius: 100%;
			content: '';
			background-image: linear-gradient(168deg, rgb(254 91 91) 0%, #a70606e0 100%);
			padding: 5px;
			width: 160px;
			height: 160px;
			top: -4px;
			left: 0px;
			position: absolute;
			z-index: -1;
		}
	}
	.client-img img {
		width: 150px;
		border-radius: 50%;
		border: 2px solid #a70606;
		cursor: pointer;
	}
	&.active .client-img img {
		max-width: 160px;
		margin: 0 auto 24px;
		border: 0;
	}
}

.client-comment {
	padding: 0 30px;
	h3 {
		font-size: 22px;
		line-height: 32px;
		color: #505b6d;
	}
	span i {
		font-size: 30px;
		color: #a70606;
		margin: 40px 0 24px;
		display: inline-block;
	}
}

.client-info {
	h3 {
		color: #000;
		font-weight: 600;
		margin-bottom: 4px;
	}
	p {
		color: #0084ff;
		text-transform: uppercase;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#testimonial-area .section-heading h2 {
		font-size: 30px;
	}
	.client-comment h3 {
		font-size: 18px;
		line-height: 28px;
	}
	.client-single.active {
		width: 60%;
	}
	.client-single:not(.active) {
		-webkit-transform: scale(0.55);
		transform: scale(0.35);
	}
	.client-single.position-3,
	.client-single.position-7 {
		-webkit-transform: scale(.30) !important;
		transform: scale(.30) !important;
	}
	.client-single.active .client-img img {
		max-width: 100px;
	}
	.client-single.active .client-img::before {
		padding: 5px;
		width: 108px;
		height: 108px;
		top: -4px;
		left: 6px;
	}
	.client-single.active .client-img {
		width: 120px;
		height: 100px;
	}
	.testi-wrap {
		height: 580px;
	}
	#testimonial-area {
		padding: 100px 0 0;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#testimonial-area .section-heading h2 {
		font-size: 30px;
	}
	.client-comment h3 {
		font-size: 14px;
		line-height: 26px;
	}
	.client-single.active {
		width: 60%;
	}
	.client-comment span i {
		font-size: 40px;
	}
	.client-single:not(.active) {
		-webkit-transform: scale(0.55);
		transform: scale(0.35);
	}
	.client-single.position-5,
	.client-single.position-7 {
		right: 0;
	}
	.client-single.position-4 {
		left: 0;
	}
	.client-single.position-3,
	.client-single.position-7 {
		-webkit-transform: scale(.30) !important;
		transform: scale(.30) !important;
	}
	.client-single.active .client-img img {
		max-width: 80px;
	}
	.client-single.active .client-img::before {
		padding: 5px;
		width: 88px;
		height: 88px;
		top: -4px;
		left: 16px;
	}
	.client-single.active .client-img {
		width: 120px;
		height: 100px;
	}
	.testi-wrap {
		height: 630px;
	}
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	#testimonial-area .section-heading h2 {
		font-size: 30px;
		line-height: 40px
	}
	.client-comment h3 {
		font-size: 14px;
		line-height: 26px;
	}
	.client-single.active {
		width: 80%;
	}
	.client-comment span i {
		font-size: 40px;
	}
	.client-single:not(.active) {
		-webkit-transform: scale(0.25);
		transform: scale(0.25);
	}
	.client-single.position-5,
	.client-single.position-7,
	.client-single.position-6 {
		right: -40px;
	}
	.client-single.position-4 {
		left: -15px;
	}
	.client-single.position-3 {
		left: -25px;
	}
	.client-single.position-3,
	.client-single.position-7 {
		-webkit-transform: scale(.25) !important;
		transform: scale(.25) !important;
	}
	.client-single.active .client-img img {
		max-width: 80px;
	}
	.client-single.active .client-img::before {
		padding: 5px;
		width: 88px;
		height: 88px;
		top: -4px;
		left: 16px;
	}
	.client-single.active .client-img {
		width: 120px;
		height: 100px;
	}
	.testi-wrap {
		height: 600px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 359px) {
	#testimonial-area .section-heading h2 {
		font-size: 30px;
	}
	.client-comment h3 {
		font-size: 14px;
		line-height: 26px;
	}
	.client-single.active {
		width: 80%;
	}
	.client-comment span i {
		font-size: 40px;
	}
	.client-single:not(.active) {
		-webkit-transform: scale(0.25);
		transform: scale(0.25);
	}
	.client-single.position-5,
	.client-single.position-7,
	.client-single.position-6 {
		right: -70px;
	}
	.client-single.position-4 {
		left: -60px;
	}
	.client-single.position-3 {
		left: -75px;
	}
	.client-single.position-3,
	.client-single.position-7 {
		-webkit-transform: scale(.25) !important;
		transform: scale(.25) !important;
	}
	.client-single.active .client-img img {
		max-width: 80px;
	}
	.client-single.active .client-img::before {
		padding: 5px;
		width: 88px;
		height: 88px;
		top: -4px;
		left: 16px;
	}
	.client-single.active .client-img {
		width: 120px;
		height: 100px;
	}
	.testi-wrap {
		height: 550px;
	}
}
.title_home{
	display: block;
    text-align: center;
    margin: 0px auto;
}
.title_home h2 , .title_home h1{
    position: relative;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    font-size: 2.2em;
    font-weight: 700;
    text-transform: uppercase;
    width: fit-content;
    text-align: center;
    margin: auto;
    white-space: nowrap;
    padding-bottom: 20px;
    background: url(images/title.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 220px;
    color:#a70606;
}
.title_home.title_home_2 h2 , .title_home.title_home_2 h1{
	color:#fff;
	background: url(images/title1.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 280px;
}
/****************** FOODTER ********************/
   .animate-border {
  position: relative;
  display: block;
  width: 115px;
  height: 3px;
  background: #a70606; }

.animate-border:after {
  position: absolute;
  content: "";
  width: 35px;
  height: 3px;
  left: 0;
  bottom: 0;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
  -webkit-animation: animborder 2s linear infinite;
  animation: animborder 2s linear infinite; }

@-webkit-keyframes animborder {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  100% {
    -webkit-transform: translateX(113px);
    transform: translateX(113px); } }

@keyframes animborder {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  100% {
    -webkit-transform: translateX(113px);
    transform: translateX(113px); } }

.animate-border.border-white:after {
  border-color: #fff; }

.animate-border.border-yellow:after {
  border-color: #F5B02E; }

.animate-border.border-orange:after {
  border-right-color: #a70606;
  border-left-color: #a70606; }

.animate-border.border-ash:after {
  border-right-color: #EEF0EF;
  border-left-color: #EEF0EF; }

.animate-border.border-offwhite:after {
  border-right-color: #F7F9F8;
  border-left-color: #F7F9F8; }

/* Animated heading border */
@keyframes primary-short {
  0% {
    width: 15%; }
  50% {
    width: 90%; }
  100% {
    width: 10%; } }

@keyframes primary-long {
  0% {
    width: 80%; }
  50% {
    width: 0%; }
  100% {
    width: 80%; } } 

.dk-footer {
	padding: 75px 0 0;
    background-color: #151414;
    position: relative;
    z-index: 2;
    margin: 50px 0px 0;
    }
  .dk-footer .contact-us {
    margin-top: 0;
    margin-bottom: 30px;
    padding-left: 30px; }
    .dk-footer .contact-us .contact-info {
          margin-left: 15px;
    padding: 0px;}
    .dk-footer .contact-us.contact-us-last {
      margin-left: -30px; }
  .dk-footer .contact-icon i {
    font-size: 24px;
    top: 0px;
    position: relative;
    color:#fff; 
	
	}

.dk-footer-box-info {
    position: absolute;
    top: -120px;
    background: #202020;
    padding: 35px;
    z-index: 2;
    text-align: center;  }
    .logo_footer{
    max-width: 70%;
    margin:15px 0px;
}
  .dk-footer-box-info .footer-social-link h3 {
    color: #878787;
    font-size: 24px;
    margin-bottom: 25px; }
  .dk-footer-box-info .footer-social-link ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .dk-footer-box-info .footer-social-link li {
    display: inline-block; }
    .dk-footer-box-info .footer-social-link a{
    margin:0px 3px;
    }
  .dk-footer-box-info .footer-social-link a i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background: #000;
    color: #fff; }
    .dk-footer-box-info .footer-social-link a i.fa-facebook {
      background-color: #3B5998; }
    .dk-footer-box-info .footer-social-link a i.fa-twitter {
      background-color: #55ACEE; }
    .dk-footer-box-info .footer-social-link a i.fa-youtube {
      background-color: #DD4B39; }
    .dk-footer-box-info .footer-social-link a i.fa-zalo {
      background-color: #0976B4; }
    .dk-footer-box-info .footer-social-link a i.fa-instagram {
      background-color: #B7242A; }
.a_zalo{
	
}
.a_zalo img{
	width: 38px;
    border-radius: 50%;
}
.dk-footer-box-info .footer-social-link a:hover{
	margin:0px 3px !important;
}
.footer-awarad {
  margin-top: 285px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .footer-awarad p {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-left: 20px;
    padding-top: 15px; }

.footer-info-text {
  margin: 45px 0 30px; text-align: justify;}

.footer-left-widget {
  padding-left: 30px; }

.footer-widget .section-heading {
  margin-bottom: 35px; }

.footer-widget h3 {
  font-size: 24px;
  color: #fff;
  position: relative;
  margin-bottom: 15px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content; }

.footer-widget ul {
    width: 50%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 30px 0px 0px;
}

.footer-widget li {
  margin-bottom: 15px; }

.footer-widget p {
  margin-bottom: 15px; }

.footer-widget a , .footer-widget, .footer-info-text{
  color: #878787;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .footer-widget a:hover {
    color: #a70606; }

.footer-widget:after {
  content: "";
  display: block;
  clear: both; }

.dk-footer-form {
  position: relative; }
  .dk-footer-form input[type=email] {
padding: 2px 28px;
    border-radius: 50px;
    background: #2E2E2E;
    border: 1px solid #2E2E2E;
    min-height: 45px;
        color: #fff;
     }
  .dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::-webkit-input-placeholder {
    color: #878787;
    font-size: 14px; }
  .dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::placeholder {
    color: #878787;
    font-size: 14px; }
  .dk-footer-form button[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 24px 11px 17px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border: 1px solid #a70606;
    background: #a70606;
    color: #fff; 
        min-height: 45px;}
  .dk-footer-form button:hover {
    cursor: pointer; }

/* ==========================

    Contact

=============================*/
.contact-us {
  position: relative;
  z-index: 2;
  margin-top: 65px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }



.contact-info {
  margin-left: 75px;
  color: #fff; }
  .contact-info h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0; }

.copyright {
  padding: 20px 0;
  margin-top: 55px;
  background-color: #202020; }
  .copyright span,
  .copyright a {
    color: #878787;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
  .copyright a:hover {
    color:#a70606; }
.copyright-menu{
	display: inline-block;
    text-align: right;
    float: right;
}
.copyright-menu ul {
  text-align: right;
  margin: 0; }

.copyright-menu li {
  display: inline-block;
  padding-left: 20px; }

.back-to-top {
  position: relative;
  z-index: 2; }
  .back-to-top .btn-dark {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #2e2e2e;
    border-color: #2e2e2e;
    display: none;
    z-index: 999;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .back-to-top .btn-dark:hover {
      cursor: pointer;
      background: #FA6742;
      border-color: #FA6742; }
#header_audio {
    background-image: url(images/bg_music.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 100%;
    height: 60%;
    padding: 100px 0;
    background-size: initial;
    position: relative;
    background-position: 100%;
    margin-top: 0;
}
#header_audio .overlay_bg {
    mix-blend-mode: normal;
	background-color: rgb(0 0 0 / 55%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: repeat;
    z-index: 0;
}
#header_audio .snowflake {
    position: absolute;
    top: -10px;
    color: white;
    font-size: 1em;
    user-select: none;
    pointer-events: none;
    animation-name: fall;
    animation-timing-function: linear;
}

@keyframes fall {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(100vh); opacity: 0; }
}
#header_audio .audio-player {
      max-width: 600px;
      margin: auto;
      padding: 20px;
      border-radius: 15px;
      background: #ffffff82;
      box-shadow: 0 5px 20px rgba(0,0,0,0.1);
      display: flex;
      gap: 20px;
      align-items: center;
    }

#header_audio .cover {
      width: 120px;
      height: 120px;
      object-fit: cover;
      border-radius: 50%;
      transition: transform 0.3s ease;
    }

#header_audio .cover.rotate {
      animation: spin 3s linear infinite;
    }

    @keyframes spin {
      0%   { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

#header_audio .info {
      flex-grow: 1;
    }

#header_audio .info h4 {
      margin: 0 0 5px;
      font-size: 18px;
      color: #000;
	  font-weight:bold;
    }

#header_audio .info p {
     margin: 0 0 10px;
    color: #000;
    font-size: 16px;
    }

#header_audio audio {
      width: 100%;
      outline: none;
    }
#box_author{
	padding:45px 0px;
}
#pagination{
    padding: 0px 15px;
}
#pagination .pagination>li {
    display: inline !important;
}
#pagination .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}
#pagination .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #a70606;
    border: 1px solid #a70606;
}
#pagination .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #a70606;
    border: 1px solid #a70606;
}
#pagination .pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin: 0px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #343434;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0px;
    font-size: 14px;
}
.text-danger{
	color:red;
}
#page_service{
	padding-top:30px;
}
#page_service .pricing-container {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    margin: 20px 0;
}
.pricing-top p{
	margin:15px 0px;
}
#page_service .pricing-header {
    background: linear-gradient(153deg, #eace66 0%, #a70606 100%);
    color: white;
    padding: 30px 20px;
    text-align: center;
}
#page_service .fa-check{
    color: #00c919;
    font-size: 16px;
}
#page_service .pricing-header h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 10px;
}

#page_service .pricing-note {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
    padding: 10px 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-weight: 600;
}

#page_service .table-responsive {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

#page_service .table {
    margin-bottom: 0;
}

#page_service .table thead th {
    background: linear-gradient(139deg, #a70606, #fd4646);
    color: white;
    border: none;
    font-weight: 600;
    padding: 15px 8px;
    text-align: center;
    vertical-align: middle;
    font-size: 0.9rem;
  	border: 1px solid;
}

#page_service .table tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}

#page_service .table tbody tr:hover {
    background-color: #e3f2fd;
    transition: background-color 0.3s ease;
}

#page_service .table td, .table th {
    border: 1px solid #dee2e6;
    padding: 12px 8px;
    vertical-align: middle;
    text-align: center;
    font-size: 0.85rem;
}

#page_service .table td.price-highlight{
	font-size: 1rem;
    padding: 10px 0;
    color: #404040;
}
#page_service .table td.price-highlight .price-highlight-sale{
    font-weight: bold;
    color: #dc3545;
    text-decoration: none;
    font-size: 1.2em;
}
#page_service .table td.price-highlight p{
    font-weight: normal;
    text-decoration: line-through;
	color: #6c6c6c;
}

#page_service .table td:first-child {
    text-align: left;
    font-weight: 600;
    background-color: #f1f3f4;
    color: #333;
}

#page_service .price-highlight {
    font-weight: 700;
    color: #dc3545;
    font-size: 1rem;
}

#page_service .check-icon {
    color: #28a745;
    font-size: 1.2rem;
}

#page_service .cross-icon {
    color: #dc3545;
    font-size: 1.2rem;
}

#page_service .section-title {
   background: linear-gradient(153deg, #eace66 0%, #a70606 100%);
    color: white;
    padding: 15px 20px;
    margin: 30px 0 20px 0;
    border-radius: 10px;
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center;
}

#page_service .add-on-service {
    background-color: #e8f4fd;
    font-weight: 500;
}

#page_service .add-on-price i{
	color: #00ab25
}

@media (max-width: 768px) {
	#page_service .pricing-header h1 {
        font-size: 1.8rem;
    }
	#page_service .table td, .table th {
        font-size: 0.75rem;
        padding: 8px 4px;
    }
    
    #page_service .section-title {
        font-size: 1.1rem;
        padding: 12px 15px;
    }
}

#page_service .premium-badge {
    background: linear-gradient(45deg, #a70606, #feca57);
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-block;
    margin-left: 10px;
}
#page_service .box_title{
    margin: 50px 0px 30px;
}
#page_service .box_title h2{
	font-size: 26px;
}
.a-center{
	    text-align: center;
}
.section_blogs .blog-img a {
  display: inline-block;
  width: 100%;
}
.section_blogs .blog-img a:hover {
  background: #a70606;
}
.section_blogs .blog-img a:hover img {
  opacity: 0.6;
}
#list-post {
    padding: 15px 0 45px;
    background: #f7f7f7;
}
.section_blogs .item_wrap_blog {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
}
.section_blogs .item_wrap_blog h3 {
    margin: 10px 0 5px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.section_blogs .item_wrap_blog h3 a {
  font-weight: 700;
      display: block;
}
.section_blogs .item_wrap_blog h3 a:hover {
  color: #a70606;
}

.section_blogs {
  background: none;
  overflow: hidden;
  position: relative;
  padding: 60px 0;
}
.section_blogs .tns-slider > .tns-item {
  opacity: 0;
}
.section_blogs .tns-slider > .tns-item.tns-slide-active {
  opacity: 1;
}
.section_blogs .list-blogs-link {
  margin: 0 -15px;
}
.section_blogs .list-blogs-link,
.section_blogs .title-text {
  position: relative;
  z-index: 9;
}
.section_blogs .bg-left,
.section_blogs .bg-right {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.section_blogs .bg-right {
  left: inherit;
  right: 0;
}
.section_blogs .item {
  padding: 0 10px 10px;
}
.section_blogs img {
  max-width: 100%;
}
.section_blogs .content__ {
  padding: 0 15px 15px;
}
.section_blogs .item_wrap_blog h3 a {
  font-size: 16px;
  min-height: 43px;
  font-weight: 600;
}
.section_blogs .item_wrap_blog p {
  font-weight: 300;
}
.section_blogs .item_wrap_blog {
  box-shadow: 0px 0 20px #00000036;
  border: 1px solid #f5f5f5;
  padding: 0;
}
.list-blogs-link .tns-ovh {
  padding: 0 10px;
}
.blog-inner > a {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    border-top-left-radius: 5px;
    overflow: hidden;
    border-top-right-radius: 5px;
    padding: 15px 15px 0 15px;
    overflow: hidden;
    position: relative;
    height: 200px;
}
.blog-inner > a .time_post {
	position: absolute;
	right: 15px;
	bottom: 0;
	background-color: #a70606;
	padding: 8px 16px;
	color: #fff;
}
.blog-inner > a img {
  border-radius: 5px;
  width: 100% !important;
}
.blog_excerpt{
	color: #343434;
    font-size: 14px;
    line-height: 22px;
    word-break: break-word;
    overflow: hidden;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0px 0px;
}
#detail-post{
	padding: 15px 0px 15px 0px;
    background: #f1f1f1;
}
#detail-post h1{
    color: #343434;
    font-size: 32px;
    text-align: left;
    font-weight: bold;
    line-height: 1.3;
    margin: 0px 0px 15px;
}
.news-detail {
    width: 100%;
    line-height: 20px;
    float: left;
    background: #fff;
    position: relative;
    margin: 0px 0px;
    padding: 5px 0px;
    min-height: 85px;
}
.single-para {
    margin: 5px 0px;
    text-align: right;
    width: 100% ;
    float: initial !important;
}
.single-para .fa {
    font-size: 16px;
    margin: 0px 5px 0px 0px;
}
.excerpt-post{
	
}
.excerpt-post p{
	text-align: justify;
    margin: 5px 0px;
}
#crumbs{
    width: 100%;
    float: left;
    margin: 0px 0px 15px;
    padding: 10px 0px;
    /* font-weight: 600; */
    font-size: 13px;
    color: #333333;
}

#crumbs li{
	display: inline-block;
	color: #343434;
    font-size: 14px;
	font-weight: normal;
}
#crumbs li .fa{
	font-size: 14px;
    margin: 0px 5px 0px 0px;
}
#crumbs a{
	margin: 0px 0px 0px;
    font-weight: normal;
    font-size: 14px;
    color: #343434;
}
#crumbs li span , #crumbs span {
	
}

#crumbs>li:AFTER {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: var(--bs-breadcrumb-divider, "/");
	font-size: 16px;
    color: #343434;
    margin: 0px 3px;
}
#crumbs>li.last-item:AFTER{
	display:none;
}
#crumbs ul{
	width: initial;
    display: inline-block;
    padding: 0px;
}
.capitalize-first::first-letter {
    text-transform: uppercase;
}
.capitalize-first {
    text-transform: lowercase;
}
.section_blogs .list-post {
    background: #fff;
    margin: 0px 0px 15px;
    padding: 15px;
}
.section_blogs .list-post figure{
	max-height: 250px;
    overflow: hidden;
}
.product-text-sec-box{
	padding-right:0px;
}
.product-lilte-headings {
    font-size: 20px;
    margin: 0px 0px 0px;
    line-height: 1.4;
    font-weight: bold;
}
.product-lilte-headings a{
	color: #000;
    font-size: 16px;
    line-height: 1.4;
}
.aligncenter {
    clear: both;
    margin: 0px auto;
	text-align:center;
}
#more-info figure, #more-info img{
	margin-bottom: 10px;
}
#sidebar{
	
}
.sidebar .widget {
    background: #fff;
    padding: 0px 15px 15px;
}
.news-post-img{
	
}
.news-post-img img{
	margin: 0px auto;
    display: block;
    width:100%;
}
#more-info ul{
	padding: 0px 0px 15px 15px;
}
#more-info p{
	margin-bottom: 15px;
}
#more-info h2{
	font-size: 22px;
}
#more-info h3{
	font-size: 20px;
}
#more-info h4{
	font-size: 18px;
}
#more-info h5, #more-info h6{
	font-size: 16px;
}
#more-info table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#more-info td {
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
}
#more-info table tr:first-child td {
  background-color: #ffca94;
  font-weight: bold;
  text-align: center;
  color: #000;
}
#more-info table tr:nth-child(even):not(:first-child) {
  background-color: #f9f9f9;
}
.nopadding{
	padding:0px;
}
.topbar {
  background: #006a31;
  color: #fff;
  padding: 5px 0px;
  font-size: 16px;
  text-align: center;
}
.item-blog .block-thumb{
	height: 240px;
    overflow: hidden;
}
.item-blog .block-content {
    padding: 15px;
    color: #000;
    width: 100%;
}
.item-blog .block-content h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    height: 65px;
    line-height: 1.4;
}
.item-blog .block-content h3 a {
    color: #000;
}
.item-blog .block-content h3:hover a {
    color: #a70606;
}
.item-blog .block-content .time-post {
margin-bottom: 5px;
    color: #6a6a6a;
    font-weight: normal;
}
.item-blog .block-content .time-post i{
	    margin: 0px 5px 0px 0px;
}
.widget-title{
    color: #000;
    padding: 8px 0 5px;
    text-align: left;
    float: left;
    width: 100%;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}
.widget-title a{
	color: #343434;
    font-size: 20px;
    font-weight: bold;
}
.widget-title:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #f1f1f1;
}
.widget-title:after {
    background: #a70606;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 3px;
}
.sidebar ul{
	width: 100%;
    float: left;
    padding: 10px 0px 0px;
}
.sidebar ul li{
	width: 100%;
    float: left;
    padding: 10px 0px 0px;
}
.sidebar ul li a{
	color:#343434;
}
.sidebar ul li a:hover{
	color:#a70606;
}
.recent_entries{
    background: #fff;
    padding: 10px ;
    float: left;
    border-radius: 5px;
}
.recent_entries ul li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #d3d3d3;
	list-style: none;
}
.recent_entries ul li img {
	float:left;
	width:100%;
}
.padding-right5{
	padding:0px 10px 0px 0px;
}
.recent_entries ul li a {
    line-height: 1.3;
    font-size: 14px;
    margin: 0px 0px;
    width: 66%;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.recent_entries ul li a.padding-right5{
    padding: 0px 4% 0px 0px !important;
    width: 34%;
}
.share-social{
	float:left;
	width: 50%;
	padding:0px;
}
.share-social li{
    margin-right: 5px;
    color: #fff;
    width: 32px;
    text-align: center;
    line-height: 32px;
    display: inline-block;
    height: 32px;
    border-radius: 5px;
}
.fb-buttom-like{
    background: #0866ff;
}
.share-twitter{
	 background: #26a3d9;
}
.share-linkedin{
	background: #0076b5;
	color:#fff;
}
.share-email{
    background: #349df6;
    color: #fff;
}
.google-plus{
	width:65px;
}
.share-social li a{
    color: #fff;
    font-size: 16px;
}
.news-detail-box .single-para{
    width: 50%;
    float: right !important;
}
.news-detail-box img{
	width:100%;
	margin:0px 0px 15px;
}
.news-detail-box {
    background: #fff;
    width: 100%;
    float: left;
    padding: 15px;
}
.ez-toc-wrapper {
    border: 1px solid #ddd;
    background: #f9f9f9;
    padding: 15px;
    margin-bottom: 20px;
    max-width: 100%;
    box-shadow: 1px 2px 4px 0px #00000036;
}
.ez-toc-toggle {
    background: #bdbdbd;
    color: #000;
    padding: 7px 20px;
    border: none;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #ccc;
}
.ez-toc-container ul {
    list-style: none;
    padding-left: 0;
}
.ez-toc-container li {
    margin: 4px 0;
}
.ez-toc-container li.toc-h3{
	margin-left: 20px ;
}
.ez-toc-container li.toc-h4{
	margin-left: 40px ;
}
.ez-toc-container li a{

}
.toc-h3 { margin-left: 10px; }
.toc-h4 { margin-left: 20px; }
.layout_page{
    padding: 40px 0px 0;
}
.layout_page h1{
    font-weight: bold;
    margin: 0px 0px 15px;
    position: relative;
    padding: 0px 0px 0px 15px;
}
.layout_page h1::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 40px;
    background: linear-gradient(135deg, #4facfe, #00f2fe);
    border-radius: 2px;
    background: linear-gradient(139deg, #a70606, #fd4646);
}
.related-news-box {
    width: 100%;
    float: left;
    padding: 15px 0px;
    background: #fff;
    width: 100%;
    float: left;
    padding: 15px;
}
.related-list{
	width:100%;
	float:left;
	padding: 0px 0px 0px 30px;
	
}
.related-list li{
	list-style: initial;
    font-size: 18px;
    color: #0d6efd;
    line-height: initial;
    transition: all 0.5s ease-in-out;
}
.related-list li:hover{
	padding:0px 0px 0px 15px;
}
.related-list li a{
	font-size: 14px;
	font-weight: 400;
	color: #0d6efd;
}
.related-list li a:hover{
}
#box_comment {
    background: #fff;
    padding: 15px;
    border-top: 5px solid #f1f1f1;
    width: 100%;
    float: left;
}
#box_comment .widget-title {
	margin: 0px 0px 20px;
}
/* ========================   Contact ============================*/

.contact-form input {
    color: #777;
    border-color: #eee;
    background-color: #fff;
    width: 100%;
    outline: none;
    border: 1px solid #eee;
    border-radius: 0;
    padding: 3px 20px;
    height: 50px;
    margin: 0px 0px 10px 0px;
 }

.contact-form button {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 15px auto 5px;
    min-width: 150px;
    text-align: center;
}

.contact-form textarea {
  color: #777;
  border-color: #eee;
  background-color: #fff;
  height: 150px;
  width: 100%;
  outline: none;
  border: 1px solid #eee;
  border-radius: 0;
  padding: 12px 20px 3px;
  max-width: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.contact-form textarea:focus , .contact-form input:focus {
    border-color: #a70606;
    background-color: #fff; 
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px #a70606;
}
.contact-info {
	padding: 0px 0px 0px 30px;
}
.contact-info .page-title h2 {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 26px;
    line-height: 1.3;
    text-align: center;
}
.if-map{
	margin-top: 30px;
	margin-bottom: 20px
}
.if-map iframe{
	width:100%;
}
.product_h1{
	    font-weight: bold;
    font-size: 2.4em;
    margin: 0px 0px 15px
}
#relatedProducts img{
	 height: 200px; /* bạn có thể thay đổi theo thiết kế */
    width: 100%;
    object-fit: cover;
    border-radius: 8px; /* nếu muốn bo góc */
}
.header_author {
    position: relative;
    text-align: center;
    background: linear-gradient(60deg, #a70606 0%, #b87a39 100%);
    color: white;
    animation: animateBg 10s ease-in-out infinite;
}

.header_author .inner-header {
  height:25vh;
  width:100%;
  margin: 0;
  padding: 0;
}

.header_author .flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.header_author .waves_header {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.header_author .content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
#login-error{
	color:red;
}
.member-menu-wrapper {
    position: relative;
    display: inline-block;
}
.member-menu-wrapper .name{
	
}
ul.member-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    background: white;
    border: 1px solid #ddd;
    padding: 10px;
    list-style: none;
    width: 200px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        padding: 5px 15px 0px 0px !important;
}

.member-menu-wrapper:hover .member-menu {
    display: block;
}
.member-menu li {
    padding: 5px 10px;
}

.member-menu li a {
    text-decoration: none;
    color: #333;
    display: block;
}
.member-menu li a:hover{
	color:#a70606;
}
#register-error{
    width: 100%;
    display: block;
    float: left;
    margin: 15px 0px 0;
}
#register-error ul{
	    padding: 0px;
}
#register-error li{
    list-style: none;
}
#page_about .hero-section {
    background: url('https://ca.vcca.org.vn/demo/slider2.jpg');
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

#page_about .hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at left, rgb(0 0 0) 0%, rgb(0 0 0 / 57%) 70%);
}

#page_about .zombie-content {
    position: relative;
    z-index: 2;
    margin: 5rem 0px;
    color: #fff;
    text-align: justify;
}

#page_about .zombie-title {
    font-size: 4rem;
    font-weight: bold;
    color: #ff4444;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
    margin-bottom: 1rem;
    animation: glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
    from {
        text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 68, 68, 0.5);
    }
    to {
        text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8), 0 0 30px rgba(255, 68, 68, 0.8);
    }
}

#page_about .zombie-description {
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 2rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    color: #fff;
}
#page_about .zombie-description p{
	margin-bottom: 15px;
}
#page_about .btn-custom {
    background: linear-gradient(45deg, #8B0000, #ff4444);
    border: none;
    color: white;
    padding: 0.8rem 2rem;
    font-weight: bold;
    border-radius: 25px;
    margin: 0.5rem;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#page_about .btn-custom:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(255, 68, 68, 0.3);
    background: linear-gradient(45deg, #ff4444, #ff6666);
}

#page_about .genre-nav {
    margin: 3rem 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}

#page_about .genre-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid transparent;
    color: white;
    padding: 0.8rem 2rem;
    border-radius: 25px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    font-weight: 500;
}

#page_about .genre-btn:hover,
#page_about .genre-btn.active {
    background: #8B0000;
    border-color: #ff4444;
    color: white;
    transform: translateY(-2px);
}

#page_about .movie-section {
    background: rgba(0, 0, 0, 0.85);
    padding: 5rem 0;
}

#page_about .section-title {
    color: #ff4444;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#page_about .movie-card {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    margin-bottom: 2rem;
}

#page_about .movie-card:hover {
    transform: translateY(-10px) scale(1.02);
    border-color: #ff4444;
    box-shadow: 0 20px 40px rgba(255, 68, 68, 0.2);
}

#page_about .movie-poster {
    width: 100%;
    height: 400px;
    background: linear-gradient(45deg, #330000, #660000);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #ffffffd4;
    position: relative;
    overflow: hidden;
}
#page_about .movie-poster .movie-poster-title{
font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 15px 0px;
}
#page_about .movie-poster ul{
	text-align: left;
    margin: 20px 0px 0px;
    line-height: 1.5;
    font-size: 16px;
	padding: 0px;
}
#page_about .movie-poster ul li{
	
}
#page_about .movie-poster::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 68, 68, 0.1), transparent);
    animation: shine 3s infinite;
}
#page_about .movie-poster i{
	color: #ffffffe0;
	font-size: 3em;
}
@keyframes shine {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }
    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }
}

#page_about .sweet-home-section {
    background: rgba(0, 0, 0, 0.9);
    padding: 3rem 0;
    border-top: 2px solid #8b000073;
}

#page_about .sweet-home-card {
    background: linear-gradient(135deg, rgba(139, 0, 0, 0.8), rgba(0, 0, 0, 0.9));
    border-radius: 15px;
    padding: 2rem;
    border: 2px solid #ff4444;
	color:#fff;
}

#page_about .sweet-home-title {
    font-size: 2.5rem;
    font-weight: bold;
    color: #ff4444;
    margin-bottom: 1rem;
}

#page_about .rating {
    color: #ffd700;
    margin-bottom: 1rem;
}


@media (max-width: 768px) {
    #page_about .zombie-title {
        font-size: 2.5rem;
    }

    #page_about .genre-nav {
        flex-direction: column;
        align-items: center;
    }

    #page_about .sweet-home-title {
        font-size: 2rem;
    }
}
		#list_member_vcc .header-section {
    margin-bottom: 30px;
    /* padding: 30px; */
    text-align: center;
}
#list_member_vcc{
background:#202020;
    color: #fff;
    padding: 60px 0px;
    border-top: 2px solid #8b000073;
}
#list_member_vcc .header-title {
    color: #a70606;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 2.5rem;
}

#list_member_vcc .header-subtitle {
    color: #a70606;
    font-size: 1.2rem;
    margin-bottom: 0;
}

#list_member_vcc .member-card {
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    color: #fff;
    min-height: 320px;
    overflow: hidden;
    background: linear-gradient(144deg, #a70606 54%, #da7723d6);
}

#list_member_vcc .member-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

#list_member_vcc .member-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #a70606, var(--accent-color));
}

#list_member_vcc .member-image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #a70606;
    margin: 20px auto;
    display: block;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

#list_member_vcc .member-name {
    color: #fff;
    font-weight: 600;
    font-size: 1.3rem;
    margin-bottom: 5px;
}

#list_member_vcc .member-position {
    color: var(--accent-color);
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 15px;
}

#list_member_vcc .member-info {
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.6;
    height: 50px;
}

#list_member_vcc .member-info i {
    color: #a70606;
    margin-right: 8px;
    width: 16px;
}

#list_member_vcc .section-title {
    color: white;
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 20px;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    border: none;
}

#list_member_vcc .leadership-section {
    margin-bottom: 50px;
}

#list_member_vcc .executive-section {
    margin-bottom: 50px;
}

#list_member_vcc .member-card.chairman {
    border: 2px solid var(--accent-color);
}

#list_member_vcc .member-card.chairman .member-name {
    color: var(--accent-color);
}

#list_member_vcc .chairman-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--accent-color);
    color: white;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 1.2rem;
    font-weight: 500;
}

#list_member_vcc .placeholder-icon {
    font-size: 4rem;
    color: #ddd;
    line-height: 120px;
}
/* Sweet Home Section - Giữ nguyên CSS cũ */
  .sweet-home-section {
      background: rgba(0, 0, 0, 0.9);
      padding: 3rem 0;
      border-top: 2px solid #8B0000;
  }

  .sweet-home-card {
      background: linear-gradient(135deg, rgba(139, 0, 0, 0.8), rgba(0, 0, 0, 0.9));
      border-radius: 15px;
      padding: 2rem;
      border: 2px solid #ff4444;
      color: #fff;
      position: relative;
      overflow: hidden;
      box-shadow: 
          0 15px 35px rgba(255, 68, 68, 0.3),
          0 5px 15px rgba(0, 0, 0, 0.5),
          inset 0 1px 0 rgba(255, 255, 255, 0.1);
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      backdrop-filter: blur(10px);
      height: 100%; /* Để card chiếm hết chiều cao */
  }

  /* Hiệu ứng tia sáng chạy qua */
  .sweet-home-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(
          90deg,
          transparent,
          rgba(255, 68, 68, 0.2),
          transparent
      );
      transition: left 0.8s ease;
      z-index: 1;
  }

  .sweet-home-card:hover::before {
      left: 100%;
  }

  /* Viền trên chạy gradient */
  .sweet-home-card::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, #ff4444, #8B0000, #ff6666, #ff4444);
      background-size: 300% 100%;
      animation: gradientShift 3s ease-in-out infinite;
      border-radius: 15px 15px 0 0;
  }

  @keyframes gradientShift {
      0%, 100% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
  }

  .sweet-home-card:hover {
      transform: translateY(-8px) scale(1.02);
      box-shadow: 
          0 25px 50px rgba(255, 68, 68, 0.4),
          0 10px 25px rgba(0, 0, 0, 0.6),
          0 0 30px rgba(255, 68, 68, 0.3),
          inset 0 1px 0 rgba(255, 255, 255, 0.2);
      border-color: #ff6666;
  }

  .sweet-home-card p {
      font-weight: 600;
      letter-spacing: 3px;
      font-size: 0.9rem;
      margin-bottom: 15px !important;
      opacity: 0.9;
      position: relative;
      z-index: 2;
      animation: fadeInUp 0.6s ease-out;
  }

  .sweet-home-title {
      font-size: 2.5rem;
      font-weight: bold;
      color: #ff4444;
      margin-bottom: 1rem;
      text-shadow: 
          0 0 20px rgba(255, 68, 68, 0.5),
          2px 2px 4px rgba(0, 0, 0, 0.8);
      position: relative;
      z-index: 2;
      animation: fadeInUp 0.6s ease-out 0.2s both;
      transition: all 0.3s ease;
  }

  .sweet-home-card:hover .sweet-home-title {
      text-shadow: 
          0 0 30px rgba(255, 68, 68, 0.8),
          0 0 40px rgba(255, 68, 68, 0.6),
          2px 2px 4px rgba(0, 0, 0, 0.8);
      transform: scale(1.05);
  }

  .sweet-home-card ul {
      list-style: none;
      padding: 0;
      margin: 0;
      position: relative;
      z-index: 2;
  }

  .sweet-home-card li {
      color: #fff;
      font-size: 1.1rem;
      line-height: 1.8;
      margin-bottom: 20px;
      padding-left: 40px;
      position: relative;
      opacity: 0;
      transform: translateX(-30px);
      animation: slideInLeft 0.6s ease-out forwards;
      transition: all 0.3s ease;
  }

  .sweet-home-card li:nth-child(1) { animation-delay: 0.4s; }
  .sweet-home-card li:nth-child(2) { animation-delay: 0.6s; }
  .sweet-home-card li:nth-child(3) { animation-delay: 0.8s; }
  .sweet-home-card li:nth-child(4) { animation-delay: 1s; }
	.sweet-home-card li:last-child {
    	margin:0px 0px 5px;
	}
  .sweet-home-card li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 5px;
      width: 20px;
      height: 20px;
      background: linear-gradient(45deg, #ff4444, #8B0000);
      border-radius: 50%;
      box-shadow: 
          0 0 15px rgba(255, 68, 68, 0.6),
          inset 0 2px 4px rgba(255, 255, 255, 0.2);
      animation: pulse 2s infinite;
      border: 1px solid rgba(255, 68, 68, 0.3);
  }

  .sweet-home-card li::after {
      content: '✓';
      position: absolute;
      left: 6px;
      top: 5px;
      color: white;
      font-weight: bold;
      font-size: 12px;
      z-index: 1;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  }

  .sweet-home-card li:hover {
      transform: translateX(10px);
      color: #ff6666;
      text-shadow: 0 0 10px rgba(255, 68, 68, 0.5);
  }

  .sweet-home-card li:hover::before {
      transform: scale(1.2);
      box-shadow: 
          0 0 25px rgba(255, 68, 68, 0.8),
          0 0 35px rgba(255, 68, 68, 0.4),
          inset 0 2px 4px rgba(255, 255, 255, 0.3);
  }

  /* Particle effect */
  .sweet-home-card .particles {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1;
  }

  .sweet-home-card .particle {
      position: absolute;
      width: 3px;
      height: 3px;
      background: rgba(255, 68, 68, 0.4);
      border-radius: 50%;
      animation: float 8s infinite linear;
      box-shadow: 0 0 6px rgba(255, 68, 68, 0.6);
  }

  .sweet-home-card .particle:nth-child(1) { left: 10%; animation-delay: 0s; }
  .sweet-home-card .particle:nth-child(2) { left: 25%; animation-delay: 2s; }
  .sweet-home-card .particle:nth-child(3) { left: 40%; animation-delay: 4s; }
  .sweet-home-card .particle:nth-child(4) { left: 60%; animation-delay: 6s; }
  .sweet-home-card .particle:nth-child(5) { left: 80%; animation-delay: 1s; }

  /* Trending Section - Tạo style tương tự bên trái */
  .trending-section {
      background: linear-gradient(135deg, rgba(139, 0, 0, 0.8), rgba(0, 0, 0, 0.9));
      border-radius: 15px;
      padding: 2rem;
      border: 2px solid #ff4444;
      color: #fff;
      position: relative;
      overflow: hidden;
      box-shadow: 
          0 15px 35px rgba(255, 68, 68, 0.3),
          0 5px 15px rgba(0, 0, 0, 0.5),
          inset 0 1px 0 rgba(255, 255, 255, 0.1);
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      backdrop-filter: blur(10px);
      height: 100%; /* Để section chiếm hết chiều cao */
      display: flex;
      flex-direction: column;
      justify-content: center;
  }

  .trending-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(
          90deg,
          transparent,
          rgba(255, 68, 68, 0.2),
          transparent
      );
      transition: left 0.8s ease;
      z-index: 1;
  }

  .trending-section:hover::before {
      left: 100%;
  }

  .trending-section::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, #ff4444, #8B0000, #ff6666, #ff4444);
      background-size: 300% 100%;
      animation: gradientShift 3s ease-in-out infinite;
      border-radius: 15px 15px 0 0;
  }

  .trending-section:hover {
      transform: translateY(-8px) scale(1.02);
      box-shadow: 
          0 25px 50px rgba(255, 68, 68, 0.4),
          0 10px 25px rgba(0, 0, 0, 0.6),
          0 0 30px rgba(255, 68, 68, 0.3),
          inset 0 1px 0 rgba(255, 255, 255, 0.2);
      border-color: #ff6666;
  }

  .trending-poster {
      position: relative;
      z-index: 2;
      margin-bottom: 2rem;
  }

  .trending-poster iframe {
      border-radius: 10px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      transition: all 0.3s ease;
  }

  .trending-poster:hover iframe {
      transform: scale(1.05);
      box-shadow: 
          0 15px 35px rgba(0, 0, 0, 0.6),
          0 0 20px rgba(255, 68, 68, 0.3);
  }

  /* Control Buttons */
  .control-btn {
      background: linear-gradient(45deg, #ff4444, #8B0000);
      border: 2px solid #ff4444;
      color: white;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      margin: 0 8px;
      font-size: 16px;
      transition: all 0.3s ease;
      position: relative;
      z-index: 2;
      box-shadow: 
          0 5px 15px rgba(255, 68, 68, 0.4),
          inset 0 1px 0 rgba(255, 255, 255, 0.2);
  }

  .control-btn:hover {
      transform: translateY(-3px) scale(1.1);
      box-shadow: 
          0 10px 25px rgba(255, 68, 68, 0.6),
          0 0 20px rgba(255, 68, 68, 0.4),
          inset 0 1px 0 rgba(255, 255, 255, 0.3);
      background: linear-gradient(45deg, #ff6666, #ff4444);
      border-color: #ff6666;
  }

  .control-btn:active {
      transform: translateY(-1px) scale(1.05);
  }

  /* Cân bằng chiều cao */
  .row {
      align-items: stretch;
  }

  .col-lg-8, .col-lg-4 {
      display: flex;
      flex-direction: column;
  }

  .col-lg-8 .sweet-home-section,
  .col-lg-4 .trending-section {
      flex: 1;
  }

  /* Animations */
  @keyframes fadeInUp {
      from {
          opacity: 0;
          transform: translateY(30px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  @keyframes slideInLeft {
      to {
          opacity: 1;
          transform: translateX(0);
      }
  }

  @keyframes pulse {
      0%, 100% {
          transform: scale(1);
          opacity: 1;
      }
      50% {
          transform: scale(1.1);
          opacity: 0.8;
      }
  }

  @keyframes float {
      0% {
          transform: translateY(120px) rotate(0deg);
          opacity: 0;
      }
      10% {
          opacity: 1;
      }
      90% {
          opacity: 1;
      }
      100% {
          transform: translateY(-120px) rotate(360deg);
          opacity: 0;
      }
  }

  /* Responsive */
  @media (max-width: 991px) {
      .sweet-home-card,
      .trending-section {
          margin-bottom: 2rem;
      }
      
      .sweet-home-title {
          font-size: 2rem;
      }
      
      .control-btn {
          width: 45px;
          height: 45px;
          margin: 0 8px;
          font-size: 14px;
      }
  }

  @media (max-width: 768px) {
      .sweet-home-card,
      .trending-section {
          padding: 1.5rem;
      }
      
      .sweet-home-title {
          font-size: 1.8rem;
      }
      
      .sweet-home-card li {
          font-size: 1rem;
          padding-left: 35px;
      }
  }
 #page_about{
 
 }
  #page_about .title_home{
 
 }
  #page_about .title_home h2{
     font-size: 2em;
    margin: 0px auto 30px;
 }
.member-card .p-4{
	    padding: 1.5rem ;
 }
#page_contact{
	margin: 0;
}
#page_contact .hero-section {
    background: linear-gradient(135deg, #a70606, #cf4a35e8);
    color: white;
    padding: 100px 0 80px;
    position: relative;
    overflow: hidden;
}
#page_contact h1 {
    color: #fff;
}
#page_contact .box_title h1:before {
    background-color: #fff;
}
#page_contact  h1:after {
    background-color: #fff;
}
#page_contact .hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.15"/><circle cx="20" cy="80" r="0.5" fill="white" opacity="0.15"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
}

#page_contact .hero-content {
    position: relative;
    z-index: 2;
}

#page_contact .section-title {
    position: relative;
    display: inline-block;
    margin-bottom: 2rem;
    border: none;
    padding: 0px;
    margin: 0px;
}

#page_contact .section-title::after {
    content: '';
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 50px;
    height: 3px;
    background: var(--accent-color);
    border-radius: 2px;
}
#contactForm{
    margin: 15px 0px 0;
}
.box-contact-info{
	margin: 30px 0px 0;
}
.page_contact{
	margin:30px 0px ;
}
#page_contact .contact-card {
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 2.5rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 4px solid #a70606;
}

#page_contact .contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

#page_contact .contact-form {
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 2.5rem;
}


#page_contact .contact-info-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 15px;
    background: var(--light-gray);
    border-radius: 10px;
    transition: all 0.3s ease;
}

#page_contact .contact-info-item:hover {
    background: #e9ecef;
    transform: translateX(5px);
}

#page_contact .contact-icon {
    background: #a70606;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    font-size: 1.2rem;
    position: relative;
    top: inherit;
}

#page_contact .map-container {
    height: 400px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

#page_contact .social-links {
    display: block;
    gap: 1rem;
    margin-top: 2rem;
    text-align: center;
}

#page_contact .social-link {
    display: inline-block;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #a70606;
    color: white;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
    line-height: 50px;
    margin: 0px 5px;
}

#page_contact .social-link:hover {
    background: #a70606;
    color: white;
    transform: translateY(-3px);
}

#page_contact .floating-elements {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    top:0px;
}

#page_contact .floating-element {
    position: absolute;
    opacity: 0.1;
    animation: float 6s ease-in-out infinite;
}

#page_contact .floating-element:nth-child(1) {
    top: 20%;
    left: 10%;
    animation-delay: 0s;
}

#page_contact .floating-element:nth-child(2) {
    top: 60%;
    right: 10%;
    animation-delay: 2s;
}

#page_contact .floating-element:nth-child(3) {
    bottom: 20%;
    left: 20%;
    animation-delay: 4s;
}

@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(10deg); }
}

@media (max-width: 768px) {
    #page_contact .hero-section {
        padding: 60px 0 40px;
    }

    #page_contact .contact-card,
    #page_contact .contact-form {
        padding: 1.5rem;
    }

    #page_contact .map-container {
        height: 300px;
    }
}

#hero_list_product {
     position: relative;
    background: conic-gradient(from 36deg, #a70606, #490300, #a70606);
     padding: 4rem 2rem;
     text-align: center;
     overflow: hidden;
     min-height: 60vh;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom:30px;
 }

 /* Animated Background Particles */
 #hero_list_product::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image: 
         radial-gradient(circle at 20% 50%, rgba(255,255,255,0.3) 2px, transparent 2px),
         radial-gradient(circle at 80% 20%, rgba(255,255,255,0.2) 2px, transparent 2px),
         radial-gradient(circle at 40% 80%, rgba(255,255,255,0.1) 2px, transparent 2px),
         radial-gradient(circle at 60% 60%, rgba(255,255,255,0.05) 1px, transparent 1px);
     background-size: 120px 120px, 180px 180px, 150px 150px, 80px 80px;
     animation: hero-float 25s ease-in-out infinite;
     pointer-events: none;
 }

 #hero_list_product::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(45deg, 
         rgba(255,255,255,0.1) 0%, 
         transparent 50%, 
         rgba(255,255,255,0.05) 100%);
     pointer-events: none;
 }

 @keyframes hero-float {
     0%, 100% { 
         transform: translateY(0) rotate(0deg);
         opacity: 0.7;
     }
     50% { 
         transform: translateY(-30px) rotate(180deg);
         opacity: 1;
     }
 }

 /* Main Content Container */
 #hero_list_product .hero-content {
     position: relative;
     z-index: 2;
     max-width: 100%;
     margin: 0 auto;
 }

 /* Main Title */
 #hero_list_product .hero-title {
     font-size: 2.5rem;
     font-weight: 700;
     color: white;
     margin-bottom: 1.5rem;
     opacity: 0;
     animation: hero-slideUp 1s ease 0.3s forwards;
     background: linear-gradient(45deg, #fff, #f0f0f0, #fff);
     background-size: 200% 200%;
     background-clip: text;
     animation: hero-slideUp 1s ease 0.3s forwards, hero-shimmer 3s ease-in-out infinite;
     text-shadow: 0 4px 20px rgba(0,0,0,0.3);
 }

 @keyframes hero-shimmer {
     0%, 100% { background-position: 0% 50%; }
     50% { background-position: 100% 50%; }
 }

 /* Subtitle */
 #hero_list_product .hero-subtitle {
     font-size: 1.4rem;
     color: rgba(255,255,255,0.9);
     margin-bottom: 2.5rem;
     opacity: 0;
     animation: hero-slideUp 1s ease 0.5s forwards;
     line-height: 1.6;
     font-weight: 300;
 }

 /* Stats Container */
 #hero_list_product .hero-stats {
     display: flex;
     justify-content: center;
     gap: 3rem;
     margin-bottom: 3rem;
     opacity: 0;
     animation: hero-slideUp 1s ease 0.7s forwards;
     flex-wrap: wrap;
 }

 #hero_list_product .stat-item {
     text-align: center;
     background: rgba(255,255,255,0.1);
     backdrop-filter: blur(10px);
     padding: 1.5rem 2rem;
     border-radius: 20px;
     border: 1px solid rgba(255,255,255,0.2);
     transition: all 0.3s ease;
     min-width: 120px;
 }

 #hero_list_product .stat-item:hover {
	transform: translateY(-5px);
	background: rgba(255,255,255,0.15);
	box-shadow: 4px 6px 6px 0px rgb(237 237 237 / 58%);
 }

 #hero_list_product .stat-number {
     font-size: 2.5rem;
     font-weight: 700;
     color: #fff;
     display: block;
     margin-bottom: 0.5rem;
 }

 #hero_list_product .stat-label {
     font-size: 0.9rem;
     color: rgba(255,255,255,0.8);
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 /* Action Buttons */
 #hero_list_product .hero-actions {
     display: flex;
     gap: 1.5rem;
     justify-content: center;
     margin-bottom: 3rem;
     opacity: 0;
     animation: hero-slideUp 1s ease 0.9s forwards;
     flex-wrap: wrap;
 }

 #hero_list_product .hero-btn {
     padding: 1.2rem 2.5rem;
     border: none;
     border-radius: 50px;
     font-size: 1.1rem;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.4s ease;
     text-decoration: none;
     display: inline-block;
     position: relative;
     overflow: hidden;
     min-width: 180px;
 }

 #hero_list_product .hero-btn::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
     transition: left 0.6s ease;
 }

 #hero_list_product .hero-btn:hover::before {
     left: 100%;
 }

 #hero_list_product .hero-btn-primary {
     background-size: 200% 200%;
     color: white;
     border: 2px solid rgba(255,255,255,0.3);
     animation: hero-gradient-shift 3s ease infinite;
 }

 #hero_list_product .hero-btn-secondary {
     background: transparent;
     color: white;
     border: 2px solid rgba(255,255,255,0.3);
     backdrop-filter: blur(10px);
 }

 @keyframes hero-gradient-shift {
     0%, 100% { background-position: 0% 50%; }
     50% { background-position: 100% 50%; }
 }

 #hero_list_product .hero-btn:hover {
     transform: translateY(-4px) scale(1.05);
 }

 #hero_list_product .hero-btn-primary:hover {
     box-shadow: 0 15px 40px rgba(255, 107, 107, 0.6);
 }

 #hero_list_product .hero-btn-secondary:hover {
     background: rgba(255,255,255,0.15);
     border-color: rgba(255,255,255,0.5);
     box-shadow: 0 8px 25px rgba(255,255,255,0.2);
 }

 /* Search Section */
 #hero_list_product .hero-search {
     max-width: 600px;
     margin: 0 auto;
     position: relative;
     opacity: 0;
     animation: hero-slideUp 1s ease 1.1s forwards;
 }

 #hero_list_product .search-wrapper {
     position: relative;
     align-items: center;
 }
 #hero_list_product form{
 position: relative;
}
 #hero_list_product form:hover {
     
     margin:0px 0px 10px;
}
 #hero_list_product form input {
	
	width: 100%;
     padding: 1.2rem 2rem 1.2rem 1.5rem;
     border: none;
     border-radius: 50px;
     background: rgba(255,255,255,0.95);
     backdrop-filter: blur(15px);
     font-size: 1.1rem;
     outline: none;
     transition: all 0.4s ease;
     box-shadow: 0 8px 30px rgba(0,0,0,0.1);
     border: 2px solid transparent;
}

 #hero_list_product form button {
    position: absolute;
    top: -0px;
    height: 45px;
    border-radius: 50px;
    background: #a70606e0;
    border: 1px solid #ccc;
    right: 0px;
    min-width: 126px;
    font-size: 16px;
    text-transform: uppercase;
}
 #hero_list_product .search-input:focus {
     background: white;
     box-shadow: 0 12px 40px rgba(0,0,0,0.2);
     transform: translateY(-3px);
     border-color: rgba(255, 107, 107, 0.3);
 }

 #hero_list_product .search-input::placeholder {
     color: rgba(0,0,0,0.6);
 }

 #hero_list_product .search-icon {
     position: absolute;
     left: 1.5rem;
     color: rgba(0,0,0,0.6);
     font-size: 1.2rem;
     z-index: 3;
 }

 /* Floating Art Elements */
 #hero_list_product .art-element {
     position: absolute;
     pointer-events: none;
     opacity: 0.6;
     z-index: 1;
 }

 #hero_list_product .art-element-1 {
     top: 15%;
     left: 8%;
     width: 80px;
     height: 80px;
    background: linear-gradient(45deg, #ffa216, #ffffff, #fb9b17);
     border-radius: 50%;
     animation: hero-float1 8s ease-in-out infinite;
     box-shadow: 0 8px 32px rgba(255, 154, 158, 0.4);
 }

 #hero_list_product .art-element-2 {
     top: 60%;
     right: 10%;
     width: 60px;
     height: 60px;
     background: linear-gradient(45deg, #a8edea, #fed6e3, #ffecd2);
     border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
     animation: hero-float2 10s ease-in-out infinite;
     box-shadow: 0 8px 32px rgba(168, 237, 234, 0.4);
 }

 #hero_list_product .art-element-3 {
     bottom: 20%;
     left: 15%;
     width: 50px;
     height: 50px;
     background: linear-gradient(45deg, #ffecd2, #fcb69f, #ff9a9e);
     border-radius: 20% 80% 80% 20% / 20% 20% 80% 80%;
     animation: hero-float3 12s ease-in-out infinite;
     box-shadow: 0 8px 32px rgba(255, 236, 210, 0.4);
 }

 @keyframes hero-float1 {
     0%, 100% { 
         transform: translateY(0) rotate(0deg) scale(1);
     }
     50% { 
         transform: translateY(-40px) rotate(180deg) scale(1.1);
     }
 }

 @keyframes hero-float2 {
     0%, 100% { 
         transform: translateX(0) rotate(0deg) scale(1);
     }
     50% { 
         transform: translateX(30px) rotate(-180deg) scale(0.9);
     }
 }

 @keyframes hero-float3 {
     0%, 100% { 
         transform: translate(0, 0) rotate(0deg) scale(1);
     }
     33% { 
         transform: translate(25px, -25px) rotate(120deg) scale(1.1);
     }
     66% { 
         transform: translate(-25px, -15px) rotate(240deg) scale(0.9);
     }
 }

 /* Main Animation */
 @keyframes hero-slideUp {
     from {
         opacity: 0;
         transform: translateY(40px);
     }
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* Responsive Design */
 @media (max-width: 768px) {
     #hero_list_product {
         padding: 3rem 1rem;
         min-height: 50vh;
     }

     #hero_list_product .hero-title {
         font-size: 2.5rem;
     }

     #hero_list_product .hero-subtitle {
         font-size: 1.1rem;
     }

     #hero_list_product .hero-stats {
         gap: 1.5rem;
     }

     #hero_list_product .stat-item {
         padding: 1rem 1.5rem;
         min-width: 100px;
     }

     #hero_list_product .stat-number {
         font-size: 2rem;
     }

     #hero_list_product .hero-actions {
         flex-direction: column;
         align-items: center;
     }

     #hero_list_product .hero-btn {
         min-width: 250px;
     }

     #hero_list_product .art-element {
         display: none;
     }
 }

 @media (max-width: 480px) {
     #hero_list_product .hero-title {
         font-size: 2rem;
     }

     #hero_list_product .hero-stats {
         flex-direction: column;
         gap: 1rem;
     }

     #hero_list_product .search-input {
         padding: 1rem 1.5rem 1rem 3rem;
         font-size: 1rem;
     }
 }
 .box_list_product{
 	position: relative;
 	padding:30px 0px;
 }
.back-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, #a70606 0%, #a52a1a 100%);
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 8px 25px rgba(120, 32, 18, 0.3);
    border: 2px solid #ffffffab;
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top:hover {
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 15px 35px rgba(120, 32, 18, 0.4);
    background: linear-gradient(135deg, #a52a1a 0%, #a70606 100%);
}

.back-to-top:active {
    transform: translateY(-2px) scale(1.05);
}

/* Pulse animation khi hover */
.back-to-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: inherit;
    z-index: -1;
    transition: transform 0.3s ease;
}

.back-to-top:hover::before {
    transform: scale(1.2);
    opacity: 0.7;
}

/* Alternative styles - có thể chọn 1 trong các style này */
.back-to-top.style-2 {
    background: linear-gradient(135deg, #a70606 0%, #ee5a24 100%);
    box-shadow: 0 8px 25px rgba(255, 107, 107, 0.3);
}

.back-to-top.style-2:hover {
    background: linear-gradient(135deg, #ee5a24 0%, #a70606 100%);
    box-shadow: 0 15px 35px rgba(255, 107, 107, 0.4);
}

.back-to-top.style-3 {
    background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);
    box-shadow: 0 8px 25px rgba(78, 205, 196, 0.3);
}

.back-to-top.style-3:hover {
    background: linear-gradient(135deg, #44a08d 0%, #4ecdc4 100%);
    box-shadow: 0 15px 35px rgba(78, 205, 196, 0.4);
}

/* Brand color version matching your logo */
.back-to-top.brand-color {
    background: #a70606;
    box-shadow: 0 8px 25px rgba(120, 32, 18, 0.3);
}

.back-to-top.brand-color:hover {
    background: #a52a1a;
    box-shadow: 0 15px 35px rgba(120, 32, 18, 0.4);
}

/* Square version */
.back-to-top.square {
    border-radius: 15px;
    width: 55px;
    height: 55px;
}

/* Content demo để test scroll */
.demo-content {
    height: 200vh;
    background: linear-gradient(45deg, #f8f9fa, #e9ecef);
    padding: 50px 0;
}

.demo-section {
    margin: 100px 0;
    padding: 60px 30px;
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Progress ring animation */
.back-to-top.with-progress {
    position: relative;
}

.progress-ring {
    position: absolute;
    top: -3px;
    left: -3px;
    transform: rotate(-90deg);
}

.progress-ring__circle {
    stroke: rgba(255, 255, 255, 0.3);
    stroke-width: 3;
    fill: transparent;
    stroke-dasharray: 188.4;
    stroke-dashoffset: 188.4;
    transition: stroke-dashoffset 0.1s linear;
}

        /* Visualizer */
        .visualizer {
               display: flex
;
    justify-content: center;
    align-items: center;
    gap: 3px;
    height: 50px;
    margin: 5px 0 10px;
        }

        .bar {
            width: 4px;
                background: linear-gradient(to top, #a70606, #ffe04a);
            border-radius: 2px;
            animation: wave 1s ease-in-out infinite alternate;
        }

        .bar:nth-child(2n) { animation-delay: 0.1s; }
        .bar:nth-child(3n) { animation-delay: 0.2s; }
        .bar:nth-child(4n) { animation-delay: 0.3s; }
        .bar:nth-child(5n) { animation-delay: 0.4s; }

        @keyframes wave {
            0% { height: 10px; }
            100% { height: 50px; }
        }
.content-form-user{
	padding:45px 0px
}
.content-form-user label{
	    margin: 15px 0px 5px;
}
.content-form-user a{
	color:blue;
}
.content-form-user button {
    margin: 15px 0px;
    background: linear-gradient(135deg, #a70606 0%, #a52a1a 100%);
    border: navajowhite;
    border-radius: 15px;
    font-size: 20px;
    text-transform: uppercase;
    padding: 8px 27px;
}
.loop_artists{
    font-size: 1em;
    color: #666;
    padding: 5px 0px;
    text-transform: initial;
}
.masonry-gallery .loop_artists{
	color: #fff;
}
.item-video .loop_artists{
	padding: 2px 0px;
}
.loop_artists a{
	font-size: 1em;
    color: #666;
    font-style: italic;
}
.ul-error{
	color: red;
    margin: 25px 0px 0px;
    padding: 0px 0px 0px 15px;	
}
.ul-error li{

}
.text-success {
    color: #000;
    padding: 15px 0px;
    background: #d0ffe0;
    margin: 15px 0px 0;
    display: inline-block;
    padding: 10px 15px;
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    border-radius: 5px;
    font-weight: 500;
    animation: fadeIn 0.5s ease-in-out;
    display: block;
}
.box-language{
	display: inline-block;
}
.box-language a{
}
.box-language img{
    margin: 0px 10px 0px 0px;
    max-height: 22px;
}
.p_d_r_0{
	padding-right:0px;
}
#day-tab{
	display:none;
}
/* Jumping Button */
.tech-btn {
    background: linear-gradient(135deg, #a70606, #d3420a);
	border: none;
	padding: 0.8rem 2rem;
	border-radius: 30px;
	color: white;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
	text-decoration: none;
	display: inline-block;
	animation: buttonJump 4s ease-in-out infinite;
}

@keyframes buttonJump {
	0%, 90%, 100% { transform: translateY(0px) scale(1); }
	95% { transform: translateY(-8px) scale(1.05); }
}

.tech-btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
	transition: all 0.6s ease;
	animation: shimmer 2s ease-in-out infinite;
}

@keyframes shimmer {
	0% { left: -100%; }
	100% { left: 100%; }
}

.tech-btn:hover {
	transform: translateY(-5px) scale(1.05);
	box-shadow: 7px 9px 25px rgb(255 255 255 / 38%);
	color: white;
	animation: buttonShake 0.5s ease-in-out;
}

@keyframes buttonShake {
	0%, 100% { transform: translateY(-5px) scale(1.05) rotate(0deg); }
	25% { transform: translateY(-5px) scale(1.05) rotate(1deg); }
	75% { transform: translateY(-5px) scale(1.05) rotate(-1deg); }
}
.viettel_ca{
    height: 24px;
    vertical-align: sub;
}
 .footer-content {
    margin: 0 auto;
    margin-top: 60px;
}

.center-title {
    font-weight: bold;
    color: #ffffffd9;
    margin-bottom: 10px;
    font-size: 18px;
}
.center-details {
    font-size: 14px;
    color: #bdc3c7;
    line-height: 1.8;
}

.center-details .highlight {
    color: #fff;
    font-weight: bold;
}

.divider {
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);
    margin: 20px 0;
}

.website-info {
    text-align: center;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 13px;
    color: #95a5a6;
}

@media (max-width: 768px) {
    .copyright-section {
        padding: 20px 15px;
        margin: 0 10px 20px;
    }
    
    .center-details {
        font-size: 13px;
    }
}

.info-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 10px;
}

.info-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.info-label {
    color: #ffffff;
    font-weight: bold;
    min-width: 90px;
    flex-shrink: 0;
}
.info-value {
    color: #bfbfbf;
}

.center-info{
    background: rgb(255 255 255 / 6%);
    padding: 30px;
    border-radius: 15px;
    margin-top: 20px;
    /* border: 1px solid rgba(167, 6, 6, 0.3); */
    animation: fadeInUp 1s ease-out 0.8s both;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 16px;
    line-height: 2;
    color: #bfbfbf;
}
.center-info strong{
	font-weight: bold;
    min-width: 110px;
    display: inline-block;
	color: #fff;
}
.center-info::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff04;
    animation: shimmer 2s linear infinite;
}

@keyframes shimmer {
    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}

.info-card-author {
    background: white;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--border-color);
    margin-bottom: 2rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.info-card-author:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.info-card-author h3 {
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.info-card-author .info-item {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.75rem;
    background: var(--bg-light);
    border-radius: 12px;
    transition: background-color 0.2s ease;
}

.info-card-author .info-item:hover {
    background: #e0e7ff;
}

.info-card-author .info-item i {
    width: 24px;
    color: var(--primary-color);
    margin-right: 0.75rem;
}

.info-card-author .info-label {
    font-weight: 600;
    color: var(--text-dark);
    min-width: 120px;
}

.info-card-author .info-value {
    color: var(--text-light);
    flex: 1;
}
#register-form{
	position: relative;
}
#register-loading{
	position: absolute;
    width: 100%;
    background: #ffffffe8;
    z-index: 9;
    height: 100%;
    font-size: 60px;
    padding: 30%;
    display:none;
}
#register-loading i{
	
}
 /* Mega Menu Dropdown */
.dropdown-menu{
	display: none;
   width: 1100px;
   left: -200%;
}


.nav-item:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.mega-menu-content {
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 20px;
}
.mega-menu-content a:hover{
	color: #a70606;
}
/* Level 1 Categories */
.category-level1 {
    display: flex;
    flex-direction: column;
}

.category-image {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 15px;
    transition: transform 0.3s ease;
}

.category-image:hover {
    transform: scale(1.05);
}

.category-title {
	font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    padding-bottom: 0px;
    border-bottom: 2px solid #a70606;
    height: 50px;
    line-height: 1.3;
}
.category-title a{
	font-size: 1.1em;
}
/* Level 2 Categories */
.category-level2 {
    margin-bottom: 10px;
}
.category-level2-title a{
	color: #555;
	font-size: 1em;
}
.category-level2-title {
    font-size: 14px;
    font-weight: 600;
    color: #555;
    margin-bottom: 5px;
    cursor: pointer;
    transition: color 0.3s ease;
}

.category-level2-title:hover {
    color: #a70606;
}

/* Level 3 Categories */
.category-level3 {
    margin-left: 10px;
}
.category-level3 a.category-level3-item {
    display: block;
    /* color: #777; */
    text-decoration: none;
    font-size: 1em;
    transition: all 0.3s ease;
    border-left: 2px solid transparent;
    padding: 0px 0px 5px 0px;
}
.category-level3 a.category-level3-item:hover {
    color: #a70606;
    border-left-color: #a70606;
    padding-left: 10px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .nav-container {
        flex-direction: column;
    }

    .nav-menu {
        width: 100%;
        flex-direction: column;
    }

    .nav-link {
        padding: 15px 20px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .mega-menu {
        position: static;
        box-shadow: inset 0 4px 8px rgba(0,0,0,0.1);
        border-radius: 0;
    }

    .mega-menu-content {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px;
    }

    .category-image {
        height: 100px;
    }
}

/* Animation for smooth appearance */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mega-menu-content > * {
    animation: fadeInUp 0.5s ease forwards;
}

.mega-menu-content > *:nth-child(2) {
    animation-delay: 0.1s;
}

.mega-menu-content > *:nth-child(3) {
    animation-delay: 0.2s;
}

.mega-menu-content > *:nth-child(4) {
    animation-delay: 0.3s;
}
.stars {
    justify-content: center;
}

.star {
    font-size: 30px;
    cursor: pointer;
    color: #ccc;
    margin: 0 5px;
}

.star.selected {
    color: #ffbc00;  
}

.star:hover {
    color: #ffcc00;
}
.form-group-bottom_0{
	margin-bottom:0px;
}
#comment-form .box-submit button , #reportForm .box-submit button{
	margin: 5px 0px 0px
}
#report_content{
	background: #00000080;
}
#table_report{
	
    color: #d7d7d7;
}
#table_report th{
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}