#componente-comentarios{margin-top:300px}#componente-comentarios .cabezote{padding:clamp(2px,0.3vw,14px) clamp(5px,1.2vw,18px);margin-left:var(--margen);margin-bottom:50px;position:relative;clear:both;font-size:var(--h3-size);color:var(--colorpag-fondo);background-color:var(--colorpag-texto)}#componente-comentarios .cabezote::before{content:'';width:calc(var(--margen) / 2);height:100%;position:absolute;top:0;left:calc(var(--margen) * -1);background-color:var(--colorpag-texto)}#componente-comentarios ul{margin:0;padding:0;padding-left:var(--margen);list-style-type:none}#componente-comentarios ul li>div{margin-bottom:20px;display:flex;flex-direction:row}#componente-comentarios .datos{padding-left:clamp(5px,1.2vw,18px);flex:0.15;position:relative;display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;color:var(--colorpag-fondo);background-color:var(--colorpag-texto)}#componente-comentarios .datos .icono{padding-right:20px}#componente-comentarios .datos .icono i{font-size:var(--p-size);color:var(--colorpag-fondo)}#componente-comentarios .datos .autor{font-size:var(--p-size);word-break:break-all;color:var(--colorpag-fondo)}#componente-comentarios .datos .fecha-creacion{font-size:var(--xpe-size);color:var(--colorpag-fondo)}#componente-comentarios .datos::before{content:'';width:120%;height:100%;position:absolute;top:0;left:-120%;background-color:var(--colorpag-texto)}#componente-comentarios .comentario{padding-top:clamp(5px,1.2vw,18px);padding-left:0;padding-bottom:0;flex:0.85;position:relative;display:flex;flex-direction:column;box-sizing:border-box;color:var(--colorpag-texto);background-color:var(--colorpag-fondo)}#componente-comentarios .comentario>p{margin-top:0;margin-left:clamp(5px,1.2vw,18px);margin-right:clamp(5px,1.2vw,18px);max-width:700px}#componente-comentarios .comentario>p:first-child{margin-top:0}#componente-comentarios .comentario .btn-responder{margin-top:20px;margin-left:clamp(5px,1.2vw,18px);padding:5px 10px;align-self:flex-start;cursor:pointer;box-sizing:border-box;border:none;background-color:var(--colorpag-texto)}#componente-comentarios .comentario .btn-responder span{font-size:var(--pe-size);color:var(--colorpag-fondo)}#componente-comentarios .comentario .btn-responder.cancelar{border:4px solid var(--colorpag-texto);background-color:var(--colorpag-fondo)}#componente-comentarios .comentario .btn-responder.cancelar span{color:var(--colorpag-texto)}#componente-comentarios .comentario .btn-responder.cancelar span::before{margin-right:5px;content:'\e802';font-family:var(--fuente-iconos);font-size:var(--xpe-size)}#componente-comentarios .btn.desactivado{position:relative}#componente-comentarios .btn.desactivado::after{width:100%;height:100%;content:'';position:absolute;left:0;top:0;background:url('../plugins/cocuro/blog/assets/img/patron_rejilla_1.png');background-size:8px}#componente-comentarios .modal{width:100%;height:100%;position:absolute;left:0;top:0;display:none;box-sizing:border-box}#componente-comentarios .modal::before{width:100%;height:100%;content:'';position:absolute;left:0;top:0;background:url('../plugins/cocuro/blog/assets/img/patron_rejilla_1.png');background-size:8px}#componente-comentarios .modal .mensaje{padding:var(--margen-mitad) var(--margen);width:650px;position:absolute;left:50%;top:50%;display:none;transform:translate(-50%,-50%);box-sizing:border-box;background-color:var(--colorpag-texto)}#componente-comentarios .modal .mensaje *{color:var(--colorpag-fondo)}#componente-comentarios .modal .mensaje .btn-cerrar{padding:5px 10px;font-size:var(--p-size);cursor:pointer;box-sizing:border-box;border:4px solid var(--colorpag-fondo);background-color:var(--colorpag-texto)}#componente-comentarios .modal .mensaje .btn-cerrar i{font-size:var(--pe-size)}#componente-comentarios .modal .cargando{padding:var(--margen);position:absolute;left:50%;top:50%;display:none;box-sizing:border-box;transform:translate(-50%,-50%);background-color:var(--colorpag-fondo)}#componente-comentarios .modal .cargando i{display:block;font-size:var(--gran-size);animation:rotar 2s linear infinite;color:var(--colorpag-texto)}#componente-comentarios #formcomentario{margin:var(--margen-doble) 0;padding:clamp(5px,1.2vw,18px) var(--margen);padding-bottom:calc(clamp(5px,1.2vw,18px) * 2);position:relative;color:var(--colorpag-fondo);background-color:var(--colorpag-texto)}#componente-comentarios #formcomentario .titular-form{padding:clamp(5px,1.2vw,18px) 0;display:none}#componente-comentarios #formcomentario .titular-form-mensaje{padding:clamp(5px,1.2vw,18px) 0}#componente-comentarios #formcomentario .titular-form-mensaje *{color:var(--colorpag-fondo)}#componente-comentarios #formcomentario .titular-form *{color:var(--colorpag-fondo)}#componente-comentarios #formcomentario .titular-form p{margin-left:0;font-size:var(--p-size)}#componente-comentarios #formcomentario .datos-usuario{display:grid;grid-template-columns:repeat(2,1fr);column-gap:var(--margen)}#componente-comentarios #formcomentario .input{margin-bottom:15px;display:flex;flex-direction:column;font-size:var(--p-size)}#componente-comentarios #formcomentario .input label{padding-bottom:10px;color:var(--colorpag-fondo)}#componente-comentarios #formcomentario .input input{padding:5px 10px;min-height:40px;font-family:var(--fuente-base);font-size:var(--p-size);box-sizing:border-box;border:none;color:var(--colorpag-texto)}#componente-comentarios #formcomentario .input textarea{padding:10px;min-height:100px;max-height:200px;max-width:50%;font-family:var(--fuente-base);font-size:var(--p-size);resize:none;box-sizing:border-box;color:var(--colorpag-texto)}#componente-comentarios #formcomentario .btn-enviar-comentario{margin-top:calc(clamp(5px,1.2vw,18px) * 2);padding:5px 10px;font-family:var(--fuente-base);font-size:var(--p-size);cursor:pointer;border:4px solid var(--colorpag-fondo);color:var(--colorpag-fondo);background-color:var(--colorpag-texto)}#componente-comentarios #formcomentario .btn-enviar-comentario i{font-size:var(--pe-size);color:var(--colorpag-fondo)}#componente-comentarios #formrespuesta{padding:clamp(5px,1.2vw,18px);padding-bottom:calc(clamp(5px,1.2vw,18px) * 2);display:none;position:relative;color:var(--colorpag-fondo);background-color:var(--colorpag-texto)}#componente-comentarios #formrespuesta .titular-form{padding:clamp(5px,1.2vw,18px) 0}#componente-comentarios #formrespuesta .titular-form-mensaje{display:none}#componente-comentarios #formrespuesta .titular-form *{color:var(--colorpag-fondo)}#componente-comentarios #formrespuesta .titular-form p{margin-left:0;font-size:var(--p-size)}#componente-comentarios #formrespuesta .datos-usuario{display:grid;grid-template-columns:repeat(2,1fr);column-gap:var(--margen)}#componente-comentarios #formrespuesta .input{margin-bottom:15px;display:flex;flex-direction:column;font-size:var(--p-size)}#componente-comentarios #formrespuesta .input label{padding-bottom:10px;color:var(--colorpag-fondo)}#componente-comentarios #formrespuesta .input input{padding:5px 10px;min-height:40px;font-family:var(--fuente-base);font-size:var(--p-size);box-sizing:border-box;color:var(--colorpag-texto)}#componente-comentarios #formrespuesta .input textarea{padding:10px;min-height:100px;max-height:200px;font-family:var(--fuente-base);font-size:var(--p-size);resize:none;box-sizing:border-box;color:var(--colorpag-texto)}#componente-comentarios #formrespuesta .btn-enviar-comentario{margin-top:calc(clamp(5px,1.2vw,18px) * 2);padding:5px 10px;font-family:var(--fuente-base);font-size:var(--p-size);cursor:pointer;border:4px solid var(--colorpag-fondo);color:var(--colorpag-fondo);background-color:var(--colorpag-texto)}#componente-comentarios #formrespuesta .btn-enviar-comentario i{font-size:var(--pe-size);color:var(--colorpag-fondo)}@keyframes rotar{0%{transform:rotate(0deg)}30%{transform:rotate(0deg)}65%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@media only screen and (max-width:768px){#componente-comentarios ul li>div{flex-direction:column;border-left:4px solid var(--colorpag-texto);border-bottom:2px solid var(--colorpag-texto)}#componente-comentarios .datos{display:flex;flex-wrap:wrap;align-items:center;color:var(--colorpag-texto);background-color:unset}#componente-comentarios .datos::before{display:none}#componente-comentarios .datos .icono{padding-right:5px}#componente-comentarios .datos .icono i{color:var(--colorpag-texto)}#componente-comentarios .datos .contenedor{display:flex;flex-wrap:wrap;align-items:center}#componente-comentarios .datos .autor{color:var(--colorpag-texto)}#componente-comentarios .datos .fecha-creacion{color:var(--colorpag-texto)}#componente-comentarios .comentario .btn-responder{margin:10px 0;margin-left:clamp(5px,1.2vw,18px)}#componente-comentarios .modal .mensaje{width:calc(100% - var(--margen))}#componente-comentarios #formcomentario .datos-usuario{grid-template-columns:repeat(1,1fr)}#componente-comentarios #formcomentario .input textarea{max-width:unset}#componente-comentarios #formrespuesta .datos-usuario{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px){#componente-comentarios ul li>div{flex-direction:column;border-left:4px solid var(--colorpag-texto);border-bottom:2px solid var(--colorpag-texto)}#componente-comentarios .datos{display:flex;flex-wrap:wrap;align-items:center;color:var(--colorpag-texto);background-color:unset}#componente-comentarios .datos::before{display:none}#componente-comentarios .datos .icono{padding-right:5px}#componente-comentarios .datos .icono i{color:var(--colorpag-texto)}#componente-comentarios .datos .contenedor{display:flex;flex-wrap:wrap;align-items:center}#componente-comentarios .datos .autor{color:var(--colorpag-texto)}#componente-comentarios .datos .fecha-creacion{color:var(--colorpag-texto)}#componente-comentarios .comentario .btn-responder{margin:10px 0;margin-left:clamp(5px,1.2vw,18px)}#componente-comentarios .modal .mensaje{width:calc(100% - var(--margen))}#componente-comentarios #formcomentario .input textarea{max-width:unset}}@media only screen and (min-width:1000px){#componente-comentarios ul li>div{flex-direction:row;border-left:unset;border-bottom:unset}#componente-comentarios .datos{padding-right:5px;display:flex;flex-wrap:unset;justify-content:flex-start;align-items:center;color:var(--colorpag-fondo);background-color:var(--colorpag-texto)}#componente-comentarios .datos::before{display:unset}#componente-comentarios .datos .icono{padding-right:20px}#componente-comentarios .datos .icono i{color:var(--colorpag-fondo)}#componente-comentarios .datos .contenedor{display:unset;flex-wrap:unset;align-items:unset}#componente-comentarios .datos .autor{color:var(--colorpag-fondo)}#componente-comentarios .datos .fecha-creacion{color:var(--colorpag-fondo)}#componente-comentarios .comentario .btn-responder{margin:0;margin-top:20px;margin-left:clamp(5px,1.2vw,18px)}#componente-comentarios .modal .mensaje{width:650px}#componente-comentarios #formcomentario .input textarea{max-width:calc(50% - var(--margen-mitad))}}@media only screen and (min-width:1200px){}@media only screen and (min-width:1400px){}@media only screen and (min-width:1600px){}