/*
Theme Name: Agencia SEO Elda
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
a.button{font-family: Poppins, sans-serif;}
.titulo{font-family: Poppins, sans-serif;line-height: 1em;}
.enfasis{color:#007BFF;}
.enfasis2{color:#2D2D2D;}
.grande{font-size:180%;}
.extra-grande{font-size:250%;}
.inicioTimeline::before{
	content:"";
	background-color:#0069d9;
	border-radius:100%;
	height:10px;
	width:10px;
	position: absolute;
	left: 50%; /* Centra el círculo */
    transform: translateX(-50%);
}
.finalTimeline::after{
	content:"";
	background-color:#0069d9;
	border-radius:100%;
	height:10px;
	width:10px;
	position: absolute;
	left: 50%; /* Centra el círculo */
    transform: translateX(-50%);
}
.timelineD::before {
    content: "";
    position: absolute;
    top: 64px;
    left: -11px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #0069d9;
}
.timelineD::after {
    content: "";
    position: absolute;
    top: 66px; /* Ajuste fino para centrarlo */
    left: -8px; /* Para que quede dentro del borde azul */
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid white; /* Color de fondo del recuadro */
}
.timelineI::before {
    content: "";
    position: absolute;
    top: 64px;
    right: -11px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #0069d9; /* Borde azul */
}
.timelineI::after {
    content: "";
    position: absolute;
    top: 66px;
    right: -8px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid white; /* Color de fondo */
}
.iconoTimeline{
	max-width: 100px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    z-index: 1;
    border: 2px solid #0069d9;
    border-radius: 100%;
    padding: 10px;
    top: 0;
    margin-top: 30px;
}
/*EFECTO FLIP*/
.flip-container {
  position: relative;
  width: 100%;
  height: auto;
  perspective: 1000px; /* Profundidad para el efecto 3D */
}

.flip-container > div:hover {
  transform: rotateY(180deg);
}

.flip-container > div {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}

.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-front {
  z-index: 2;
  transform: rotateY(0deg);
}

.flip-back {
  transform: rotateY(180deg);
}
/*FORMULARIO*/
.wpcf7-form input{border-radius:50px;}
.wpcf7-form textarea{border-radius:25px;}
.wpcf7-form .wpcf7-submit{width:100%;}
section.dark form input.wpcf7-submit{background-color: #2d2d2d;}
footer form input.wpcf7-submit{background-color: #0069d9!important;}
section.dark form span.wpcf7-form-control-wrap{margin-bottom:5px;}
/*FOOTER*/
.titulosFooter > p{margin-bottom: -10px;}
#logo-financiacion{width:550px;max-width:100%;}
.copyright-footer{color:#2d2d2d;}
/*ADS*/
#aviso-rgpd{font-size: 55%;}
.legal-formulario {
    font-size: 63%;
    height: 18px;
    overflow: hidden;
}
.legal-formulario a{cursor:pointer;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}