div.rc-contenido-destacado { padding: 30px 20px; background-size: cover; background-blend-mode: multiply; background-color: var(--fondo-1); } div.rc-contenido-destacado__titulo_container {width: 100%; max-width: var(--max-width-web); margin-inline: auto;} div.rc-contenido-destacado__titulo_bloque {} div.rc-contenido-destacado__titulo_bloque > h2 { font-size: 30px; font-weight: 500; color: var(--link); text-align: center; margin-bottom: 20px; } div.rc-contenido-destacado__descripcion_bloque {} div.rc-contenido-destacado__descripcion_bloque > p { font-size: 16px; line-height: 1.2; font-weight: 300; text-align: center; margin: 0 auto 40px;} div.rc-contenido-destacado__container { display: grid; grid-template-columns: repeat(1,1fr); gap: 10px; width: 100%; max-width: var(--max-width-web); margin-inline: auto;} div.rc-contenido-destacado__item { display: flex; flex-direction: column; } figure.rc-contenido-destacado__image { margin: 0 0 20px;position: relative;} figure.rc-contenido-destacado__image img { width: 100%; } div.rc-contenido-destacado__texto {} div.rc-contenido-destacado__texto a {text-decoration: none !important;} *.rc-contenido-destacado__titulo { display: block; font-size: 25px !important; font-family: var(--header-font) !important; font-weight: 600; color: var(--link) !important; text-align: center; margin-bottom: 20px !important; } *.rc-contenido-destacado__subtitulo { display: block; font-size: 16px !important; font-weight: var(--body-semibold) !important; color: var(--base) !important; margin-bottom: 20px !important;} *.rc-contenido-destacado__descripcion {} *.rc-contenido-destacado__descripcion p { font-size: 18px; line-height: 1.2; text-align: center; font-weight: 300; margin-bottom: 30px;} span.rc-contenido-destacado__descripcion ul li { margin-bottom: 10px; } span.rc-contenido-destacado__descripcion ul li:last-child { margin-bottom: 0px; } div.rc-contenido-destacado__button { display: inline-flex; align-items: center; gap: 15px; margin: 20px 0 0;} div.rc-contenido-destacado__button.wp-block-button {margin: 0 0 30px; justify-content: center; width: 100%; } /* NÚMERO DE COLUMNAS */ /* 1 COLUMNA */ div.rc-contenido-destacado__container.one-col {} /* 2 COLUMNAS - Default */ div.rc-contenido-destacado__container.two-cols {} /* 3 COLUMNAS */ div.rc-contenido-destacado__container.three-cols {} div.rc-contenido-destacado__container.three-cols div.rc-contenido-destacado__texto {} div.rc-contenido-destacado__container.three-cols div.rc-contenido-destacado__texto a {} div.rc-contenido-destacado__container.three-cols *.rc-contenido-destacado__titulo {} div.rc-contenido-destacado__container.three-cols *.rc-contenido-destacado__subtitulo {} div.rc-contenido-destacado__container.three-cols *.rc-contenido-destacado__descripcion {} /* 4 COLUMNAS */ div.rc-contenido-destacado__container.four-cols {} div.rc-contenido-destacado__container.four-cols div.rc-contenido-destacado__texto {} div.rc-contenido-destacado__container.four-cols div.rc-contenido-destacado__texto a {} div.rc-contenido-destacado__container.four-cols *.rc-contenido-destacado__titulo {} div.rc-contenido-destacado__container.four-cols *.rc-contenido-destacado__subtitulo {} div.rc-contenido-destacado__container.four-cols *.rc-contenido-destacado__descripcion {} /* 3 + 2 COLUMNAS */ div.rc-contenido-destacado__container.three-two-cols {} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(1) {} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(2) {} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(3) {} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(4) {} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(5) {} div.rc-contenido-destacado__container.three-two-cols *.rc-contenido-destacado__titulo {} div.rc-contenido-destacado__container.three-two-cols *.rc-contenido-destacado__subtitulo { font-size: 16px; margin-bottom: 20px;} /* FORMATO DE IMAGEN */ /* CIRCULO */ div.rc-contenido-destacado__container.circle figure.rc-contenido-destacado__image { border-radius: 50%; width: 70%; height: 0; padding-bottom: 70%; overflow: hidden; margin: 0 0 30px; position: relative;} div.rc-contenido-destacado__container.circle figure.rc-contenido-destacado__image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; } /* CIRCULO 1 COLUMNA */ div.rc-contenido-destacado__container.one-col.circle {gap: 50px 100px;} /* CIRCULO 2 COLUMNAS */ div.rc-contenido-destacado__container.two-cols.circle {gap: 50px 100px;} /* CIRCULO 3 COLUMNAS */ div.rc-contenido-destacado__container.three-cols.circle {gap: 50px 100px;} /* CIRCULO 4 COLUMNAS */ div.rc-contenido-destacado__container.four-cols.circle {gap: 50px 100px;} /* CIRCULO 3 + 2 COLUMNAS */ div.rc-contenido-destacado__container.three-two-cols.circle {gap: 50px 100px;} /* CUADRADO */ div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image { } /* div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image img { width: auto; height: 160px; } */ div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image img { width: auto !important; height: auto !important; max-width: 170px; max-height: 160px; } /* HOVER RECTANGULO */ figure.rc-contenido-destacado__image span { position: absolute; right: 0;bottom: 0; width: 40px; height: 40px; display: block; z-index: 9; color: #fff; padding: 5px 15px; background-size: 15px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500' viewBox='0 0 500 500'%3E%3Cpath fill='%23fff' d='M131.8 500c-7.6 0-14.9-3.3-20-8.9-10.2-11.4-9.5-28.7 1.6-39.3L329 248.1 113.6 48.4c-11.1-10.5-11.9-27.8-1.8-39.3 9.7-11.1 26.6-12.2 37.7-2.5l.6.6 237.3 220.2c5.7 5.3 8.9 12.7 8.9 20.4.1 7.8-3.1 15.2-8.7 20.6L150.3 492.6c-5 4.7-11.6 7.4-18.5 7.4'/%3E%3C/svg%3E") no-repeat center center var(--link); } /* HOVER CIRCULO */ div.rc-contenido-destacado__container.circle div.rc-contenido-destacado__item.hand-click div.rc-contenido-destacado__link-icon { position: relative; } div.rc-contenido-destacado__container.circle div.rc-contenido-destacado__item.hand-click div.rc-contenido-destacado__link-icon > span { position: absolute; left: 50%; bottom: 30px; width: 50px; height: 50px; border-radius: 50%; display: block; z-index: 9; color: #fff; padding: 5px 15px; background-size: 15px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500' viewBox='0 0 500 500'%3E%3Cpath fill='%23fff' d='M131.8 500c-7.6 0-14.9-3.3-20-8.9-10.2-11.4-9.5-28.7 1.6-39.3L329 248.1 113.6 48.4c-11.1-10.5-11.9-27.8-1.8-39.3 9.7-11.1 26.6-12.2 37.7-2.5l.6.6 237.3 220.2c5.7 5.3 8.9 12.7 8.9 20.4.1 7.8-3.1 15.2-8.7 20.6L150.3 492.6c-5 4.7-11.6 7.4-18.5 7.4'/%3E%3C/svg%3E") no-repeat center center var(--link);} /* HOVER CUADRADO */ div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image span { border-radius: 50%; left: 60%; } /* COLOR DE FONDO */ /* Rojo */ .rc-contenido-destacado.rojo { background-color: var(--link); } .rc-contenido-destacado.rojo *, .rc-contenido-destacado.rojo *.rc-contenido-destacado__titulo {color: var(--fondo-1) !important;} .rc-contenido-destacado.rojo div.rc-contenido-destacado__button.wp-block-button > a.wp-block-button__link { border-color: var(--fondo-1); } /*-----------------------------------------------------------------*/ /* RESPONSIVE /*-----------------------------------------------------------------*/ /*------------------------------------------------------------------- PC MAS DEL ANCHO DE LA WEB ---*/ @media (min-width: 1640px) { div.rc-contenido-destacado__titulo_container, div.rc-contenido-destacado__container {padding-inline: var(--padding-web);} } /*---------------------------------------------------------------------------------------- IPAD ---*/ @media (min-width: 560px) { figure.rc-contenido-destacado__image img {width: 100%;} /* FORMATO DE IMAGEN */ /* CIRCULO */ div.rc-contenido-destacado__container.circle figure.rc-contenido-destacado__image {width: 40%; padding-bottom: 40%;} /* HOVER CIRCLE */ div.rc-contenido-destacado__container.circle div.rc-contenido-destacado__item.hand-click div.rc-contenido-destacado__link-icon > span { left: 29%; width: 70px; height: 70px; } } /*---------------------------------------------------------------------------------------- IPAD ESPECIFICO ---*/ @media (min-width: 560px) and (max-width: 921px) { div.rc-contenido-destacado__titulo_bloque > h2 {text-align: left;} div.rc-contenido-destacado__descripcion_bloque > p {font-size: 18px; text-align: left;} /* CONTENIDO DESTACADO */ div.rc-contenido-destacado {padding: 30px 20px 40px;} div.rc-contenido-destacado__container {grid-template-columns: repeat(1,1fr) !important; gap: 30px !important;} div.rc-contenido-destacado__container div.rc-contenido-destacado__item { display: flex; flex-direction: row; align-items: center; gap: 30px;} div.rc-contenido-destacado__container figure.rc-contenido-destacado__image { width: 300px; min-width: 300px; height: 100%; margin:0; } div.rc-contenido-destacado__container figure.rc-contenido-destacado__image img { width: 100%; height: 100%; object-fit: cover; object-position: top; } div.rc-contenido-destacado__container div.rc-contenido-destacado__texto {padding: 15px 0;} div.rc-contenido-destacado__container *.rc-contenido-destacado__titulo { font-size: 20px !important; margin-bottom: 10px !important; text-align: left; } div.rc-contenido-destacado__container *.rc-contenido-destacado__subtitulo { font-size: 16px !important; margin-bottom: 10px !important; text-align: left; } div.rc-contenido-destacado__container *.rc-contenido-destacado__descripcion p {text-align: left;} div.rc-contenido-destacado__container *.rc-contenido-destacado__descripcion p:last-child { margin-bottom: 0;} /* Tres columnas */ div.rc-contenido-destacado__container.three-cols {grid-template-columns: repeat(1, 1fr) !important; gap: 40px; } div.rc-contenido-destacado__container.three-cols div.rc-contenido-destacado__item { display: flex; flex-direction: row; gap: 30px;} /* Imagen Cuadrada */ div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image { width: 100px !important; min-width: 100px !important; height: 100px !important; min-height: 100px !important;} div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image img {max-width: 100px !important; max-height: 100px !important;} /* Imagen Circulo */ div.rc-contenido-destacado__container.circle div.rc-contenido-destacado__item { align-items: center !important; } div.rc-contenido-destacado__container.circle figure.rc-contenido-destacado__image { width: 100% !important; padding-bottom: 100% !important; margin-bottom: 0 !important; } /* Boton */ div.rc-contenido-destacado__button { display: inline-flex; align-items: center; gap: 15px; margin: 20px 0 0;} div.rc-contenido-destacado__button.wp-block-button {margin: 30px 0 0px; justify-content: start; width: 100%; } /* Hover */ div.rc-contenido-destacado__container figure.rc-contenido-destacado__image span { top: 0; width: 30px !important; height: 30px!important; background-size: 10px !important; } } /*---------------------------------------------------------------------------------------- PC ---*/ @media (min-width: 922px) { div.rc-contenido-destacado { padding: 60px 20px 100px; } div.rc-contenido-destacado__titulo_container, div.rc-contenido-destacado__container {max-width: 1360px; margin-inline: auto;} /* Titulo */ div.rc-contenido-destacado__titulo_bloque > h2 { font-size: 40px; margin-bottom: 40px; } div.rc-contenido-destacado__descripcion_bloque > p { font-size: 20px; margin: 0 auto 70px; } /* NÚMERO DE COLUMNAS */ /* 1 COLUMNA */ div.rc-contenido-destacado__container.one-col {grid-template-columns: repeat(1,1fr); gap: 80px 50px; justify-content: center;} /* 2 COLUMNAS - Default */ div.rc-contenido-destacado__container.two-cols {grid-template-columns: repeat(2,1fr); gap: 80px 80px;} /* 3 COLUMNAS */ div.rc-contenido-destacado__container.three-cols {grid-template-columns: repeat(3,1fr); gap: 150px 5%;} /* 4 COLUMNAS */ div.rc-contenido-destacado__container.four-cols {grid-template-columns: repeat(4,1fr); gap: 150px 50px;} /* 5 COLUMNAS */ div.rc-contenido-destacado__container.five-cols {grid-template-columns: repeat(5,1fr); gap: 150px 50px;} /* 3 + 2 COLUMNAS */ div.rc-contenido-destacado__container.three-two-cols {grid-template-columns: repeat(6,1fr); gap: 80px 50px;} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(1) {grid-column: span 2;} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(2) {grid-column: span 2;} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(3) {grid-column: span 2;} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(4) {grid-column: 2/4;} div.rc-contenido-destacado__container.three-two-cols div.rc-contenido-destacado__item:nth-child(5) {grid-column: 4/6;} /* FORMATO DE IMAGEN */ /* CIRCULO */ div.rc-contenido-destacado__container.circle figure.rc-contenido-destacado__image {width: 100%; padding-bottom: 100%;} /* CIRCULO 1 COLUMNA */ div.rc-contenido-destacado__container.one-col.circle {gap: 100px;} /* CIRCULO 2 COLUMNAS */ div.rc-contenido-destacado__container.two-cols.circle {gap: 100px;} /* CIRCULO 3 COLUMNAS */ div.rc-contenido-destacado__container.three-cols.circle {gap: 100px;} /* CIRCULO 4 COLUMNAS */ div.rc-contenido-destacado__container.four-cols.circle {gap: 100px;} /* CIRCULO 5 COLUMNAS */ div.rc-contenido-destacado__container.five-cols.circle {gap: 100px;} /* CIRCULO 3 + 2 COLUMNAS */ div.rc-contenido-destacado__container.three-two-cols.circle {gap: 100px;} /* CUADRADO */ /* div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image { display: flex; justify-content: center; } */ div.rc-contenido-destacado__container.square figure.rc-contenido-destacado__image { display: flex; align-items: flex-end; justify-content: center; margin-bottom: 35px; } /* CUADRADO 3 COLUMNAS */ /* div.rc-contenido-destacado__container.three-cols.square figure.rc-contenido-destacado__image img { width: auto; height: 210px; } */ div.rc-contenido-destacado__container.three-cols.square figure.rc-contenido-destacado__image { height: 210px;} div.rc-contenido-destacado__container.three-cols.square figure.rc-contenido-destacado__image img { width: auto; height: 210px; max-width: 100%; max-height: 210px; } /* CUADRADO 4 COLUMNAS */ /* div.rc-contenido-destacado__container.four-cols.square figure.rc-contenido-destacado__image img { width: auto; height: 160px; } */ div.rc-contenido-destacado__container.four-cols.square figure.rc-contenido-destacado__image { height: 160px;} div.rc-contenido-destacado__container.four-cols.square figure.rc-contenido-destacado__image img { width: auto; height: 160px; max-width: 100%; max-height: 160px; } figure.rc-contenido-destacado__image { overflow: hidden; } figure.rc-contenido-destacado__image img {width: 100%; transition: all 0.3s;} figure.rc-contenido-destacado__image span{display: none;} div.rc-contenido-destacado__item.hand-click figure.rc-contenido-destacado__image span { display: block !important; transform: translateX(120%); opacity: 0; transition: all .3s; } /* HOVER RECTANGULO */ div.rc-contenido-destacado__item.hand-click:hover figure.rc-contenido-destacado__image img { transform: scale(1.05); } div.rc-contenido-destacado__item.hand-click:hover figure.rc-contenido-destacado__image span { transform: none; opacity: 1; } div.rc-contenido-destacado__item.hand-click:hover div.rc-contenido-destacado__button.wp-block-button > a.rc-contenido-destacado__link { background-color: var(--link-hover); border-color: var(--link-hover);} .rc-contenido-destacado.rojo div.rc-contenido-destacado__item.hand-click:hover div.rc-contenido-destacado__button.wp-block-button > a.rc-contenido-destacado__link, .rc-contenido-destacado.rojo div.rc-contenido-destacado__button.wp-block-button > a.rc-contenido-destacado__link:hover {background-color: var(--fondo-1); border-color: var(--fondo-1); color: var(--link) !important;} /* HOVER CIRCULO */ div.rc-contenido-destacado__container.circle div.rc-contenido-destacado__item.hand-click figure.rc-contenido-destacado__image { transform: scale(1); transition: all .3s !important;} div.rc-contenido-destacado__container.circle div.rc-contenido-destacado__item.hand-click:hover figure.rc-contenido-destacado__image {transform: scale(0.95); } div.rc-contenido-destacado__container.circle div.rc-contenido-destacado__item figure.rc-contenido-destacado__image img { transform: translate(-50%, -50%); transition: none; } div.rc-contenido-destacado__container.circle div.rc-contenido-destacado__item.hand-click:hover figure.rc-contenido-destacado__image img { transform: translate(-50%, -50%); } /* HOVER CIRCULO - 1 COLUMNA */ div.rc-contenido-destacado__container.one-col.circle div.rc-contenido-destacado__item.hand-click div.rc-contenido-destacado__link-icon > span { position: absolute; left: unset; right: 8%; bottom: 40px; width: 20%; height: 20%; padding: 11%; background-size: 30% !important; opacity: 0; transform: translateX(50%); opacity: 0; transition: all .3s; } div.rc-contenido-destacado__container.one-col.circle div.rc-contenido-destacado__item.hand-click:hover div.rc-contenido-destacado__link-icon > span {transform: none; opacity: 1;} /* HOVER CIRCULO - 2 COLUMNAS */ div.rc-contenido-destacado__container.two-cols.circle div.rc-contenido-destacado__item.hand-click div.rc-contenido-destacado__link-icon > span { position: absolute; left: unset; right: 60px; bottom: 60px; width: 100px; height: 100px; background-size: 30px !important; opacity: 0; transform: translateX(50%); opacity: 0; transition: all .3s; } div.rc-contenido-destacado__container.two-cols.circle div.rc-contenido-destacado__item.hand-click:hover div.rc-contenido-destacado__link-icon > span {transform: none; opacity: 1;} /* HOVER CIRCULO - 3 COLUMNAS */ div.rc-contenido-destacado__container.three-cols.circle div.rc-contenido-destacado__item.hand-click div.rc-contenido-destacado__link-icon > span { position: absolute; left: unset; right: 40px; bottom: 40px; width: 70px; height: 70px; background-size: 20px !important; opacity: 0; transform: translateX(50%); opacity: 0; transition: all .3s; } div.rc-contenido-destacado__container.three-cols.circle div.rc-contenido-destacado__item.hand-click:hover div.rc-contenido-destacado__link-icon > span {transform: none; opacity: 1;} /* HOVER CIRCULO - 4 COLUMNAS */ div.rc-contenido-destacado__container.four-cols.circle div.rc-contenido-destacado__item.hand-click div.rc-contenido-destacado__link-icon > span { position: absolute; left: unset; right: 10px; bottom: 40px; width: 60px; height: 60px; background-size: 17px !important; opacity: 0; transform: translateX(50%); opacity: 0; transition: all .3s; } div.rc-contenido-destacado__container.four-cols.circle div.rc-contenido-destacado__item.hand-click:hover div.rc-contenido-destacado__link-icon > span {transform: none; opacity: 1;} /* HOVER CIRCULO - 5 COLUMNAS */ div.rc-contenido-destacado__container.five-cols.circle div.rc-contenido-destacado__item.hand-click div.rc-contenido-destacado__link-icon > span { position: absolute; left: unset; right: 0px; bottom: 40px; width: 50px; height: 50px; opacity: 0; transform: translateX(50%); opacity: 0; transition: all .3s; } div.rc-contenido-destacado__container.five-cols.circle div.rc-contenido-destacado__item.hand-click:hover div.rc-contenido-destacado__link-icon > span {transform: none; opacity: 1;} /* HOVER CIRCULO - 3 + 2 COLUMNAS */ div.rc-contenido-destacado__container.three-two-cols.circle div.rc-contenido-destacado__item.hand-click div.rc-contenido-destacado__link-icon > span { position: absolute; left: unset; right: 40px; bottom: 40px; width: 70px; height: 70px; background-size: 20px !important; opacity: 0; transform: translateX(50%); opacity: 0; transition: all .3s; } div.rc-contenido-destacado__container.three-two-cols.circle div.rc-contenido-destacado__item.hand-click:hover div.rc-contenido-destacado__link-icon > span {transform: none; opacity: 1;} /* HOVER CUADRADO */ div.rc-contenido-destacado__container.square div.rc-contenido-destacado__item.hand-click figure.rc-contenido-destacado__image img { transform: none; } div.rc-contenido-destacado__container.square div.rc-contenido-destacado__item.hand-click:hover figure.rc-contenido-destacado__image img { transform: scale(0.95); } div.rc-contenido-destacado__container.square div.rc-contenido-destacado__item.hand-click figure.rc-contenido-destacado__image span { transform: translateX(-50%); left: 80%; } div.rc-contenido-destacado__container.square div.rc-contenido-destacado__item.hand-click:hover figure.rc-contenido-destacado__image span { transform: none; } } /***************************************/ /* ADMIN */ /***************************************/ .is-admin div.rc-contenido-destacado a {pointer-events: none;}