/* 
Theme Name: Lo Público
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Medium_It.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Medium_It.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-ExtraBold_It.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-ExtraBold_It.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Medium.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Black.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Light_It.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Light_It.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Italic.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-SemiBold_it.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-SemiBold_it.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-SemiBold.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Light.woff2') format('woff2'),
        url('DPBrand-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Black_It.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Black_It.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Bold.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-ExtraLigth_It.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-ExtraLigth_It.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-ExtraBold.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Bold_It.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Bold_It.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Regular.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DP Brand ExtraLigth';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-ExtraLigth.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrand-ExtraLigth.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/* formas A */
@font-face {
    font-family: 'DP Brand Formas A Sierraarriba';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasA-Sierraarriba.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasA-Sierraarriba.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DP Brand Formas A Derecha';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasA-Derecha.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasA-Derecha.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DP Brand Formas A Sierrax2V';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasA-Sierrax2V.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasA-Sierrax2V.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DP Brand Formas A Cuadrado';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasA-Cuadrado.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasA-Cuadrado.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DP Brand Formas A Equis';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasA-Equis.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasA-Equis.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Formas b */
@font-face {
    font-family: 'DP Brand Formas B Disco';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasB-Disco.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasB-Disco.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DP Brand Formas B';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasB-Circulo.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasB-Circulo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Formas c */
@font-face {
    font-family: 'DP Brand Formas C Libro';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasC-Libro.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasC-Libro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DP Brand Formas C Techo';
    src: url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasC-Techo.woff2') format('woff2'),
        url('/wp-content/themes/hello-theme-child-master/fonts/DPBrandFormasC-Techo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* General */
a {color: #090E64; text-decoration:underline;}
a:active, a:hover {color: #FADAD7;}
.white-link a{color:white;text-decoration:underline;}
*:focus {outline: none!important;}
hmtl{  scroll-behavior: smooth;}
html,body{
	overflow-x:hidden;
}
body{
	font-family: 'DP Brand';
	font-size:16px;
	color:#090E64;
	line-height: 1.5em;
	font-weight:400;	
}
/* ANIMACIONES */



/* IMAGES */
.full-img *{width:100%;}
.full-img a{display: block;}

/* TÍTULOS
.elementor-heading-title :is(h1,h2,h3,h4,h5,h6), h1,h2,h3,h4,h5,h6 {
	font-family: "Urbanist", sans-serif;
	font-weight: bold;
}

h1, .elementor-heading-title h1{font-size:35px;}
h2, .elementor-heading-title h2{font-size:28px;}
h3, .elementor-heading-title h3{font-size:23px;}
h4, .elementor-heading-title h4{font-size:21px;}
h5, .elementor-heading-title h5{font-size:20px;}
h6, .elementor-heading-title h6{font-size:18px}

 */
/* BOTONES */
.icon-btn:hover .elementor-button {
    background: #fadad7 !important;
}
.icon-btn:hover .elementor-button .elementor-button-text {
    color: #090e64;
}
/* BREADCUMBS */
#breadcrumbs .breadcrumb_last {
    font-weight: bold;
}
#breadcrumbs span {
    margin: 0 10px;
	letter-spacing: 1px;
}
#breadcrumbs span:first-child {
    margin-left: 0;
}
#breadcrumbs span:last-child {
    margin-right: 0;
}
/* HEADER */
#site-header{
	background-color: white;
}
#site-header .custom-nav .menu-item .elementor-item {
    display: flex;
    align-items: center;
}

#site-header .custom-nav .menu-item .elementor-item .nav-icon {
    line-height: 0;
    margin-right: 15px;
}
/* HOME */
/* Logotipo plp  */
.letra-p .elementor-heading-title{
	font-family:'DP Brand Formas A Sierraarriba';
}
.letra-r .elementor-heading-title{
    font-family: 'DP Brand Formas B Disco';
}
.letra-o .elementor-heading-title{
    font-family: 'DP Brand Formas A Derecha';
}
.letra-t .elementor-heading-title{
    font-family: 'DP Brand Formas C Techo';
}
.letra-o-2 .elementor-heading-title{
    font-family: 'DP Brand Formas A Sierrax2V';
}
.letra-t-2 .elementor-heading-title{
    font-family: 'DP Brand Formas A Cuadrado';
}
.letra-i .elementor-heading-title{
    font-family: 'DP Brand Formas B';
}
.letra-p-2 .elementor-heading-title{
    font-family: 'DP Brand Formas A Equis';
}
.letra-a .elementor-heading-title{
    font-family: 'DP Brand Formas C Libro';
}
.letra-r-2 .elementor-heading-title{
    font-family: 'DP Brand Formas A Derecha';
}
/* Animación */
.logotipo-plp .elementor-heading-title{
  /* Color base (inicio) */
  color: transparent;

  /* Gradiente animado */
  background-image: linear-gradient(
    90deg,
    #090e64 0%,
    #090e64 50%,
    #ffffff 50%,
    #ffffff 100%
  );

  background-size: 200% 100%;
  background-position: 100% 0;

  -webkit-background-clip: text;
  background-clip: text;

  animation: fillText 2s ease forwards;
}

@keyframes fillText {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: 0% 0;
  }
}

/*--*/
.custom-etiquetas span{
    display: inline-block;
    border: 1px solid;
    padding: 5px 15px;
    border-radius: 15px;
    margin-right: 15px;
	margin-bottom:15px;
}
.custom-etiquetas span:hover{
    color: #FADAD7;
}
.blue-box:hover svg path {
    fill: #090e64 !important;
}
.blue-box:hover *{
	color: #090e64 !important;
}
/* CASOS DE ESTUDIO */
.caso-category .elementor-post-info__terms-list-item {
    display: inline-block;
    padding: 5px;
    border: 1px solid;
    border-radius: 12px;
    font-size: 10px !important;
    margin-right: 10px;
    margin-bottom: 5px;
}

.caso-category .elementor-post-info__terms-list {
    font-size: 0;
}
.post-status .elementor-heading-title {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 5px 10px 5px 25px;
    border: 1px solid;
    border-radius: 15px;
}
.post-status .elementor-heading-title.active{
    color:#109173;
    background-color:#D0EFE8;
}
.post-status .elementor-heading-title.inactive{
    color:red;
    background-color:#f3cdcd;
}
.post-status .elementor-heading-title::before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 10px;
    border-radius: 100%;
    top: 8px;
}
.post-status .elementor-heading-title.active::before{
    background-color:#109173;
}
.post-status .elementor-heading-title.inactive::before{
    background-color:red;
} 
/* SOBRE EL PROYECTO */
.vertical-line::before {
    content: '';
    position: absolute;
    top: 30px;
    left: 66px;
    width: 2px;
    height: 78%;
    background-color:#090e64;
}
.vertical-line svg{
	background-color:white;
}
.vertical-line.green svg{
	background-color: #D4F9D6;
}
.vertical-line.gray svg{
	background-color:#EFEFEF;
}

/* RECURSOS */
.list-navigation .elementor-icon-list-text {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px solid;
}

/*  RESPONSIVE */
@media (min-width:1024px){
	/* HEADER */
	#site-header{
		background-color: transparent;
	}
	.site-header-fixed #site-header{
		background-color:white;
	}
	.custom-nav {
		display:none;
	}
	.site-header-fixed .custom-nav{
		display:block;
	}
	.site-header-fixed .custom-nav-2{
		display:none;
	}
	.elementor-editor-active .custom-nav{
		display:block;
	}

	/* HOME */
	.fase-0{
		left:-7%;
	}
	.fase-1 {
		position: absolute;
		top: 300px;
		right:0;
	}
	.fase-2{
		position: absolute;
		right: -13%;
	}
	.fase-3 {
		position: absolute;
		top: 320px;
		right:0;
	}
	.fase-4{
		position:absolute;
		top: 150px;
		right:0;
	}
	.custom-etiquetas span{
    	margin-right: 30px;
		margin-bottom:0;
	}
	
}
@media (max-width:768px){
    .vertical-line::before {
        left: 45px;
    
    }    
}
@media (max-width:500px){
	/* HOME */
	.fase-1 {
		position: absolute;
		top: -60px;
		left: 30px;
	}

	.fase-2 {
		position: absolute;
		right: 0;
		top: -200px;
	}

	.fase-3 {
		position: absolute;
		top: 140px;
		left: 50px;
	}

	.fase-4 {
		position: absolute;
		right: 0;
		top: 40px;
	}

	
}