:root {
--red: #ea564c;
--blue: #443a53;
}
.grid-mujeres-en-vivo {
display: flex;
gap: 50px;
justify-content: center;
margin: 25px auto;
flex-wrap: wrap;
max-width: 1025px;
}
.grid-mujeres-en-vivo .item-persona {
max-width: 285px;
background-color: var(--red);
position: relative;
}
.grid-mujeres-en-vivo .item-persona:first-child {
margin-left: 6.5%;
}
.grid-mujeres-en-vivo .item-persona:nth-child(2) {
margin-right: 7%;
}
.grid-mujeres-en-vivo .item-persona{
border-radius: 3px;
}
.wp-block-kadence-column.inner-column-1.kadence-column_0f526d-c8 > div p{
padding-top: 5px;
padding-bottom: 5px;
}
.block-editor-rich-text__editable.kt-adv-heading_9d919d-6a.wp-block-kadence-advancedheading.rich-text{
text-align: left !important;
} .grid-mujeres-en-vivo .item-persona:nth-child(even),
.grid-mujeres-en-vivo .item-persona:nth-child(even) .item-overlay {
background-color: var(--blue);
}
.grid-mujeres-en-vivo .item-persona:nth-child(even) .item-content h3 {
color: var(--red);
}
.grid-mujeres-en-vivo .item-persona:nth-child(even) i,
.grid-mujeres-en-vivo
.item-persona:nth-child(even)
.item-content
.item-image
i {
color: var(--red);
}
.grid-mujeres-en-vivo .item-persona:nth-child(even) a button {
color: var(--red) !important;
}
.impar .grid-mujeres-en-vivo .item-persona:nth-child(odd),
.impar .grid-mujeres-en-vivo .item-persona:nth-child(odd) .item-overlay {
background-color: var(--blue);
}
.impar .grid-mujeres-en-vivo .item-persona:nth-child(odd) .item-content h3 {
color: var(--red);
}
.impar .grid-mujeres-en-vivo .item-persona:nth-child(odd) i,
.impar
.grid-mujeres-en-vivo
.item-persona:nth-child(odd)
.item-content
.item-image
i {
color: var(--red);
}
.impar .grid-mujeres-en-vivo .item-persona:nth-child(odd) a button {
color: var(--red) !important;
}
.impar .grid-mujeres-en-vivo .item-persona:nth-child(even),
.impar .grid-mujeres-en-vivo .item-persona:nth-child(even) .item-overlay {
background-color: var(--red);
}
.impar .grid-mujeres-en-vivo .item-persona:nth-child(even) .item-content h3 {
color: var(--blue);
}
.impar .grid-mujeres-en-vivo .item-persona:nth-child(even) i,
.impar
.grid-mujeres-en-vivo
.item-persona:nth-child(even)
.item-content
.item-image
i {
color: var(--blue);
}
.impar .grid-mujeres-en-vivo .item-persona:nth-child(even) a button {
color: var(--blue) !important;
} .grid-mujeres-en-vivo .item-persona .item-content {
min-width: 285px;
min-height: 294px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 30px;
box-sizing: border-box;
}
.grid-mujeres-en-vivo .item-persona .item-content p,
.grid-mujeres-en-vivo .item-persona .item-overlay p {
text-align: center;
color: white;
font-weight: 300;
font-size: 14px;
}
.grid-mujeres-en-vivo .item-persona .item-content .item-image {
position: relative;
}
.grid-mujeres-en-vivo .item-persona .item-content .item-image i {
position: absolute;
top: 0;
right: 0;
color: var(--blue);
font-size: 50px;
}
.grid-mujeres-en-vivo .item-persona .item-content img {
max-width: 150px;
border-radius: 85px;
overflow: hidden;
}
.grid-mujeres-en-vivo .item-persona .item-content h3 {
margin: 10px 0;
color: var(--blue);
}
.grid-mujeres-en-vivo .item-persona .item-content p {
margin: 0;
}
.grid-mujeres-en-vivo .item-persona .item-overlay {
opacity: 0;
min-width: 285px;
min-height: 294px;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
background-color: var(--red);
transition: opacity ease-in 150ms;
}
.item-content:hover + .item-overlay,
.item-content:focus + .item-overlay,
.item-overlay:hover,
.item-overlay:focus {
opacity: 1 !important;
height: 100% !important;
width: 100% !important;
}
.grid-mujeres-en-vivo .item-persona .item-overlay a {
display: flex;
flex-direction: column;
text-decoration: none;
padding: 30px;
box-sizing: border-box;
height: 100%;
width: 100%;
color: var(--blue);
}
.grid-mujeres-en-vivo .item-persona .item-overlay a button {
background-color: transparent;
font-size: 22px;
padding: 0;
margin: 0;
border: none;
color: var(--blue);
cursor: pointer;
}
.grid-mujeres-en-vivo .item-persona .item-overlay a i {
position: relative;
font-size: 90px;
line-height: 85px;
text-align: center;
margin: 0;
}
.grid-mujeres-en-vivo .item-persona .item-overlay a button i {
position: static;
font-size: 20px;
line-height: 20px;
text-align: none;
}
.grid-mujeres-en-vivo .item-persona .hidden-content {
display: none;
} div[id^='persona-']{
max-width: 670px;
height: 100%;
background-color: #ea564c;
color: #443a53;
}
div[id^='persona-'] .cabecera-persona h3{
font-size: 34px;
text-align: center;
font-weight: 700;
font-family: 'Jost', sans-serif;
}
div[id^='persona-'] .cabecera-persona p{
font-size: 27px;
text-align: center;
font-weight: 700;
font-family: 'Jost', sans-serif;
}
div[id^='persona-'] .cabecera-persona{
margin: 25px 0 50px 0;
}
div[id^='persona-'] .descripcion-persona{
display: flex;
align-content: center;
gap: 20px;
margin-bottom: 50px;
}
div[id^='persona-'] .descripcion-persona p{
margin-bottom: 0;
font-weight: 600;
line-height: 20px;
font-family: 'Jost', sans-serif;
}
div[id^='persona-'] .descripcion-persona img{
border-radius: 5px;
object-fit: cover;
}
div[id^='persona-'] .entrevista{
background-color: #fff0e6;
border-radius: 5px;
padding: 25px 25px 25px 25px;
box-shadow: 1px 1px 2px #443a53;
}
div[id^='persona-'] .entrevista p{
font-size: 16px;
font-family: 'Jost', sans-serif;
}