/**
 * Theme Name:     Archivo_patrimonial_2025
 * Author:         Ativacl
 * Template:       Divi
 * Text Domain:	   ativa2025
 * Description:    Ativa 2025
 * Theme URI:      http://ativa.cl
 * Author URI:     http://ativa.cl
 * Version:        1.0
 * Tags:           Ativacl	
 */
.h1titulos h1 {
    color: #fd8a22;
    text-align: center;
    padding: 0;
    font-size: 36px !important;
    line-height: 1em;
    font-weight: 500;
}
.et-fb-help-button {display:none !important;}
.home .owl-nav {    font-size: 40px;}
.home .owl-nav button:focus {outline: none;}
.home .owl-nav .owl-prev {margin-right: 6px;}
/* 

vista masonry
 --------------------------------------------*/
  .right15 .owl-item {margin-right:15px !Important;}
  .grid-item { width: 24%;
    margin: 0 0.5% 1% 0.5%;
    
    }
    .grid-item img  {animation: fadeIn ease 4s;
    -webkit-animation: fadeIn ease 4s;
        -moz-animation: fadeIn ease 4s;
        -o-animation: fadeIn ease 4s;
        -ms-animation: fadeIn ease 4s;}
        @keyframes fadeIn {
        0% {filter: brightness(0) blur(2px) contrast(5) opacity(0.5);}
        100% {filter: brightness(1) blur(0px) contrast(1) opacity(1);}
        }
        
        @-moz-keyframes fadeIn {
            0% {filter: brightness(0) blur(2px) contrast(5);}
            100% {filter: brightness(1) blur(0px) contrast(1) opacity(1);}
        }
        
        @-webkit-keyframes fadeIn {
            0% {filter: brightness(0) blur(2px) contrast(5);}
            100% {filter: brightness(1) blur(0px) contrast(1) opacity(1);}
        }
        
        @-o-keyframes fadeIn {
            0% {filter: brightness(0) blur(2px) contrast(5);}
            100% {filter: brightness(1) blur(0px) contrast(1) opacity(1);}
        }
        
        @-ms-keyframes fadeIn {
            0% {filter: brightness(0) blur(2px) contrast(5);}
            100% {filter: brightness(1) blur(0px) contrast(1) opacity(1);}
        }
    .nostyleli,.owl-carousel li {list-style:none;display:block;}
.masonry-container-vista {position: relative; height: auto; overflow: hidden;}
.masonry-vista-imagen a {
    margin-bottom: -10px;
    display: block;
}
.masonry-vista-tipo {
    pointer-events: none;
    position: absolute;
    background: #4a4a4a;
    color: #fff;
    top: 5px;
    right: 5px;
    padding: 2px 20px;
    font-size: 11px;}
.masonry-vista-titulo-ct{position: absolute;
        pointer-events: none;

        padding: 10px 20px;
    background: #128080;
    bottom: -70px;
    left: 0;
width: 100%;
opacity: 0;
 -webkit-transition: all 250ms ease-out;
        -moz-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-out;
        -o-transition: all 250ms ease-out;
        transition: all 250ms ease-out;}
.masonry-vista-titulo {    
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.masonry-container-vista:hover .masonry-vista-titulo-ct{
    position: absolute;
        pointer-events: none;
opacity: 1;
        padding: 10px 20px;
    background: #fd8a27;
    bottom: 0;
    left: 0;
width: 100%;
 -webkit-transition: all 250ms ease-out;
        -moz-transition: all 250ms ease-out;
        -ms-transition: all 250ms ease-out;
        -o-transition: all 250ms ease-out;
        transition: all 250ms ease-out;}

  /* ---- Búsqueda---- */
 .closed-busqueda .et_pb_toggle_open .et_pb_toggle_title:before {
    display: block !important;
    content: "\e04f";
    margin-top: -14px;
}
.closed-busqueda .formulario-busqueda .titulo {display:none;}
.closed-busqueda .et_pb_toggle_open .et_pb_toggle_title {
    font-size: 18px;
    border-bottom: #448bc76e solid 1px;
    padding-bottom: 16px;
    padding-top: 5px;
}
.mostrando-resultados {
    background: #F2F2F2;
    padding: 20px;
    margin-bottom: 25px;
    font-weight: 400;
    font-size: 15px;
    color: #313131;}
.mostrando-resultados span {color: #0c93d8; font-weight: 800;} 
.formulario-busqueda .titulo{
    font-size: 18px;
    margin: 15px 0 25px 0;
    text-transform: capitalize;
    font-weight: 400;
    color: #1b1b1b;
    border-bottom: #448bc76e solid 1px;
    padding-bottom: 10px;
}

.formulario-busqueda input[type=text], .formulario-busqueda input.text, .formulario-busqueda input.title, .formulario-busqueda textarea, .formulario-busqueda select {
    border: 1px #ececec solid !important;
    font-size: 15px !important;
    padding: 10px 15px !important;
    height: auto !important;
    margin-bottom: 5px !important;
    width: 100% !important;
}
.formulario-busqueda input[type=submit]{
    background: #0c93d9;
    color: #fff;
    border: navajowhite;
    padding: 8px 67px;
    margin: 15px 0 20px 0;
    width: 100%;
    font-size: 16px;
    border-radius: 3px;
    transition: all 250ms ease-out;
}
.formulario-busqueda input[type=submit]:hover {background: #0e78af;transition: all 250ms ease-out;}

.form-group label  {
    margin: 10px 0;
    color: #2b2b2b;
    font-weight: 600;
}
.wpv-archive-pagination-nav-links-container .page-link, .wpv-archive-pagination-nav-links .page-link, .wpv-pagination-nav-links-container .page-link, .wpv-pagination-nav-links .page-link, .wpv-pagination-preview-element .page-link {
    font-size: 15px;}
    .page-link {
        color: #5a5a5a;

}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #fd7c04;
    border-color: #fd7c04;
}






  /* ---- Single Materiales ---- */
  .etiquetascoma:after {content:","}
  .etiquetascoma:last-child:after {content:""}
  .etiquetascoma {    color: #fa8921;}
.formulario-solicitud {
    display: flex;
    flex-flow: row;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}
.formulario-solicitud .wpcf7-form-control-wrap {
    display: flex;
    flex-basis: 50%;
}
.formulario-solicitud input[type=text],.formulario-solicitud input[type="url"],.formulario-solicitud input[type="email"],.formulario-solicitud input[type="tel"],.formulario-solicitud textarea {
	-moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    background-color: #EEE;
    border-width: 0px;
    border-radius: 0;
    color: #999;
    font-size: 14px;
    padding: 16px;
    width: 97%;
    margin: 0 0 10px 0;
}
  .comparte {
    display: flex;
    flex-flow: row;
}
.formulario-solicitud .codigo,.formulario-solicitud .your-message  {
    flex-basis: 100%;
}
.formulario-solicitud .codigo input,.formulario-solicitud .your-message textarea {
    width: 98.5%;
}
.formulario-solicitud .wpcf7-submit {
    background: #0c93d9;
    color: #fff;
    border: navajowhite;
    padding: 8px 67px;
    margin-top: 7px;
    font-size: 16px;
    border-radius: 3px;
	transition: all 250ms ease-out;
}
.formulario-solicitud .wpcf7-submit:hover {background: #0e78af;transition: all 250ms ease-out;}
.comparte .titulo {
    text-transform: uppercase;
    color: #444444;
    font-weight: 600;
    line-height: 35px;
    margin-right: 12px;
}
.comparte .et_social_inline li{
    zoom: 0.8;
    margin-right: 7px !important;
}
.containerflexatv{
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.volverbtn {display: flex; align-items: center; color: #0099e5;}
.volverbtn:hover {letter-spacing: 1px;}
.volverbtn .fas {
    margin-right: 5px;
    background: #0099e5;
    color: #fff;
    padding: 8px;
    border-radius: 100px;
    letter-spacing: 0;
}
.volverbtn:hover .fas {letter-spacing: 0 !important;}
.imgsingleposts {
    margin: auto;
        display: block;
    box-shadow: #00000014 -1px 8px 7px 0px;
    border: 10px solid #fff;
    margin-bottom: 40px;
}
.fluid-width-video-wrapper {margin-bottom: 40px; box-shadow: #00000014 -1px 8px 7px 0px;border: 10px solid #fff;}
.flipbook-main-wrapper{
    margin: auto;
    display: block;
    box-shadow: #00000014 -1px 8px 7px 0px;
    border: 10px solid #fff;
    margin-bottom: 20px;
}
.descripcion {
	    margin: 25px 0;
    padding: 0 0 15px 0;
    border-bottom: solid 1px #ccc;
    font-size: 17px;
    font-weight: 500;
    color: #fd8a22;
    text-transform: uppercase;
}
.sutitulo-single {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.textos-single {font-size: 13px; color:#333;
    line-height: 19px;
    margin-bottom: 20px;}
.single-ul {padding:0 !important}
.single-ul li {list-style:none}
.tags-single a {color:#0D99E1}

.fgris {
    background: #444;
    padding: 6px 5px;
    margin: 0 0 10px 0;
    font-weight: 400;
    color: #fff;
    text-align: center;
}
.fgris2 {
    background: #444;
    padding: 6px 5px;
    margin: 15px 0;
    font-weight: 400;
    color: #fff;
    text-align: center;
}
.container-ficha-single {background: #fff;
    padding: 20px 7%;
    box-shadow: #00000008 0px 6px 10px;}

  /* ---- Menu sticky ---- */

#page-container .scrolled{
	animation: animatebox 600ms;
	position: fixed !Important;
    top: 0 !Important;
    width: 100% !Important;
    z-index: 9999 !Important;
    box-shadow: #000 0px -12px 20px;
    background-color: #3e3e3e !important;
}
#page-container .scrolledwhite {background-color: #fff !important;}
#navbarstk .et_pb_menu__search-input {
    border: 0;
    width: 100%;
    color: #fff !important;
    background: transparent;
    padding: 3px 20px;
    border-bottom: 1px solid #ffffff4d;
}
.tax-tags-materiales #navbarstk .et_pb_menu__search-input {
    color: #fff !important;
    border-bottom: 1px solid #ffffff4d !important;
}

#page-container .scrolledwhite .et_pb_menu__search-input {
  color: #000 !important;
      border-bottom: 1px solid #0000004d;

}

#navbarstkm .et_pb_menu__search-input::placeholder,#navbarstk .et_pb_menu__search-input::placeholder {
  color: #fff !important;
}
#page-container .scrolledwhite .et_pb_menu__search-input::placeholder, #page-container .scrolledwhite .et_pb_menu__search-input::placeholder {
  color: #000 !important;
}
@keyframes animatebox {
    from {top: -125px;} 
        to{top:0;} 
    }
#page-container .scrolled  img  { height: 52px !important; width:auto;}
#page-container .scrolled .et_pb_menu_1_tb_header {
    padding-top: 10px !Important;
}
#page-container .scrolled .et_pb_column_single {
    padding: 1.5% 0;
}


@media only screen and (max-width:768px) {
#navbarstk {z-index: 9999 !Important;}
.scrolled{
	animation: none;
	position: relative !Important;
    top: 0 !Important;
    width: 100% !Important;
    z-index: 9999 !Important;
    box-shadow: none;
}
.scrolled .et_pb_menu__logo img  { height: 90px !important;}


}
/* ---- Menu sticky ---- */

.cole-home-vista {
    height:335px;
    width:245px;
}
.cole-home-vista:before {
content:""; background:rgba(0,0,0,0.4); width:100%; height:100%; position:absolute;
}
.cole-home-vista h5 {font-size: 20px; color:#fff !important;
        bottom: 40px;
    left: 15px;
    position: absolute;
}
.cole-home-vista p {color:#fff !important; font-size: 15px;
    font-weight: 300;
    position: absolute;
    bottom: 27px;
    left: 15px;
}

.tab-home ul {
    display: flex;
    flex-flow: row;
    position:relative;
}

.tab-home ul li {
        float: unset;
        flex: auto;
}
.tab-home ul li a {    display: block;text-align: center;}


.tab-home ul:after {
    border-top: 1px solid #d9d9d9;
    content: "";
    display: block;
    visibility: visible;
    position: absolute;
    top: 32px;
    z-index: 9;
    width: 100%;
}

.widgets-del-footer h4 {margin-bottom:10px;}
#widget-footer-5 #text-4 {
    width: 100%;
    margin: 0;
    padding: 0 10%;
}
#widget-footer-5 .textwidget{
    display: flex;
    flex-flow: row;
            justify-content: space-evenly;
}
#widget-footer-5 .textwidget i {margin-right:5px;}


/* ---- Standard Post Title & Post Meta ---- */
.blogpost-grilla .entry-featured-image-url {
    float: left;
    width: 50%;
    margin-right: 5%;
}
.blogpost-grilla .post-content {
    float: left;
    width: 44%;
}
.blogpost-grilla .pagination  a {
    font-size: 16px;
}
[data-name="btnSelect"] {display:none !important;}
.acordeonfichas {
    margin-top: 20px;
    background: #fff;
    padding: 20px 7%;
    box-shadow: #00000008 0px 6px 10px;
    border: none;
}
.comparte-buttons {margin-top: 20px;}
  .comparte-buttons .descargar-btn {
    background: #FA8921;
    color: #fff;
    width: 80%;
    margin: 10px auto 15px auto;
    display: block;
    background-size: contain;
    text-align: center;
    padding: 10px 0;
    border-radius: 4px;
    box-shadow: 0 5px 8px #0000002e;
    letter-spacing: 0px;
}
.comparte-buttons .descargar-btn:hover
{background: #da7a21; letter-spacing: 1px;}
.comparte-buttons .solicitar {
    background: #0099E5;
    color: #fff;
    width: 80%;
    margin: 0 auto 15px auto;
    display: block;
    background-size: contain;
    text-align: center;
    padding: 10px 0;
    border-radius: 4px;
    box-shadow: 0 5px 8px #0000002e;
    letter-spacing: 0px;
}
.comparte-buttons .solicitar:hover,.descargar-btn-w:hover 
 {background:#0571a7;letter-spacing: 1px;}

.transitionanim {
    -webkit-transition: all 250ms ease-out;
	    -moz-transition: all 250ms ease-out;
	    -ms-transition: all 250ms ease-out;
	    -o-transition: all 250ms ease-out;
	    transition: all 250ms ease-out;}
.imgzoomatv {
    -webkit-filter: brightness(0.95);
    filter: brightness(0.95);
    -webkit-transition: all 250ms ease-out;
	    -moz-transition: all 250ms ease-out;
	    -ms-transition: all 250ms ease-out;
	    -o-transition: all 250ms ease-out;
	    transition: all 250ms ease-out;}
.imgzoomatv:hover {
    -webkit-filter: brightness(1.3) saturate(1.1);
    filter: brightness(1.3) saturate(1.1);
 	-webkit-transition: all 150ms ease-out;
	    -moz-transition: all 150ms ease-out;
	    -ms-transition: all 150ms ease-out;
	    -o-transition: all 150ms ease-out;
	    transition: all 150ms ease-out;
	    -webkit-transform: scale(1.04);
	    -moz-transform:  scale(1.04);
	    -ms-transform:  scale(1.04);
	    -o-transform:  scale(1.04);
    transform:  scale(1.04);
    box-shadow: #afadad 0 10px 15px;}

.boxshadowzoom {    box-shadow: none;
	-webkit-transition: all 300ms ease-out;
	    -moz-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;

}
.boxshadowzoom:hover {    box-shadow:0px 10px 24px 6px rgba(0,0,0,0.1);
 -webkit-transition: all 300ms ease-out;
	    -moz-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
      -webkit-transform: scale(1.03);
	    -moz-transform:  scale(1.03);
	    -ms-transform:  scale(1.03);
	    -o-transform:  scale(1.03);
    transform:  scale(1.03);
    
}
.unsaturate {  filter: saturate(0);}
.unsaturate:hover {
    filter: saturate(1.3);
 -webkit-transition: all 300ms ease-out;
	    -moz-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;}

.imgshadow {
	box-shadow: none;
	filter: saturate(0.7);
 -webkit-transition: all 300ms ease-out;
	    -moz-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;	
}
.imgshadow:hover {
	box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2);
	filter: saturate(1.5);
 -webkit-transition: all 300ms ease-out;
	    -moz-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;	
}
.bnhover img {
    filter: saturate(0);
	-webkit-transition: all 300ms ease-out;
	    -moz-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.bnhover:hover img{
    filter: saturate(1);
	-webkit-transition: all 300ms ease-out;
	    -moz-transition: all 300ms ease-out;
	    -ms-transition: all 300ms ease-out;
	    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

/* 
 editor--------------------------------------------*/
 #wp-admin-bar-et-disable-visual-builder a {font-size:0;}
 #wp-admin-bar-et-disable-visual-builder a:after {content: "Cerrar editor de contenidos"; font-size:14px;}
 #wp-admin-bar-et-use-visual-builder a {font-size:0;}
 #wp-admin-bar-et-use-visual-builder a:after {content: "Editar contenidos"; font-size:14px;}
 #wp-admin-bar-et-use-visual-builder a:hover, #wp-admin-bar-et-use-visual-builder:hover a {
     background-color: #FF5722!important;}
 #wp-admin-bar-et-use-visual-builder a:before {
     margin-top: 0px;
     font-size: 27px!important;
     color: #FF5722!important;
     content: "g";
 }
.et-db #et-boc #et-fb-app .et-fb-button--primary, .et-db #et-boc #et-fb-app .et-fb-button--primary:hover, .et-db #et-boc #et-fb-app .et-fb-buttonbutton--primary, .et-db #et-boc #et-fb-app .et-fb-buttonbutton--primary:hover  {
    background: #ff7a42 !important;
    color: #fff;
}
.et-db #et-boc #et-fb-app .et-fb-button--info, .et-db #et-boc #et-fb-app .et-fb-button--info:hover, .et-db #et-boc #et-fb-app .et-fb-buttonbutton--info, .et-db #et-boc #et-fb-app .et-fb-buttonbutton--info:hover {
    background: #ff7a42 !important;
    color: #fff;
}
.et-db #et-boc .et_pb_fullwidth_section .et-fb-mousetrap--section .et-fb-button, .et-db #et-boc .et_pb_fullwidth_section .et-fb-mousetrap--section .et-fb-button-group {
    background: #bb4412 !important;
}
.et-db #et-boc #et-fb-app .et-fb-button--success, .et-db #et-boc #et-fb-app .et-fb-button--success:hover, .et-db #et-boc #et-fb-app .et-fb-buttonbutton--success, .et-db #et-boc #et-fb-app .et-fb-buttonbutton--success:hover {
    background: #5a5a5a !important;
}
.et-db #et-boc .et-fb-skeleton--fullwidth>.et-fb-skeleton__header {
    background: #ff7a42 !important;
}
.et-db #et-boc .et-fb-skeleton--row>.et-fb-skeleton__header {
    background: #A97546 !important;
}
.et-db #et-boc .et-fb-skeleton--section>.et-fb-skeleton__header {
    background: #ca5727 !important;
}
.et-db #et-boc .et-fb-outline--row {
    background: #5b5b5b !important;
}
.et-db #et-boc .et-fb-outline--section {
    background: #ff7a42 !important;
}
.et-core-modal-header {
    background-color: #ff9232 !important;}
 .et-core-modal-close {    background-color: #d87a27 !important;}
.et-core-modal-action-secondary {
    background: #383838 !important;
}
.et-core-modal-action:hover, .et-core-modal-action:focus, .et-core-modal-action:active {
    background: #008c73 !important;}
 .et-core-modal-action {

    background: #03796a !important;

}
.et-fb-button--quick-actions,.et-fb-button--help {display:none !important;}


/*---------- 2025 ----------*/
/* Cronologias post .et_pb_tab_2_tb_body {padding:0 !important} */

@media only screen and (max-width:1024px) {
#newtopmenu-bar  {
    width: 106%;
}


}



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

#socialmediamobile li {margin-bottom:0 !Important;}
#navbarstkm .et_pb_menu__search-container {  width: 105%;}
#widget-footer-5 .textwidget {
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    margin-bottom: 20px;
}
#widget-footer-5 .textwidget div {margin-bottom: 5px;}

#widget-footer-5 #text-4 {
    padding: 0;
}
.widgets-del-footer .widget_text {margin-bottom: 15px!important;}
.et-l--footer .et_pb_row {    margin-bottom: 15px;}

 .grid-item { width: 49%;
    margin-bottom: 1%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    }

}





/* 
el elenco montajes y obras
 --------------------------------------------*/


#elencoitems {margin-top:40px;
    margin-bottom:40px;
}
.personas-flex{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
}
.imgactores, .imgobra-montaje {
    flex: 1 1 22%;
    min-width: 200px;
    box-sizing: border-box;
    position: relative;
    border-radius: 0;
    overflow: hidden;
        max-width: 252px;
}
.imgactores img, .imgobra-montaje img {
    height: auto;
        width: 100%;
    object-fit: cover;
    padding: 0;
    margin: 0;
    display: block;
}
.montajeimg img {max-height:147px}
.hero-section:hover {
    -webkit-filter: brightness(1.1) saturate(1.1);
    filter: brightness(1.1) saturate(1.1);
    -webkit-transition: all 150ms ease-out;
        -moz-transition: all 150ms ease-out;
        -ms-transition: all 150ms ease-out;
        -o-transition: all 150ms ease-out;
        transition: all 150ms ease-out;}



.imgzoomatv {
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    -webkit-transition: all 250ms ease-out;
	    -moz-transition: all 250ms ease-out;
	    -ms-transition: all 250ms ease-out;
	    -o-transition: all 250ms ease-out;
	    transition: all 250ms ease-out;}
.imgzoomatv:hover {
    -webkit-filter: brightness(1.1) saturate(1.1);
    filter: brightness(1.1) saturate(1.1);
 	-webkit-transition: all 150ms ease-out;
	    -moz-transition: all 150ms ease-out;
	    -ms-transition: all 150ms ease-out;
	    -o-transition: all 150ms ease-out;
	    transition: all 150ms ease-out;
	    -webkit-transform: scale(1.04);
	    -moz-transform:  scale(1.04);
	    -ms-transform:  scale(1.04);
	    -o-transform:  scale(1.04);
    transform:  scale(1.04);
    box-shadow: #afadad 0 10px 15px;}

.nombreactor, .nombreobra-montaje {
position: absolute;
    bottom: 0;
    padding: 15px;
    width: 100%;
    background: rgba(0, 0, 0, 0.70);
    -webkit-transition: all 250ms ease-out;
	    -moz-transition: all 250ms ease-out;
	    -ms-transition: all 250ms ease-out;
	    -o-transition: all 250ms ease-out;
	    transition: all 250ms ease-out;
}
.nombreactor a, .nombreobra-montaje a {
    color: #fff;
    line-height: 40px;
    padding-left: 13px;
    font-size: 15px;
    font-weight: 600;
    -webkit-transition: all 250ms ease-out;
	    -moz-transition: all 250ms ease-out;
	    -ms-transition: all 250ms ease-out;
	    -o-transition: all 250ms ease-out;
	    transition: all 250ms ease-out;
}
.imgactores:hover, .imgobra-montaje:hover  {
    bottom: 0;
    width: 100%;
    background: #000;
    -webkit-transition: all 150ms ease-out;
	    -moz-transition: all 150ms ease-out;
	    -ms-transition: all 150ms ease-out;
	    -o-transition: all 150ms ease-out;
	    transition: all 150ms ease-out;
}
.imgactores:hover a, .imgobra-montaje:hover a  {
    color: #fff;}
.imgactores:hover .nombreactor a, .imgobra-montaje:hover .nombreobra-montaje a{
    color: #fff;
    line-height: 56px;
    padding-left: 13px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    -webkit-transition: all 150ms ease-out;
	    -moz-transition: all 150ms ease-out;
	    -ms-transition: all 150ms ease-out;
	    -o-transition: all 150ms ease-out;
	    transition: all 150ms ease-out;
}
#nombredelactor, #nombreobra-montaje  {
    font-size: 38px;
        line-height: 38px;
    font-weight: 100;
    color: #fff;
    font-family: "lora";
    border-left: 0px;
    border-color:  #008181;
        border-style: solid;
    -webkit-transition: all 150ms ease-out;
        -moz-transition: all 150ms ease-out;
        -ms-transition: all 150ms ease-out;
        -o-transition: all 150ms ease-out;
        transition: all 150ms ease-out;
}
.super-hero-section:hover #nombredelactor, .super-hero-section:hover #nombreobra-montaje {
    border-left: 10px;
    border-color:  #008181;
        border-style: solid;
    padding-left: 12px;
    -webkit-transition: all 150ms ease-out;
        -moz-transition: all 150ms ease-out;
        -ms-transition: all 150ms ease-out;
        -o-transition: all 150ms ease-out;
        transition: all 150ms ease-out;}
#fechaactor, #fechaobra-montaje {
    color: #8a8a8a;
    font-size: 13px;
    margin-top: 8px;
}
#bioactor, #descobra-montaje{
    color: #e0e0e0;
    margin-top: 20px;
    text-align: justify;
    font-size: 15px;
    padding-right: 10%;


}



/* 
estilos por template
 --------------------------------------------*/
 .single-fotografia #top-header,.single-textual #top-header,.single-audiovisual #top-header,
 .single-compuesto #top-header,.single-grafica #top-header {
    background: #585858;
}
 .single-fotografia #main-header,.single-textual #main-header,.single-audiovisual #main-header,
 .single-compuesto #main-header,.single-grafica #main-header{
    background: #4c4c4c;
}

#modalOverlay {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0,0,0,0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
#modalContent {
    position: relative;
    width: 75vw;
    height: 90vh;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
}

#modalClose {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    z-index: 10000;
    color: #000;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 024px;
    width: 23px;
    height: 23px;
    transition: all 300ms;
}
#modalClose:hover {
transform: rotate(171deg) scale(1.3);
    transition: all 300ms;
}
#modalIframe {
  width: 100%;
  height: 100%;
  border: none;
}
.otgs-development-site-front-end {display:none !important}

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


.blogpost-grilla .entry-featured-image-url {
    float: none;
    width: 100%;
    margin-right: 0;
}
.blogpost-grilla .post-content {
    float: none;
    width: 100%;
}
.comparte-row {margin-top: 20px;}
.comparte-row .et_pb_column_2_3 {margin-bottom: 5px; }
.comparte {
margin-top: 4px;}
.comparte .titulo {
    font-size: 12px;
}
.et_monarch .et_pb_section .et_social_inline {
    width: 105px;}
 

}

/* Oculta Boton Minisitios*/
@media screen and (max-width:980px) {.et_pb_section_2_tb_header .et_pb_column_1_5:first-child {display:none !important}}

/* Oculta el Logo Captcha del Plugin Contact Form 7 */
div .grecaptcha-badge {
    display: none !important;
  }

/* Arregla problema al visualizar carrusel-usach*/
.owl-stage {
	min-width: 10000px;
}




/****** new masonry*********/

.masonry-container {
  column-count: 4;
  column-gap: 1.5rem;
  padding: 1rem;
}

.masonry-item {
    break-inside: avoid;
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: unset;
    margin: unset;
    margin-bottom: 1.5rem;
}



/******************** Slider home nuevo minisitios *****************/
.main-s-minisitio {
    position: relative;
    width: 100%;
    min-height: 650px;
    height: 70vh;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.item-minisitio {
  width: 200px;
  height: 300px;
  list-style-type: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background-position: center;
  background-size: cover;
  border-radius: 0;
  box-shadow: 0 20px 30px rgba(255,255,255,0.3) inset;
  transition: transform 0.1s, left 0.75s, top 0.75s, width 0.75s, height 0.75s;

  &:nth-child(1), &:nth-child(2) {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
  }

  &:nth-child(3) { left: 50%; }
  &:nth-child(4) { left: calc(50% + 220px); }
  &:nth-child(5) { left: calc(50% + 440px); }
  &:nth-child(6) { left: calc(50% + 660px); opacity: 0; }
&:nth-child(7) { left: calc(50% + 880px); opacity: 0; }
&:nth-child(8) { left: calc(50% + 1100px); opacity: 0; }
&:nth-child(9) { left: calc(50% + 1320px); opacity: 0; }
&:nth-child(10) { left: calc(50% + 1540px); opacity: 0; }
&:nth-child(11) { left: calc(50% + 1760px); opacity: 0; }
&:nth-child(12) { left: calc(50% + 1980px); opacity: 0; }
&:nth-child(13) { left: calc(50% + 2200px); opacity: 0; }
&:nth-child(14) { left: calc(50% + 2420px); opacity: 0; }
&:nth-child(15) { left: calc(50% + 2640px); opacity: 0; }
&:nth-child(16) { left: calc(50% + 2860px); opacity: 0; }
&:nth-child(17) { left: calc(50% + 3080px); opacity: 0; }
&:nth-child(18) { left: calc(50% + 3300px); opacity: 0; }
&:nth-child(19) { left: calc(50% + 3520px); opacity: 0; }
&:nth-child(20) { left: calc(50% + 3740px); opacity: 0; }
&:nth-child(21) { left: calc(50% + 3960px); opacity: 0; }
&:nth-child(22) { left: calc(50% + 4180px); opacity: 0; }
}

.en-carrusel {transition: all .3s ease-out}
.en-carrusel:hover {  filter: drop-shadow(0px 10px 24px rgba(0,0,0,0.1)) brightness(1.1) saturate(1.1); transform: scale(1.04) translateY(-50%); cursor: pointer;
} 
.minisitio-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
  display: none;
} 

.main-s-minisitio .inactive-title {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    font-size: 0.9rem;
    font-weight: bold;
    text-transform: uppercase;
    display: none;
}
.slider-home-minisitios .active:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #00000030;
    z-index: -1;
}
.item-minisitio .content {
width: min(30vw, 400px);
    position: absolute;
    top: 50%;
    left: 18vw;
    transform: translateY(-50%);
    color: white;
    opacity: 0;
    display: none;

& .title {
        text-transform: uppercase;
        color: #fff;
        text-shadow: 0 0 4px #0000006e;
        font-weight: 600;
        font-size: 2rem;
    }

  & .description {
    line-height: 1.7;
    margin: 1rem 0 1.5rem;
    font-size: 0.8rem;
  }

  & a {
        width: fit-content;
        min-width: 170px;
        background-color: rgba(0, 0, 0, 0.1);
        color: white;
        border: 1px solid white;
        padding: 7px 10px;
        cursor: pointer;
        display: block;
        font-weight: 700;
        text-align: center;
    }
    & a:hover {
background-color: #fff;
    color: #000;
    }
}

.item-minisitio:nth-of-type(2) .content {
  display: block;
  animation: show 0.75s ease-in-out 0.3s forwards;
}

@keyframes show {
  0% {
    filter: blur(5px);
    transform: translateY(calc(-50% + 75px));
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

.main-s-minisitio .nav {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  user-select: none;

  & .btn {
    background-color: rgba(255,255,255,0.5);
    color: rgba(0,0,0,0.7);
    margin: 0 0.25rem;
    padding: 0.75rem;
    border-radius: 50%;
    cursor: pointer;

    &:hover {
      background-color: rgba(255,255,255,0.3);
    }
  }
} 

@media screen and (max-width:650px) {
        .slider-home-minisitios .active:after {
    background: rgba(0,0,0,.35);
}
  .item-minisitio .content {
width: 100vw;
        left: 0;
        top: 25%;
        padding: 5%;
        text-align: center;
    
      
      
    & .title        { font-size: 1.4rem; }
    & .description  { font-size: 0.9rem; }
    & a {margin: auto;}
  }
  .item-minisitio {
    width: 130px;
    height: 220px;
    top: 70%;

    &:nth-child(3) { left: 20%; }
    &:nth-child(4) { left: calc(20% + 140px); }
    &:nth-child(5) { left: calc(20% + 280px); }
   &:nth-child(6) { left: calc(20% + 420px); opacity: 0; }
&:nth-child(7) { left: calc(20% + 560px); opacity: 0; }
&:nth-child(8) { left: calc(20% + 700px); opacity: 0; }
&:nth-child(9) { left: calc(20% + 840px); opacity: 0; }
&:nth-child(10) { left: calc(20% + 980px); opacity: 0; }
&:nth-child(11) { left: calc(20% + 1120px); opacity: 0; }
&:nth-child(12) { left: calc(20% + 1260px); opacity: 0; }
&:nth-child(13) { left: calc(20% + 1400px); opacity: 0; }
&:nth-child(14) { left: calc(20% + 1540px); opacity: 0; }
&:nth-child(15) { left: calc(20% + 1680px); opacity: 0; }
&:nth-child(16) { left: calc(20% + 1820px); opacity: 0; }
&:nth-child(17) { left: calc(20% + 1960px); opacity: 0; }
&:nth-child(18) { left: calc(20% + 2100px); opacity: 0; }
&:nth-child(19) { left: calc(20% + 2240px); opacity: 0; }
&:nth-child(20) { left: calc(20% + 2380px); opacity: 0; }
&:nth-child(21) { left: calc(20% + 2520px); opacity: 0; }
&:nth-child(22) { left: calc(20% + 2660px); opacity: 0; }
  }
}

/********* Filtros mini sitios *************/

h2.titulotab {
    border-left: 5px solid #fd8a22;
    padding-left: 10px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-bottom: 0;
    color: #1b1b1b;
    font-weight: 300;
}
.filtros-minisitios {
    display: flex;
    gap: 10px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 20px;
    margin-bottom: 30px;
    align-items: center;
}


.filtros-minisitios select {
    width: 24%;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 6px;
}
.filtros-minisitios h3 {
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    width: 16%;
    margin-bottom: 0;
    padding-bottom: 0;
}

.filtros-minisitios [type=submit] {
    background: black;
    color: #ffff;
    border-radius: 5px;
    border: none;
    padding: 4px 40px;
}
.filtros-minisitios [type=submit]:hover {
    filter: contrast(0.5) brightness(1.5);
}