/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
body {font-family: "chaparral-pro", serif;font-weight: 300;font-style: normal;font-size: 22px;color: #070032;line-height: 1.2;}
p {font-family: "chaparral-pro", serif;font-weight: 300;font-style: normal;font-size: 22px;color: #070032;line-height: 1.2;margin-bottom: 20px;}
h2 {line-height: 1.1!important;}
h3 {font-size: 23px!important;line-height: 1.3!important;}
.texto-blanco p, .texto-blanco a, .texto-blanco ul li, .texto-blanco h2, .texto-blanco h3, .texto-blanco h4 {color:#fff;}

.destacado-header strong {font-size: 1.8em;}

.destacado-header h2 {font-size: 3.5em;font-weight: bold;font-family: "p22-folk-art-stitch", sans-serif;}
.titulo-rojo h2 {font-family: "p22-folk-art-stitch", sans-serif;font-weight: 400;font-style: normal;font-size: 3.5em;color:#711126;}
.titulo-destacado h2 {font-family: "p22-folk-art-stitch", sans-serif;font-weight: 400;font-style: normal;font-size: 3.5em;}
.titulo-destacado p {font-size: 22px;}

.strong-amarillo strong {color:#ffde13;font-size: 24px;}
.strong-big strong {font-size: 24px;font-weight: bold;}
strong {font-weight: bold;}
.carrusel-historias h3 {font-size: 2em; font-weight: 100; text-transform: uppercase;}
.carrusel-historias p {font-size: 21px;}
.carrusel-historias a {font-size: 21px;background:#080026;color: #fff;border-radius: 25px;padding: 5px 15px;transition: 0.5s;}
.carrusel-historias a:hover {font-size: 21px;background:#fff;color: #080026;border-radius: 25px;padding: 5px 15px;transition: 0.5s;}
.boton-borde-blanco a {font-family: "chaparral-pro", serif;font-weight: 400;font-style: normal;font-size: 20px;}
#titulo-1-c summary {background: #7f1d35;border: none;border-radius: 25px;color: #fff;font-size: 21px !important;
font-family: "p22-folk-art-stitch", sans-serif;padding-left: 25px;position: relative;}
#titulo-2-c summary {background: #0e6f89;border: none;border-radius: 25px;color: #fff;font-size: 21px !important;
font-family: "p22-folk-art-stitch", sans-serif;padding-left: 25px;position: relative;}
#titulo-3-c summary {background: #084066;border: none;border-radius: 25px;color: #fff;font-size: 21px !important;
font-family: "p22-folk-art-stitch", sans-serif;padding-left: 25px;position: relative;}
#titulo-4-c summary {background: #f17f18;border: none;border-radius: 25px;color: #fff;font-size: 21px !important;
font-family: "p22-folk-art-stitch", sans-serif;padding-left: 25px;position: relative;}
#titulo-1-c summary span, #titulo-2-c summary span, #titulo-3-c summary span, #titulo-4-c summary span {color: #fff;font-size: 21px !important;
font-family: "p22-folk-art-stitch", sans-serif;padding-left: 35px;position: relative;}
#titulo-1-c summary span:before {position: absolute;content: "1"; top:-14px; left: 0px;font-size: 35px;}
#titulo-2-c summary span:before {position: absolute;content: "2"; top:-14px; left: 0px;font-size: 35px;}
#titulo-3-c summary span:before {position: absolute;content: "3"; top:-14px; left: 0px;font-size: 35px;}
#titulo-4-c summary span:before {position: absolute;content: "4"; top:-14px; left: 0px;font-size: 35px;}
.elementor-widget-n-accordion .e-n-accordion-item-title-text {align-items: center;font-size: 18px;}
.acordeon-materiales p, .acordeon-materiales ul li {color:#000;font-size:20px;}
.acordeon-materiales a {color:#711126;font-size:20px;text-decoration:underline;}
.acordeon-materiales a:hover {color:#942E45;font-size:20px;}
.acordeon-materiales h3 {color:#000;font-size:24px; font-weight: bold;}
.acordeon-materiales .e-child {background: #fff;}
.acordeon-materiales ul, ol {
    margin: 15px 0 15px 35px;
}
.texto-rojo-destacado {background: url(img/fondo-frases.jpg)no-repeat;background-size: cover;padding: 50px 10px;}

@media only screen and (min-width: 768px) {
	.texto-rojo-destacado p {color:#fff; font-size: 3.3em;margin-bottom: 0; font-weight: bold;}
	.destacado-header p {font-size: 20px;line-height: 1.6;padding-top: 20px;}
	.destacado-header strong {font-size: 1.7em;}
}
@media only screen and (max-width: 767px) {
.texto-rojo-destacado p {color:#fff; font-size: 2em;margin-bottom: 0; font-weight: bold;}
.destacado-header h2 {font-size: 2.2em;font-weight: bold;}
.titulo-rojo h2 {font-size: 2.2em;color:#711126;}
.titulo-destacado h2 {font-family: "p22-folk-art-stitch", sans-serif;font-weight: 400;font-style: normal;font-size: 2.2em;}
.destacado-header p {font-size: 21px;line-height: 1.6;padding-top: 20px;}
}
.texto-hashtag p {font-size: 1.7em;font-weight: bold;}
.boton-destacado a {font-size: 21px;background:#080026;color: #fff;border-radius: 25px;padding: 5px 15px;transition: 0.5s;}
.boton-destacado a:hover {font-size: 21px;background:#fff;color: #080026;border-radius: 25px;padding: 5px 15px;transition: 0.5s;}
.lista-mas-recursos ul li {font-size: 21px;padding-bottom: 20px;padding-top:20px;padding-left:40px;list-style: none;position: relative;
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='4' stroke-dasharray='15%2c 20' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
background-position: bottom;background-size: 100% 1px;background-repeat: no-repeat;}
.lista-mas-recursos ul li:first-child::before {position: absolute;content:"";left: 0;top:15px;width: 30px;height: 30px;background: url(img/recurso-icon1.svg)no-repeat;}
.lista-mas-recursos ul li:nth-child(2)::before {position: absolute;content:"";left: 0;top:15px;width: 30px;height: 30px;background: url(img/recurso-icon2.svg)no-repeat;}
.lista-mas-recursos ul li:nth-child(3)::before {position: absolute;content:"";left: 0;top:15px;width: 30px;height: 30px;background: url(img/recurso-icon1.svg)no-repeat;}
.copy p {margin-bottom: 0;font-size: 19px;font-weight: 400;}
.texto-rojo p, .texto-rojo h2, .texto-rojo h3, .texto-rojo li, .texto-rojo a {color: #942E45;}
.texto-destacado-redondo p {background: url(img/about-fondo-txt.png)no-repeat;
background-size:contain;}
.texto-destacado-redondo p {
    color: #fff;
    font-size: 1.8em;
    text-align: center;
    padding: 130px 20px 150px 20px;
    line-height: 1.2;
    font-weight: bold;
    min-height: 270px;
    max-width: 400px;
}
.cuadro-azul-about p {font-size: 32px;}
.cuadro-azul-about strong {font-size: 34px;font-weight: bold;}
.elementor-button span {font-weight: bold;}
.frase-destacada p {font-size: 27px;}
summary[aria-expanded="true"] {background: #F6921E;border: none;border-radius: 25px!important;color: #fff!important;font-size: 21px !important;
font-family: "p22-folk-art-stitch", sans-serif;padding-left: 25px!important;position: relative;border-color: #F6921E!important;margin-bottom: 5px;}
summary[aria-expanded="false"] {background: #00829B;border: none;border-radius: 25px!important;color: #fff!important;font-size: 21px !important;
font-family: "p22-folk-art-stitch", sans-serif;padding-left: 25px!important;position: relative;border-color: #00829b!important;margin-bottom: 5px;}
.elementor-widget-n-accordion .e-n-accordion-item-title-text {align-items: center;font-size: 18px;}
.acordeon-azul p, .acordeon-azul ul li, .acordeon-azul a {color:#fff!important;font-size:20px;}
.acordeon-azul h3 {color:#fff!important;font-size:24px; font-weight: bold;}
.acordeon-azul ul, ol {
    margin: 15px 0 15px 35px;
}
.acordeon-azul ul li {
    line-height: 1.2!important;
    margin-bottom: 15px!important;
}
.logo-icj img {
    width: 120px;height:auto;margin:0 auto;
}
.logo-fecajud img {
    width: 120px;height:auto;margin:0 auto;
}
.logo-footer a img[src$=".svg"] {
    width: 100%;
}
.card-historias h3 {text-transform: uppercase;font-size: 28px!important;font-family: "chaparral-pro", serif;font-weight: 400; margin: 10px !important;padding: 0 !important;line-height: 1.2;}
.card-historias p, .card-historias .elementor-widget-theme-post-excerpt {font-size: 22px!important;font-family: "chaparral-pro", serif;font-weight: 300;color:#000;line-height: 1.2;}
.card-historias-lista h3 {text-transform: uppercase;font-size: 28px!important;font-family: "chaparral-pro", serif;font-weight: 400; margin: 10px !important;padding: 0 !important;line-height: 1.2;}
.card-historias-lista p, .card-historias-lista .elementor-widget-theme-post-excerpt {font-size: 22px!important;font-family: "chaparral-pro", serif;font-weight: 300;color:#070032;line-height: 1.2;}
.wp-singular #main #content-wrap {padding-top: 0px;padding-bottom: 50px;}
.menu-rojo .hfe-flyout-content {padding: 70px 0 30px 0!important;background-color: #8B1F35!important;}
.menu-rojo .hfe-flyout-content ul li a {font-family: "p22-folk-art-stitch", sans-serif;font-weight: 400;font-style: normal;font-size: 20px;color:#fff!important;padding-left: 50px!important;position:relative;background: url("https://hilosdelajusticia.com/wp-content/uploads/2025/09/bullet-menu-normal.svg")no-repeat;background-size:19px;
background-position-x:10px; background-position-y:50%;border-bottom: 1px dashed #fff;}
.menu-rojo .hfe-flyout-content ul li a:hover, .menu-rojo .hfe-flyout-content ul li.current-menu-item a {background: url("https://hilosdelajusticia.com/wp-content/uploads/2025/09/bullet-menu-hover.svg")no-repeat #780E26;transition:0.5s;padding-left: 50px!important;background-size:19px;
background-position-x:10px; background-position-y:50%;}
.menu-rojo .hfe-flyout-content ul li a:focus {outline: solid 0px !important;}
.hfe-nav-menu-icon {position:relative;}
.hfe-nav-menu-icon:before {position:absolute;content:"MENÚ";bottom:-2px;right:5px;width:60px;height:20px;font-size:20px;color:#9B9B9B;}
.hfe-nav-menu-icon:hover:before {position:absolute;content:"MENÚ";bottom:-2px;right:5px;width:60px;height:20px;font-size:20px;color:#942E45;}
.hfe-nav-menu-icon:hover svg {fill:#942E45!important;}
.logo-hilos a img {width: 170px !important;}
.menu-footer ul li a {color:#fff!important;font-size:20px;padding: 13px 20px 13px 0!important;}
.menu-footer ul li a:hover {color:#fff!important;font-size:20px;transition:0.5s;}
.menu-footer .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    background-color: #fff;
}
.sub-historias p {font-size:22px;margin: 5px auto!important;}
.single-post.content-max-width .entry-content h2 {margin: 0px auto!important;}
.page-id-1073 .elementor-slideshow__title {display:none!important;}