@charset "utf-8";
/* Settings */
#settings .ps
{
	position: relative;
	display: none;
}

.us-menu
{
	position: relative;
	height: 100%;
}

.us-menu .a
{
	position: relative;
	margin: auto 5px;
	padding: 20px;
	display: flex;
	cursor: pointer;
}

.us-menu .a img
{
	position: absolute;
	top: 33.5%; right: 5%;
	width: 20px;
	
}

.us-exit
{
	position: absolute;
	left: 0px; right: 0px;
	bottom: 0px;
	padding: 15px;
	text-align: center;
	color: crimson;
	cursor: pointer;
}

.fixed-uex
{
	margin: 0 20% 0 45%;
}

.se-top
{
	position: relative;
	padding: 15px;
	font-weight: bold;
	text-align: center;
}

.se-index
{
	position: relative;
	margin: 7% 5% 0% 5%;
	display: flex;
}

.se-index .ta
{
	width: 100%;
	float: left;
}

.se-index .tb
{
	float: right;
}

.se-input
{
	position: relative;
	width: 90%;
	margin: 0% 0% 0% 5%;
	padding: 3% 0px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	background-color: #FFFFFF;
	border-bottom: #4fa6f8 2px solid;
	outline:0px;
}

.se-text
{
	position: relative;
	width: 90%; max-height: 30%;
	margin: 0% 5% 0% 5%;
	padding: 3% 0px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: #4fa6f8 2px solid;
	overflow: auto;
	outline:0px;
}

.se-text[placeholder]:empty:before {
	font-style: italic;
    content: attr(placeholder);
    color: #949494; 
}

.se-alert
{
	position: relative;
	padding: 10% 5%;
	text-align: center;
	color: crimson;
}

.se-bottom
{
	position: relative;
	display: flex;
	margin: 5%;
}

.se-bottom a
{
	width: 100%;
}


.sb-box
{
	position: relative;
	padding: 25px;
	cursor: pointer;

}

.sb-box .spA
{
	position: relative;
}

.sb-box .spB
{
	position: relative;
	margin: 10px 0px 0px 0px;
}

.sb-box .spD
{
	position: relative;
	color: crimson;
}

.sb-form
{
	margin-top: -25px;
	margin-bottom: 25px;
	display: none;
}

.pass .s
{
	color: #5ccb5f;
}

.pass .h
{
	color: #ff8000;
}

.pass .w
{
	color: crimson;
}

.sb-input
{
	position: relative;
}

.sb-input a
{
	position: absolute;
	right: 30px; top: 15px;
	width: 20px; height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

.sb-input .is
{
	background-image:url(../icos/eye-show.svg);
}

.sb-input .ih
{
	background-image:url(../icos/eye-hide.svg);
}

.pr-box
{
	position: relative;
	padding: 25px;
	cursor: pointer;
}

.pr-box .spA
{
	position: relative;
	padding-left: 35px;
}

.pr-box input
{
	position: absolute;
	top: -2px; left: 0px;
}

.pr-box .spB
{
	position: relative;
	margin: 10px 0px 0px 35px;
}

.sb-menu
{
	position: absolute;
	top: 40px; right: 10px;
	text-align: left;
	background-color:#FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 0px;
	overflow: hidden;
	display: none;
	z-index: 2;
}

.sb-menu .sb
{
	position: relative;
	white-space: nowrap;
	display: flex;
	padding: 3px 15px;
	cursor: pointer;
	text-decoration: none;
}

.sl-top
{
	position: relative;
	padding: 10px 25px;
}

.sl-menu
{
	position: relative;
}

.sl-menu .spC
{
	position: relative;
	display: flex;
	padding: 15px 25px 15px 70px;
}

.sl-menu .spL
{
	position: relative;
	display: flex;
	padding: 15px;
}

.sl-menu .spC .sl-imga
{
	position: absolute;
	left: 25px; top: 9px;
	width: 30px; height: 30px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image:url(../icos/avatar-m.png?v=20260816-avatar-brown1);
}

.sl-menu .spA
{
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 95%;
	margin-right: 5%;
}

.sl-menu .spU
{
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
}

.sl-menu .spB
{
	color: crimson;
	white-space: nowrap;
	cursor: pointer;
}

.sl-menu .spD
{
	color: #4fa6f8;
}

.lg-menu
{
	position: relative;
	margin: 15px 0px 15px 0px;
}

.lg-menu a
{
	position: relative;
	display: flex;
	padding: 10px 25px;
	cursor: pointer;
}

.lg-menu a span
{
	position: relative;
	width: 50%;
}

.lg-menu a img
{
	position: absolute;
	top: 9px; right: 20px;
	width: 18px;
}

.rp-middle
{
	position: relative;
	padding: 15px;
}

.rp-box
{
	width: 100%;
	height: 150px;
	resize: none;
	border: 0px;
	outline: 0px;
	overflow: auto;
}

.rp-box[placeholder]:empty:before {
    content: attr(placeholder);
    color: #949494; 
}

.rp-bottom
{
	position: relative;
	padding:  15px 10px 15px 15px;
	display: flex;
}

.rp-bottom a
{
	width: 100%;
}

#reports
{
	position: relative;
}

.rp-report
{
	position: relative;
	padding: 25px;
	display: flex;
	width: 100%;
}

.rp-report .li
{
	position: relative;
	width: 50%;
}

.rp-report .ld
{
	position: absolute;
	top: 0px; right: 0px;
	bottom: 0px;
	text-align: right;
}

.rp-report .ld .spB
{
	cursor: pointer;
	color: #4fa6f8;
}

.rp-report .ld
{
	position: absolute;
	top: 0;right: 25px;bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align: right;
}

.rp-report .spA
{
	position: relative;
}

.rp-report .spB
{
	position: relative;
	margin-top: 5px;
}

.sh-user
{
	position: relative;
	width: 33.2%;
	margin: 15px auto;
	float: left;
}

.sh-pos
{
	position: relative;
	width: 50px; height: 50px;
	margin: 0 auto;
}

.sh-select {
	position: absolute;
	right: -7px; top: -7px;
	height: 20px;
	width: 20px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color:#4fa6f8;
	border: 2px solid #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% 80%;
	background-image: url(../icos/iconizer-ok.svg);
	z-index: 1;
}

.sh-imge
{
	position: relative;
	width: 50px; height: 50px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image:url(../icos/avatar-m.png?v=20260816-avatar-brown1);
}

.sh-name
{
	position: relative;
	width: 80%;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0px 10%;
	margin-top: 15px;
}

.sh-top
{
	position:  relative;
	padding: 15px;
}

.sh-input
{
	padding: 12px 10px;
	border: 0;
	outline: none;
	resize: none;
}

.sh-input[placeholder]:empty:before {
	font-style: italic;
    content: attr(placeholder);
    color: #949494; 
}

.sh-middle
{
	position: relative;
	height: 220px;
	overflow: auto;
}

.sh-middle .ls
{
	position: relative;
}

.sh-middle .la
{
	position: relative;
}

.sh-middle .lb
{
	position: relative;
}

.sh-empty
{
	position: absolute;
	left: 0px; right: 0px;
	top: 0px; bottom: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20% 20%;
	background-image: url(../icos/search.svg);
}

.sh-bottom
{
	position:  relative;
	padding: 15px 80px 15px 15px;
}

.sh-box
{
	width: 100%;
	max-height: 60px;
	resize: none;
	border: 0px;
	outline: 0px;
	overflow: auto;
}

.sh-box[placeholder]:empty:before {
	font-style: italic;
    content: attr(placeholder);
    color: #949494; 
}

.sh-send
{
	position: absolute;
	bottom: 10px; right: 20px;
	text-align: center;
	width: 28px; height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	background-image:url("../icos/send.svg");
}

.zi-user
{
	position: relative;
}

.zi-cont
{
	position: relative;
	padding: 15px;
	cursor: pointer;
}

.zi-imga
{
	float: left;
	width: 40px; height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image:url(../icos/avatar-m.png?v=20260816-avatar-brown1);
}

.zi-user-table
{
	position: relative;
	height: 40px;
	display: table;
}

.zi-user-middle
{
	display: table-cell;
	vertical-align: middle;
	line-height: 18px;
}

.zi-pos
{
	position: absolute;
	right: 15px; top: 18px;
}

.zi-bottom
{
	position:  relative;
	padding: 15px 80px 15px 15px;
}

.zi-box
{
	width: 100%;
	max-height: 60px;
	resize: none;
	outline: 0px;
	overflow: auto;
}

.zi-box[placeholder]:empty:before {
	font-style: italic;
    content: attr(placeholder);
    color: #949494; 
}

.zi-send
{
	position: absolute;
	bottom: 10px; right: 20px;
	text-align: center;
	width: 28px; height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	background-image:url("../icos/send.svg");
	cursor: pointer;
}



.reg-sex {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0% 5% 5% 5%;
}

.reg-sex a {
    position: relative;
    width: 100%;
    float: left;
    color: #949494;
    padding: 3% 0%;
    margin-top: 5%;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
}

.rsn {
    outline: 2px dashed #D0D0D0;
}

.rsn .s {
    outline: 2px solid #D0D0D0;
    border: 4px solid #FFFFFF;
}

.rss {
    outline: 2px solid #4fa6f8;
}

.rss .s {
    outline: 2px solid #4fa6f8;
    border: 4px solid #FFFFFF;
    background-color: #4fa6f8;
}

/* Indicador circular */
.reg-sex .s {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5px;
    height: 5px;
    border-radius: 100%;
}

/* Texto dentro del enlace */
.reg-sex a span {
    position: relative;
}

/* Icono dentro del texto */
.reg-sex a img {
    position: absolute;
    left: 20px;
    top: 12px;
    height: 50%;
}

/* BRINTAGE 2026 - formularios/settings */
.se-top{color:#172033!important;font-size:17px;}
.us-menu .a,.sb-box,.pr-box{border-radius:16px;margin:6px 10px;background:rgba(255,255,255,.72);border:1px solid transparent;transition:background .15s ease,border-color .15s ease,transform .15s ease;}
.us-menu .a:hover,.sb-box:hover,.pr-box:hover{background:#fff;border-color:#e2e8f0;transform:translateY(-1px);}
.se-input,.se-text{box-sizing:border-box!important;border:1px solid #d9e2ef!important;border-radius:13px!important;padding:14px 15px!important;background:#fff!important;color:#172033!important;}
.se-input:focus,.se-text:focus{border-color:rgba(47,125,246,.65)!important;box-shadow:0 0 0 4px rgba(47,125,246,.10)!important;}
.se-bottom a,.myButton1{border-radius:13px!important;background:linear-gradient(135deg,#2f7df6,#3e91ff)!important;box-shadow:0 12px 24px rgba(47,125,246,.22)!important;}
.us-exit{color:#e5484d!important;font-weight:600;}


/* ==========================================================
   BRINTAGE — SHARE / COMPARTIR SKELETON
   Misma grilla 3 columnas: avatar circular + nombre.
   ========================================================== */
#share .br-share-skeleton-wrap{
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-content:flex-start!important;
    box-sizing:border-box!important;
    padding:0!important;
}
#share .br-share-skeleton-user{
    position:relative!important;
    width:33.2%!important;
    margin:15px auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    box-sizing:border-box!important;
}
#share .br-share-sk{
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    background:#e6e9ee!important;
}
#share .br-share-sk::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    transform:translateX(-105%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)!important;
    animation:br-share-skeleton-shimmer 1.45s ease-in-out infinite!important;
}
#share .br-share-sk-avatar{width:50px!important;height:50px!important;border-radius:50%!important;flex:0 0 50px!important;}
#share .br-share-sk-name{height:9px!important;min-width:34%!important;max-width:68%!important;border-radius:999px!important;margin-top:18px!important;}
#share .sh-user.br-share-batch-pending{display:none!important;}
@keyframes br-share-skeleton-shimmer{100%{transform:translateX(105%);}}
@media (prefers-reduced-motion:reduce){#share .br-share-sk::after{animation:none!important;}}


/* Brintage visitante: misma estructura estándar; sólo cambia sesión/permisos. */
html.br-guest-mode #bom,
html.br-guest-mode .bar-bottom{
    display:none!important;
}
.br-guest-top-menu{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
}
.br-guest-top-menu .br-guest-login-button{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:36px!important;
    padding:0 14px!important;
    margin:0!important;
    border-radius:10px!important;
    background:#2f84f6!important;
    background-image:none!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:36px!important;
    font-weight:700!important;
    text-decoration:none!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
}
@media (min-width:769px){
    .br-guest-top-menu{
        position:absolute!important;
        top:0!important;
        right:18px!important;
        bottom:auto!important;
        height:50px!important;
        margin:0!important;
    }
}
@media (max-width:768px){
    .br-guest-top-menu{
        position:relative!important;
        top:auto!important;
        right:auto!important;
        bottom:auto!important;
        height:auto!important;
        margin-left:auto!important;
    }
    .br-guest-top-menu .br-guest-login-button{
        min-height:34px!important;
        padding:0 12px!important;
        line-height:34px!important;
        font-size:12.5px!important;
    }
}
.br-guest-comment-box{cursor:pointer!important;}
.br-guest-comment-send{cursor:pointer!important;}

/* Permisos visitante: reutiliza el modal temático estándar de Brintage. */
#mod .cont.br-guest-login-modal,
.mod .cont.br-guest-login-modal{
    overflow:hidden!important;
}
.br-guest-login-dialog .br-guest-dialog-logo{
    font-family:'Lucida Handwriting','Segoe Script',cursive!important;
    font-size:27px!important;
    font-weight:400!important;
    line-height:1!important;
    color:#2f84f6!important;
    background:linear-gradient(145deg,#f7fbff,#e9f3ff)!important;
    border:1px solid #dbeaff!important;
    box-shadow:0 7px 18px rgba(47,132,246,.12)!important;
}
.br-guest-login-dialog .br-guest-dialog-actions .br-dialog-confirm{
    width:100%!important;
    max-width:none!important;
    flex:1 1 100%!important;
}