/*
Theme Name: Alessandri 2024
Theme URI: www.alessandri.legal
Description: El Tema Mockup para Wordpress fue realizado especificamente para la web.
Cuenta con un alto nivel de personalización para adecuarse a las necesidades de los usuarios de esta web.
Author:Jorge Miranda en <a href="http://www.mockup.cl/">Mockup</a>
Version: 3.0
*/


* {padding: 0; margin-bottom: 0; -webkit-font-smoothing: antialiased;}
*:focus {outline: none;}



html {margin:0!important;}

img {text-decoration: none; border:0 none;}

a {text-decoration: none;}
a:hover {cursor: pointer;}
a:active, a:hover {outline: 0;}

:root { 
    --rojo: #EA0029;
    --negro:#1D1D1B;
    --naranjo:#F3944B;
    --font-title:"PT Sans", sans-serif;
    --font-body:"Nunito Sans", sans-serif;
}
  

body {font-family: var(--font-body); background:#F1EDEB; color:#1D1D1B; font-size: 16px; }


h1 {font-family: var(--font-title); font-weight: 800; font-size: 42px;}
h2 {font-family: var(--font-title); font-weight: 800; font-size: 36px;}
h3 {font-family: var(--font-title); font-weight: 800; font-size: 24px;}
h4 {font-family: var(--font-title); font-weight: 700; font-size: 20px;}
h4, h5, h6 {font-family: var(--font-title); font-weight: 600;  margin-bottom: 1rem;}
p {font-family: var(--font-body); line-height:150%; font-weight: 400; letter-spacing: .025em; font-size: 0.95rem;}

.size-full {width: 100%; height: auto; display: block;}
.size-full img {width: 100%; height: auto; display: block;}

.text-right {text-align: right;}
.text-left {text-align: left;} 

.bblack {top: 0; left: 0; bottom: 0; right: 0; position: absolute; background: rgba(0, 0, 0, .3);}

#wrapp {position: relative; width: 100%; display: table;}

.container { max-width:1700px; padding-right: 3rem; padding-left: 3rem;}
.linkFull { position: absolute; top:0; left: 0; right: 0; bottom: 0; text-indent: -9999px; }

.badge {padding:0.4rem; font-weight: normal;}

.btn {transition: all .2s linear 0s;}

.bg-dual_1 {background: linear-gradient(90deg, #1D1D1B 50%, #EA0029 50%);}
.bg-dual_2 {background: linear-gradient(90deg, #EA0029 50%, #F3944B 50%);}

.bg_ale_1 {background: url(img_css/bg_ale_1.svg) no-repeat right; background-size: contain; position: absolute;top: 0; bottom: 0;right: 0; width: 100%; z-index: -1;}
.bg_ale_2 {background: url(img_css/bg_ale_2.svg) no-repeat left; background-size: contain; position: absolute;top: 0; bottom: 0;left: 0; width: 100%; z-index: 0;}
.bg_ale_3 {background: url(img_css/bg_ale_1.svg) no-repeat right; background-size: contain; position: absolute;top: 0; bottom: 0;right: 0; width: 100%; }



.btn-naranjo {border:3px solid var(--naranjo); color:#FFF !important; font-weight: bold; }
.btn-naranjo:hover {background:#D3E00D;}
.btn-azul {border:3px solid #3B33EE;}
.btn-morado {border:3px solid #523ED3;}
.btn-negro {border:3px solid #1D1D1B;}
.btn-verde {border:3px solid #56D89F;}
.btn-verde2 {background: #56D89F; color:#FFF; }

.btn-rojo {background-color: var(--rojo); color:#FFF;}
.btn-rojo:hover {background:var(--negro); color:#FFF !important;}
.btn-bamarillo {background-color: #D3E00D; color:#1D1D1B;}
.btn-naranjo {background-color: var(--naranjo); color:#FFF;}
.btn-bmorado {background-color: #523ED3; color:#FFF;}
.btn-bnegro {background-color:  #1D1D1B; color:#FFF;}
.btn-bverde {background-color: #56D89F; color:#FFF;}
.btn-blackalfa {background: rgba(0, 0, 0, .15);}
.btn-blackalfa:hover {background: rgba(0, 0, 0, .3);}

.bg-rojo {background-color: var(--rojo); color:#FFF;}
.bg-negro {background-color: #1D1D1B !important; color:#fff;}
.bg-naranjo {background-color: var(--naranjo); color:#FFF;}
.bg-bmorado {background-color: #523ED3; color:#FFF;}
.bg-bnegro {background-color:  #1D1D1B; color:#FFF;}
.bg-bverde {background-color: #56D89F; color:#FFF;}

.text-rojo {color: var(--rojo);}
.text-amarillo {color: #D3E00D;}
.text-amarillo2 {color:#e6fc52;}
.text-naranjo {color:  var(--naranjo);}
.text-morado {color:  #523ED3;}
.text-negro {color:  var(--negro);}
.text-verde {color:  #56D89F;}

.bg-secondary2 {background: #F1EDEB;}

/* Flechas Slider */

.flex-direction-nav a {width: 60px; height: 60px; background:#FFF;}
.flex-direction-nav a:before {background: url(img_css/arrow-left.svg) no-repeat 5px 7px; background-size:70%; width: 60px; height: 60px; content: ''; }
.flex-direction-nav a.flex-next:before {background: url(img_css/arrow-right.svg) no-repeat 10px 7px; content: ''; background-size:70%;}
.flexslider .flex-direction-nav .flex-prev {left:0;}
.flexslider .flex-direction-nav .flex-next {right: 0;}
.flexslider:hover .flex-direction-nav .flex-prev {left:0;}
.flexslider:hover .flex-direction-nav .flex-next {right: 0;}
ul.flex-direction-nav li a {line-height: 40px;}
.flexslider.dv_slider {margin:0;}


/* efecto link ver más */
a.vermas {display: inline-block; font-weight: 600; position: relative;}
a.vermas:hover {color: initial;}
a.vermas:after {
    height: 1px;
    width: 0;
    background: #000;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    -webkit-transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms 0ms;
    transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms 0ms;
}
a.vermas:hover:after {
    left: 0!important;
    width: 100%!important;
    -webkit-transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms .2s;
    transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms .2s;
    color:initial;
}

a.vermas.text-naranjo:after {
  background: var(--naranjo);
}
a.vermas.text-rojo:after {
  background: var(--rojo);
}
a.vermas.text-white:after {
  background: #FFF;
}
a.vermas.text-negro:after {
  background: var(--negro);
}

a.goTitle_rojo {transition: all .2s ease-in-out 0s; }
a.goTitle_rojo:hover {color:var(--rojo);}
a.goTitle_naranjo{transition: all .2s ease-in-out 0s; }
a.goTitle_naranjo:hover {color:var(--naranjo);}
a.goTitle_negro{transition: all .2s ease-in-out 0s; }
a.goTitle_negro:hover {color:var(--negro);}

.fecha {font-size: 0.9rem;}


/* forma fuentes fuentes */
.contenido {font-size: 0.95rem;}
.contenido h2 {font-size: 2rem;}
.contenido h3 {}
.contenido h4 {}
.contenido h5 {}
.contenido h6 {}
.contenido p {}
.contenido ul { margin-left: 3rem; }
.contenido ul li { margin-bottom: 1rem; }
.contenido a { color: var(--rojo); font-weight: 600; position: relative;}
/*.contenido a:after {
    height: 1px;
    width: 0;
    background: #000;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    -webkit-transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms 0ms;
    transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms 0ms;
}
.contenido a:hover:after {
    left: 0!important;
    width: 100%!important;
    -webkit-transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms .2s;
    transition: width .2s cubic-bezier(.645, .045, .355, 1), left 0ms .2s;
}*/


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    /*background: #fff;*/
    background: transparent;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption, figcaption {font-size: 12px;}

/**/

header { color:#333; top:0; left:0; right: 0; z-index: 10; position: fixed; top:0; background-color: #F1EDEB;}
header .chile {background: url(img_css/chile.svg) no-repeat center; background-size: contain; text-indent: -9999px; width: 20px; height: 15px; float: left;line-height: 20px;margin-top: 7px; margin-right: 5px;}
header .navbar-brand {background: url(img_css/logo-alessandri.svg) left center no-repeat; width: 100%; max-width: 240px; text-indent:-9999px; height: 100%; display:inline-block;}
.colorLogo {fill:#D3E00D;}
header .contactTop {font-size: 14px; line-height: 30px;}
header .contactTop a {color: var(--negro);}
header .menutop {flex-grow: 1; justify-content: flex-end; color:#FFF; display: flex; font-size: 14px; line-height: 30px;}
header .menutop .menurojo {background:var(--rojo); clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%); padding-left: 25px !important;}
header .menutop .menurojo a { color:#FFF; }
header .menutop .idioma {background: var(--negro);}
header .menutop .idioma ul.idiomas {list-style: none; padding: 0; margin:0; display: inline-block;}
header .menutop .idioma ul.idiomas a {color:#FFF; font-weight: bold;}
header + .nojq {top: 32px;}
.customize-support > header {top: 32px;}


header .nav {flex-grow: 1; justify-content: flex-end; color:#FFF; display: flex;}
header .nav ul.menu { list-style: none; margin:0;}
header .nav ul.menu > li {float: left; position: relative;}
header .nav ul.menu > li > a {color:#333; font-size: 14px; text-transform: uppercase; margin:0 15px; border-bottom: 2px solid #f1edeb; line-height: 40px; display: block; height: 100%;}
header .nav ul.menu > li:hover a {border-bottom-color: var(--rojo); text-decoration: none;}
header .nav ul.menu > li.current-menu-item a, header .nav ul.menu li.page-item a {border-bottom-color: var(--rojo);}
header .nav ul.menu > li .sub-menu {display: none; position: absolute; width: 100%; padding: 50px 0;}
header .nav ul.menu > li:hover .sub-menu {display: block; background: #FFF;}

header .navbar-toggler-icon {width: initial; height: inherit;}
header .navbar-collapse {position: absolute; top:70px; right: 0;}

.SuperMenu {background: #523ED3; height: calc(100vh - 62px); position: fixed; z-index: 100; top:62px;}
.SuperMenu .menu {list-style: none; font-size: 34px; font-weight: bold;}
.SuperMenu .menu li {margin-bottom: 1rem;}
.SuperMenu .menu a {color:#FFF;}

main {margin-top:108px; margin-bottom: 80px;}
.customize-support > main {margin-top: 140px;}

.breadcrumb {font-size: 12px; font-weight: 400; color:#333; background: transparent; padding:10px 0 0; margin:0;}
.breadcrumb p {font-size: 12px;}
.breadcrumb a {color:#333; border-bottom: 1px dotted #333; transition: border .2s linear 0s;}
.breadcrumb a:hover {border-bottom:var(--rojo) solid 1px;}

.EquipoCarrusel {background:none; border:0 none;}
.EquipoCarrusel ul {list-style: none;}
.EquipoCarrusel ul li {}
.EquipoCarrusel .ficha {width: 200px; text-align: center; }
.EquipoCarrusel .ficha .imagen {width: 100%; padding-top: 100%; margin-bottom: 15px; background: #f5f5f5; background-size: cover;}
.EquipoCarrusel .ficha h3 {font-size: 18px; margin:0; transition: all .2s linear 0s;}
.EquipoCarrusel .ficha:hover h3 {color:var(--rojo);}
.EquipoCarrusel .ficha p {font-size: 16px;}

.Equipo .ficha {width: 100%; text-align: center;}
.Equipo .ficha .imagen {width: 100%; padding-top: 100%; margin-bottom: 15px; background: #f5f5f5; background-size: cover;}
.Equipo .ficha h3 {font-size: 18px; margin:0;}
.Equipo .ficha:hover h3 {color:var(--rojo);}
.Equipo .ficha p {font-size: 16px;}

.fotoFicha img {max-width: 240px; max-height: 240px; width: 100%;}
.fotoFicha source {max-width: 240px; max-height: 240px; width: 100%;}

.imagenFicha { float: left;margin-right: 30px;width: 25%; background: no-repeat left center;padding-top: 25%;background-size: contain; margin-left: -15px;}

.listLink {border-bottom: 1px solid #ccc; width: 100%; color: var(--negro);line-height: 150%; padding-bottom: 0px;font-size: 16px; margin-bottom: 14px;display: block;}

.reconocimiento {border-bottom: 1px solid #ccc; width: 100%; color: var(--negro);line-height: 150%; padding-bottom: 0px;font-size: 16px; margin-bottom: 14px;display: block;}

.areas {}
.areas a { border-bottom: 1px solid #ccc; width: 100%; color: var(--negro);line-height: 150%; padding-bottom: 0px;font-size: 16px; margin-bottom: 14px;display: block;}

.cardArea {transition: all .2s linear 0s; border-left: 2px solid var(--negro); border-radius: 0;}
.cardArea .icon {top:26px; right: 18px; color:var(--negro); font-size: 20px; transition: all .2s linear 0s; }
.cardArea:hover .icon {color:var(--rojo);}
.cardArea .card-title {font-weight: 500; font-size: 20px;}
.cardArea:hover .card-title {color:var(--rojo);}
.cardArea:hover {border-left:2px solid var(--rojo); box-shadow:
      0 1px 1px hsl(0deg 0% 0% / 0.075),
      0 2px 2px hsl(0deg 0% 0% / 0.075),
      0 4px 4px hsl(0deg 0% 0% / 0.075),
      0 8px 8px hsl(0deg 0% 0% / 0.075),
      0 16px 16px hsl(0deg 0% 0% / 0.075);
  }

.keycontact img {width: 100%; height: auto;}

.block-new {border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 35px;}

.blockright {}
.blockright h5 {font-weight: bold; font-size: 1rem;}

.form-select.bg-rojo {background-image: url(img_css/select.svg); }

.paginacion {}
.paginacion .page-numbers:not(:first-child) .page-link {margin-left: -1px;}
.paginacion .page-numbers { padding: .375rem .75rem;}
.paginacion.naranjo .page-numbers { position: relative; display: inline; color: var(--naranjo);text-decoration: none;background-color: #fff; border: 1px solid var(--naranjo); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; border-radius: .25rem;}
.paginacion.naranjo .page-numbers.current {color: #fff; background-color: var(--naranjo);border-color: var(--naranjo);}
.paginacion.rojo .page-numbers { position: relative; display: inline; color: var(--rojo);text-decoration: none;background-color: #fff; border: 1px solid var(--rojo); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.paginacion.rojo .page-numbers.current {color: #fff; background-color: var(--rojo);border-color: var(--rojo);}

footer {}
footer .navbar-brand {background: no-repeat center; text-indent: -9999px; display: block; width: 100%; height: 36px;}
footer .Menufooter {color:var(--rojo); margin-left: 30px; font-size: 14px;}
footer .Menufooter li {}
footer .Menufooter li a {color:#fff;}
footer .Menufooter li a:hover {color:var(--rojo);}

#hmenu_load_1 .hmenu_logo {line-height: initial !important;}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

body {font-size: 16px;}
h1 {font-size: calc(42px - 1vw);}
h2 {font-size: 36px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
p {font-size: 0.95rem;}


}


/* MEDIA QUERY */


@media only screen  and (max-width: 1400px) {



}

@media only screen  and (max-width: 1200px) {




}

@media only screen  and (max-width: 1024px) {

h1 {font-size: calc(42px - 1vw);}
h2 {font-size: 36px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
p {font-size: 0.95rem;}


}


@media only screen and (max-width: 992px) { 
    #hmenu_load_1 .menu_responsive_label {display: none!important;}
    #hmenu_load_1 .hmenu_navigation_holder ul li a .hmenu_wrap {font-size: 16px !important; color:var(--negro) !important; line-height: 50px !important;
        height: 50px !important;}
        #hmenu_load_1 .hmenu_navigation_holder ul > li:hover > a > div, #hmenu_load_1 .hmenu_navigation_holder ul > li:hover > a > div:before, #hmenu_load_1 .hmenu_navigation_holder ul > li:hover > a > div:after, #hmenu_load_1 .hmenu_navigation_holder ul > li.hmenu_active_nav > a > div, #hmenu_load_1 .hmenu_navigation_holder ul > li.hmenu_active_nav > a > div:before, #hmenu_load_1 .hmenu_navigation_holder ul > li.hmenu_active_nav > a > div:after {color: var(--rojo) !important;}
    #hmenu_load_1 .hmenu_mega_sub h3 {font-size: 16px!important; color:var(--negro)!important; line-height: 16px!important;}
    
    .container {    padding-right: 1rem; padding-left: 1rem;}

}

@media only screen and (max-width: 768px) { 



}

@media only screen and (max-width: 576px) {




}


@media print {
    /* Aquí irían tus reglas CSS específicas para imprimir */


@page :left {
 margin-left: 2cm;
 margin-right: 2cm;
}
@page :right {
 margin-left: 2cm;
 margin-right: 2cm;
}
@page :first {
 margin-top: 2cm;
}
    
    p {font-size: 0.7rem !important;}
    footer, nav, aside, .breadcrumb {display: none;}
    header {}
    main {margin-top: 0;}

    .FichaEquipo .bloque1 {padding-top: 0 !important; padding-bottom: 0 !important;}
    .FichaEquipo .bloque1 h1 {font-size: 26px !important;}
    .contenido p {font-size: 0.7rem;}
    .FichaEquipo h3 {font-size: 17px !important;}
    .FichaEquipo .experiencia {page-break-before:always;}
    .FichaEquipo .areaspractica {padding: 0 !important; background: transparent !important; font-size: .9rem;}
    .FichaEquipo .reconocimientos {padding: 0 !important;background: transparent !important; font-size: .9rem;}
    .FichaEquipo .salto {page-break-before:always; display: block;}
}








.modal {
    display: none; 
    position: fixed; 
    z-index: 1; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 80%; 
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}