/* 
Theme Name: tvDental-theme
Theme URI: https://tvdental.com
Description: Tema desarrollado por el equipo de PubliDental
Author: PubliDental
Author URI: https://publidental.com/
Template: astra
Version: 1.0.1
Text Domain: tvDental-theme
License: GNU General Public License v3 or later.

*/

/* WEBFONTS */
@font-face {
  font-family: "GothamSSm";
  src: url("/wp-content/themes/tvDental/fonts/GothamSSm-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GothamSSm";
  src: url("/wp-content/themes/tvDental/fonts/GothamSSm-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

/* GENERAL */
*, body {
	font-family: 'GothamSSm';
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, .entry-content h1, h1 span,
h2, .entry-content h2,
h3, .entry-content h3,
h4, .entry-content h4,
h5, .entry-content h5,
h6, .entry-content h6,
.site-title, .site-title a, 
.entry-title, .entry-title a {
	font-weight: bold;
	color: #252525;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.entry-content h5, h5,
.entry-content h6, h6 {line-height: 1.2;}
body, p, span {
	color: #5d737e;
}
blockquote {
	background: #e7ecef;
	color: #5d737e;
	padding: 2em;
}
a {
	transition: .5s;
    color: #3a3a3a;
}
a:hover {color: #37ACD5;}
.subtitulo span.elementor-heading-title {text-transform: uppercase; letter-spacing: 2px; font-size: .8em; color: #F18A48;}

/* BLOQUES OSCUROS */
.bg-dark p, .bg-dark span, .bg-dark .cta-link span {
	color: #fff;
}
.bg-dark .cta-link:before {
  background: #F18A48;
}
.bg-dark .cta-link svg {
  stroke: #fff;
}

/* BLOQUES CLAROS */
.bg-light .cta-link:before {
  background: #37ACD5;
}

/* BLOQUES TEXTO */
.width800 {
	max-width: 800px;
	margin: 0 auto;
}

/* HEADER */
#masthead, .ast-site-identity, .custom-logo {
	transition: transform 500ms linear,-webkit-transform 500ms linear;
}
.sticky {
	position: fixed!important;
	width: 100%;
	box-shadow: 0 5px 12px 0 rgba(224,229,238,0.4);
}
.sticky .main-header-bar {background: rgba(255,255,255,.95);}
.sticky .main-header-bar a {font-size: .9em !important;}
.sticky .ast-site-identity {padding: .2em 0;}
.sticky .custom-logo {max-height: 50px!important;}
.sticky .astra-logo-svg {width: auto;}
.ast-header-break-point .main-header-menu {background-color: transparent;}

@media (max-width: 768px) {
	.ast-theme-transparent-header #masthead {background: #fff; transition: .5s;}
	.sticky {top: 0;}
}

/* HERO */
.hero-icons img {
	transform: scale(.5);
}
.tipos-icons img {
	transform: scale(.8);
}
.hero-icons .gallery-caption, .tipos-icons .gallery-caption {
	color: #5d737e;
	font-size: .7em;
	padding: 0 0 10px;
	border-radius: 0;
	border: 0px solid #eaeaea;
}

/* CTA */
.cta-link {
  position: relative;
  margin: auto;
  padding: 19px 22px;
  transition: all .5s ease;
}
.cta-link:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  border-radius: 24px;
  background: #F18A48;
  width: 48px;
  height: 48px;
  transition: all .9s ease;
}
.cta-link span {
  position: relative;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: .25em;
  text-transform: uppercase;
  vertical-align: middle;
  color: #252525;
}
.cta-link:hover span {
	color: #fff;
}
.cta-link svg {
  position: relative;
  top: 0;
  margin-left: 10px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #252525;
  stroke-width: 2;
  transform: translateX(-5px);
  transition: all .3s ease;
}
.cta-link:hover svg {
	stroke: #fff;
}
.cta-link:hover:before {
  width: 100%;
  background: #F18A48;
}
.cta-link:hover svg {
  transform: translateX(0);
}
.cta-link:active {
  transform: scale(0.96);
}
.prefooter .cta-link svg {
  stroke: #fff;
  transform: translateX(0);
  transition: all .3s ease;
}
.prefooter .cta-link:before {
  width: 100%;
  background: #F18A48;
}
.prefooter .cta-link:hover:before {
  background: #37ACD5;
}
.prefooter .cta-link span {
  color: #fff;
}

/* CTA FLOTANTE */
.cta-flotante {
	position: fixed;
	z-index: 10;
	right: 40px;
	bottom: 0px;
	background: #f18a48;
	padding: 10px 10px 10px 20px;
	filter: drop-shadow(0px 0px 4px rgba(241, 138, 72, .8));
}
.cta-flotante::after {
	content: "";
	background: #f18a48;
	display: block;
	height: 100%;
	position: absolute;
	right: -10px;
	top: 0;
	width: 20px;
	transform: skewX(20deg);
}
.cta-flotante span {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: .25em;
	cursor: pointer;
}

.page-id-286 .cta-flotante {
	display: none !important;
}

@media (min-width: 769px) {
	.cita a {
		transition: all .5s ease;
		z-index: 10;
		color: #F08948;
	}
	.cita a:hover {
		color: #fff!important;
	}
	.cita a:before {
		content: "";
		position: absolute;
		left: 5px;
		display: block;
		border-radius: 24px;
		background: #e7ecef;
		width: 48px;
		height: 48px;
		transition: all .5s ease;
		z-index: -10;
	}
	.cita a:hover:before {
		width: 93%;
		background: #F08948;
	}
	.sticky .cita a:before {width: 93%;}
	.video-tipo h3, .video-tipo h4 {
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.video-tipo h3:before, .video-tipo h4:before {
		content: url("/wp-content/uploads/video-tipo.svg");
		position: relative;
		margin-right: 10px;
	}
}
@media (max-width: 768px) {
	.cta-ancho .cta-link{
		padding: .5em;
		background: #37ACD5;
		border-radius: 50px;
		display: block;
	}
	.cta-ancho .cta-link svg {
		stroke: #fff;
		transform: translateX(0);
		transition: all .3s ease;
	}
	.cta-ancho .cta-link:before {
		display: none;
	}
	.cta-ancho .cta-link:hover {
		background: #F18A48;
	}
	.cta-ancho .cta-link span {
		color: #fff;
	}
	.video-tipo h3 {
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 30px 0 0 !important;
	}
	.video-tipo h4 {
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 30px 0 20px !important;
	}
	.video-tipo h3:before, .video-tipo h4:before {
		content: url("/wp-content/uploads/video-tipo.svg");
		position: absolute;
		top: -5px
	}
	.eavg-slider-slider.jsx-1889469396 .eavg-slider-item {
		width: 66.6666%!important;
	}
	.cta-flotante {
		right: 25px;
	}
	.cta-flotante span b {
		display: none;
	}
}

/* CARRUSEL VÍDEOS */
.eavg-slider-component .eavg-video-card-container {
	border-radius: 15px;
}

/* FORMULARIO CONTACTO */
.elementor-field-group .elementor-field-textual {
	border-bottom: 1px solid #5d737e!important;
	color: #5d737e;
}
.elementor-field-group .elementor-field-textual:focus {
	box-shadow: none;
	background-color: #e7ecef!important;
	border-bottom: 1px solid #37acd5!important;
	color: #5d737e;
}
span.elementor-button-text {
	color: #fff;
	font-weight: bold;
}
button, input, optgroup, select, textarea {
	font-family: 'GothamSSm'!important;
}

/* ANIMACIONES */
.fondo-animado-contenedor {width: 100vw; max-width:100vw; min-width: 100vw; height: 500px; overflow-x: hidden;}
.fondo-animado {
	background: url("/wp-content/uploads/bg-moving-scaled.jpg") repeat-x;
	background-size: contain;
	background-position: 50% 100%;
	height: 500px;
	width: 5076px;
	animation: slidebg 60s linear infinite;
}

@keyframes slidebg {
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-1692px, 0, 0);
  }
}


  .feature-icon__contacts .feature-icon__contacts__dot {
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-play-state: paused;
    animation-duration: 4s;
    transform-origin: center center;
    transform-box: fill-box;
    animation-delay: -2s;
  }
  
  .feature-icon__contacts__dot {
    animation-name: reset-animation;
  }

  .mega-menu__link__feature--contacts:hover .feature-icon__contacts__dot,
  .home-features-block--contacts:hover .feature-icon__contacts__dot {
    animation-play-state: running;
  }
  
  .header-nav__link.active .feature-icon__contacts__dot--2,
  .home-features-block--contacts .feature-icon__contacts__dot--2 {
    animation-name: feature-icon__contacts__animation__dot--2;
  }
  
  @keyframes feature-icon__contacts__animation__dot--2 {
    0%,70%{
      fill: #1F2E5C;
      transform: scale(1.0);
    }
    5%,65%{
      fill: #E22279;
      transform: scale(1.15);
    }
  }
  
  .header-nav__link.active .feature-icon__contacts__dot--10,
  .home-features-block--contacts .feature-icon__contacts__dot--10 {
    animation-name: feature-icon__contacts__animation__dot--10;
  }
  
  @keyframes feature-icon__contacts__animation__dot--10 {
    0%,60%,85%{
      opacity: 1;
      transform: scale(1.0);
    }
    65%,80%{
      opacity: 0;
      transform: scale(1.15);
    }
  }
  
  .header-nav__link.active .feature-icon__contacts__dot--14,
  .home-features-block--contacts .feature-icon__contacts__dot--14 {
    animation-name: feature-icon__contacts__animation__dot--14;
  }
  
  @keyframes feature-icon__contacts__animation__dot--14 {
    0%,20%,60%{
      opacity: 1;
      transform: scale(1.0);
    }
    25%,55%{
      opacity: 0;
      transform: scale(1.15);
    }
  }
  
  .header-nav__link.active .feature-icon__contacts__dot--5,
  .home-features-block--contacts .feature-icon__contacts__dot--5 {
    animation-name: feature-icon__contacts__animation__dot--5;
  }
  
  @keyframes feature-icon__contacts__animation__dot--5 {
    0%,35%,80%{
      opacity: 1;
      transform: scale(1.0);
    }
    40%,75%{
      opacity: 0;
      transform: scale(1.15);
    }
  }
  
  .header-nav__link.active .feature-icon__contacts__dot--18,
  .home-features-block--contacts .feature-icon__contacts__dot--18 {
    animation-name: feature-icon__contacts__animation__dot--18;
  }
  
  @keyframes feature-icon__contacts__animation__dot--18 {
    0%,55%,100%{
      fill: #1F2E5C;
      transform: scale(1.0);
    }
    60%,95%{
      fill: #E22279;
      transform: scale(1.15);
    }
  }
  
  .header-nav__link.active .feature-icon__contacts__dot--3,
  .home-features-block--contacts .feature-icon__contacts__dot--3 {
    animation-name: feature-icon__contacts__animation__dot--3;
  }
  
  @keyframes feature-icon__contacts__animation__dot--3 {
    0%,15%,45%{
      fill: #1F2E5C;
      transform: scale(1.0);
    }
    20%,40%{
      fill: #E22279;
      transform: scale(1.15);
    }
  }
  
  .header-nav__link.active .feature-icon__contacts__dot--6,
  .home-features-block--contacts .feature-icon__contacts__dot--6 {
    animation-name: feature-icon__contacts__animation__dot--6;
  }
  
  @keyframes feature-icon__contacts__animation__dot--6 {
    0%,65%,95%{
      fill: #1F2E5C;
      transform: scale(1.0);
    }
    70%,90%{
      fill: #E22279;
      transform: scale(1.15);
    }
  }
  
  .header-nav__link.active .feature-icon__contacts__dot--8,
  .home-features-block--contacts .feature-icon__contacts__dot--8 {
    animation-name: feature-icon__contacts__animation__dot--8;
  }
  
  @keyframes feature-icon__contacts__animation__dot--8 {
    0%,25%,75%{
      fill: #E22279;
      transform: scale(1.0);
    }
    30%,70%{
      fill: #1F2E5C;
      transform: scale(1.15);
    }
  }
  
  .header-nav__link.active .feature-icon__contacts__dot--17,
  .home-features-block--contacts .feature-icon__contacts__dot--17 {
    animation-name: feature-icon__contacts__animation__dot--17;
  }
  
  @keyframes feature-icon__contacts__animation__dot--17 {
    0%,10%,50%{
      opacity: 1;
      transform: scale(1.0);
    }
    15%,45%{
      opacity: 0;
      transform: scale(1.15);
    }
  }
  
  .header-nav__link.active .feature-icon__contacts__dot--13,
  .home-features-block--contacts .feature-icon__contacts__dot--13 {
    animation-name: feature-icon__contacts__animation__dot--13;
  }
  
  @keyframes feature-icon__contacts__animation__dot--13 {
    0%,30%,60%{
      fill: #1F2E5C;
      transform: scale(1.0);
    }
    35%,55%{
      fill: #E22279;
      transform: scale(1.15);
    }
  }


  .feature-icon__reports__bar {
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: paused;
    animation-duration: 1.5s;
    transform-origin: bottom center;
    transform-box: fill-box;
    animation-name: reset-animation;
  }
  
  .mega-menu__link__feature--reports:hover .feature-icon__reports__bar,
  .home-features-block--reports:hover .feature-icon__reports__bar {
    animation-play-state: running;
  }
  
  .header-nav__link.active .feature-icon__reports__bar--1,
  .home-features-block--reports .feature-icon__reports__bar--1 {
    animation-name: feature-icon--reports__animation__column--1;
  }
  
  
  .header-nav__link.active .feature-icon__reports__bar--2,
  .home-features-block--reports .feature-icon__reports__bar--2 {
    animation-name: feature-icon--reports__animation__column--2;
  }
  
  
  .header-nav__link.active .feature-icon__reports__bar--3,
  .home-features-block--reports .feature-icon__reports__bar--3 {
    animation-name: feature-icon--reports__animation__column--3;
  }
  
  
  .header-nav__link.active .feature-icon__reports__bar--4,
  .home-features-block--reports .feature-icon__reports__bar--4 {
    animation-name: feature-icon--reports__animation__column--4;
  }
  
  @keyframes feature-icon--reports__animation__column--1 {
    0%,100% {
      height: 5px;
      transform: translateY(0);
    }
    33.33% {
      height: 14px;
      transform: translateY(-9px);
    }
    66.66% {
      height: 9px;
      transform: translateY(-4px);
    }
  }
  
  @keyframes feature-icon--reports__animation__column--2 {
    0%,100% {
      height: 9px;
      transform: translateY(0);
    }
    33.33% {
      height: 5px;
      transform: translateY(4px);
    }
    66.66% {
      height: 14px;
      transform: translateY(-5px);
    }
  }
  
  @keyframes feature-icon--reports__animation__column--3 {
    0%,100% {
      height: 7px;
      transform: translateY(0);
    }
    33.33% {
      height: 9px;
      transform: translateY(-2px);
    }
    66.66% {
      height: 4px;
      transform: translateY(3px);
    }
  }
  
  @keyframes feature-icon--reports__animation__column--4 {
    0%,100% {
      height: 13px;
      transform: translateY(0);
    }
    33.33% {
      height: 10px;
      transform: translateY(3px);
    }
    66.66% {
      height: 6px;
      transform: translateY(7px);
    }
  }

  .feature-icon__sales__blue,
  .feature-icon__sales__green,
  .feature-icon__sales__pink {
    animation-play-state: paused;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-name: reset-animation;
  }
  
  .mega-menu__link__feature--sales:hover .feature-icon__sales__blue,
  .mega-menu__link__feature--sales:hover .feature-icon__sales__green,
  .mega-menu__link__feature--sales:hover .feature-icon__sales__pink,
  .home-features-block--sales:hover .feature-icon__sales__blue,.home-features-block--sales:hover .feature-icon__sales__green,
  .home-features-block--sales:hover .feature-icon__sales__pink {
    animation-play-state: running;
  }
  
  .header-nav__link.active .feature-icon__sales__blue,
  .header-nav__link.active .feature-icon__sales__green,
  .header-nav__link.active .feature-icon__sales__pink,
  .home-features-block--sales .feature-icon__sales__blue,
  .home-features-block--sales .feature-icon__sales__green,
  .home-features-block--sales .feature-icon__sales__pink {
    animation-name: feature-icon--sales__animation__spin;
  }
  
  .feature-icon__sales__blue-wrapper {
    transform: rotate(-30deg);
    transform-origin: 6.5px 50%;
  }
  
  .feature-icon__sales__green-wrapper {
    transform: rotate(-120deg);
    transform-origin: 20px 50%;
  }
  
  .feature-icon__sales__blue {
    transform-origin: 6.5px 50%;
    animation-duration: 2s;
  }
  
  .feature-icon__sales__green {
    transform-origin: center center;
    animation-duration: 2.5s;
  }
  
  .feature-icon__sales__pink {
    transform-origin: 33.5px 50%;
    animation-duration: 1s;
  }
  
  @keyframes feature-icon--sales__animation__spin {
    from { 
      transform: rotate(0deg); 
    } to { 
      transform: rotate(360deg); 
    }
  }

  .feature-icon__teams__square,
  .feature-icon__teams__circle {
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-play-state: paused;
    animation-duration: 2.5s;
    transform-box: fill-box;
    animation-name: reset-animation;
  }
  
  .mega-menu__link__feature--teams:hover .feature-icon__teams__square,
  .mega-menu__link__feature--teams:hover .feature-icon__teams__circle,
  .home-features-block--teams:hover .feature-icon__teams__square,
  .home-features-block--teams:hover .feature-icon__teams__circle {
    animation-play-state: running;
  }
  
  .feature-icon__teams__square {
    transform-origin: center;
  }
  
  .feature-icon__teams__circle {
    transform-origin: left center;
  }

  .header-nav__link.active .feature-icon__teams__square,
  .home-features-block--teams .feature-icon__teams__square {
    animation-name: feature-icon--teams__animation__square;
  }
  .header-nav__link.active .feature-icon__teams__circle,
  .home-features-block--teams .feature-icon__teams__circle {
    animation-name: feature-icon--teams__animation__circle;
  }
  
  @keyframes feature-icon--teams__animation__square {
    0%,75%,100% {
      transform: rotate(0);
    }
    25%,50% {
      transform: rotate(180deg);
    }
  }
  
  @keyframes feature-icon--teams__animation__circle {
    0%,75%,100% {
      transform: translateX(0);
    }
    25%,50% {
      transform: translateX(24px);
    }
  }

@media (min-width: 481px) and (max-width: 1024px) {
	.elementor-price-table__ribbon.elementor-ribbon-left {display: none;}
}

@media (min-width: 1030px) and (max-width: 1220px) {
	.margen-fix {margin-left: 10px;}
}


/* GDPR botón flotante */
.moove_gdpr_icon, .moove_gdpr_text {
	color: #fff !important;
}