/* V299: réplica 1:1 de la página de regalos clásica (cmain.css de 2012), limitada a .gifts299. */
.gifts299{max-width:980px;margin:0 auto}
.gifts299 .gifts299-wrap,.gifts299 .gifts299-wrap *{box-sizing:content-box}
.gifts299 .gifts299-wrap{box-sizing:content-box;width:948px;max-width:calc(100% - 32px);text-align:left;padding:16px 16px 20px;margin:0;background:#fff;color:#2e2e2e;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:normal}
.gifts299 a{color:#3a76a9;text-decoration:none;padding:0;border:0;background:none;font-size:inherit}
.gifts299 a:hover{text-decoration:underline}
.gifts299 .inuser-left{width:550px;clear:left;padding-top:0;float:left;font-size:14px}
.gifts299 .inuser-right{width:330px;clear:right;float:right;padding-top:0;margin-right:0;font-size:13px}
.gifts299 .user-header{padding-left:0;font-size:22px;height:165px}
.gifts299 .user-header .user-avatar{float:left;width:auto}
.gifts299 .user-header .user-avatar img{display:block;width:110px;height:126px;object-fit:cover;background:#e9f1f9}
.gifts299 .user-header .user-info{float:left;padding-left:20px;padding-bottom:0;max-width:390px}
.gifts299 .user-header h1{font-weight:bold;max-width:400px;background:#e9f1f9;padding:4px;font-size:24px;line-height:normal;margin:0 0 8px;border:0;color:#222;font-family:"Trebuchet MS",trebuchet,Verdana,Arial,sans-serif}
.gifts299 .user-header .user-info span.small{font-size:14px;color:#737373}
.gifts299 span.remark{color:#585858;font-weight:bold;background:#eee;padding:0 2px}
.gifts299 .user-details{padding:0;margin:0}
.gifts299 h2{font-size:18px;color:#ff536d;font-family:Arial,"Trebuchet MS",trebuchet,Verdana,sans-serif;font-weight:bold;margin:0 0 8px;padding:2px 0 0 5px;clear:left;background:none;border:0;border-bottom:1px solid #ffc3c3;line-height:normal;text-transform:none;letter-spacing:0}
.gifts299 h2 a.action,.gifts299 h3 a.action{color:#558cbb;background:#e9eff5;font-weight:normal;font-size:11px;padding:3px;vertical-align:middle;line-height:25px;font-family:Arial,"Trebuchet MS",trebuchet,Verdana,sans-serif;margin-left:10px;text-decoration:underline}
.gifts299 h3 a.action{line-height:normal;padding:2px 3px;margin-bottom:0}
.gifts299 h2 a.action:hover,.gifts299 h3 a.action:hover{background:#d9e4ee;color:#33638d}
.gifts299 h3{font-size:14px;color:#ff536d;border:0;border-bottom:1px dotted #b0b0b0;margin:6px 0 3px;padding:0 0 3px;font-weight:bold;line-height:normal;font-family:Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0}
.gifts299 ol.gifts{list-style:none;margin:0;padding:0}
.gifts299 ol.gifts li{clear:both;padding:0 0 15px;display:block;margin:0;overflow:hidden}
.gifts299 ol.gifts li img{width:50px;height:50px;float:left;border:1px solid #bbb;margin:0 5px 5px 0;object-fit:contain;background:#fff}
.gifts299 ol.gifts li div.message{background:#e4e4e4;padding:4px 5px 5px;margin:0 0 5px 5px;float:left;width:300px;font-style:italic;color:#676767;overflow-wrap:anywhere}
.gifts299 ol.gifts li div.message.big{width:470px}
.gifts299 ol.gifts li div.header{color:#9e9e9e;min-height:0!important;height:auto;padding:0 0 2px!important;margin:0 0 3px!important;background:none!important;border:0!important;border-bottom:1px solid #cacaca!important;border-radius:0!important;box-shadow:none!important}
.gifts299 ol.gifts li div.header strong{font-weight:bold}
.gifts299 a.inlineshop{display:inline-block;vertical-align:top}
.gifts299 a.inlineshop img{display:block;width:80px;height:80px;padding:10px;overflow:hidden;object-fit:cover}
.gifts299 a.inlineshop .inlineshop-name{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:80px;height:80px;margin:10px;padding:4px;background:#e9eff5;color:#558cbb;font-size:11px;text-align:center;overflow:hidden;word-break:break-word}
.gifts299 .gifts299-clear{clear:both}
.gifts299 .gifts299-empty{font-size:12px;color:#737373;padding:4px 5px}
/* V301: paginador clásico al final de la línea roja del título. */
.gifts299 h2.gifts299-paged{overflow:hidden}
.gifts299 h2 div.paginator{float:right;margin-top:5px;background:transparent;font:bold 12px Arial,"Trebuchet MS",trebuchet,Verdana,sans-serif;color:#5f5f5f;line-height:normal}
.gifts299 div.paginator a.gpage{padding:2px 4px;margin-left:2px;color:#7ca9d0;background:#e9eff5;text-decoration:none}
.gifts299 div.paginator a.gpage:hover{background:#d9e4ee;color:#33638d}
.gifts299 div.paginator a.showing{color:#252525}
.gifts299 div.paginator .gap{margin-left:4px;color:#9e9e9e}
/* V301: ranking como la «Clasificación mensual» del Salón de la Fama. */
.gifts299 .gifts299-top{margin-top:18px}
.gifts299 .gifts299-giver{display:grid;grid-template-columns:90px minmax(0,1fr);gap:6px;align-items:center;margin:12px 0 20px;font:11px/16.5px "Trebuchet MS",Arial,sans-serif;color:#666}
.gifts299 .gifts299-giver>a{position:relative;display:block;text-align:center;color:#4682b4;text-decoration:none}
.gifts299 .gifts299-giver img{display:block;width:65px;height:75px;object-fit:contain;margin:0 auto;background:transparent}
.gifts299 .gifts299-giver a>span{display:block;font:bold 12px/16px "Trebuchet MS",Arial;overflow-wrap:anywhere}
.gifts299 .gifts299-giver .gifts299-rank{position:absolute;left:4px;top:-2px;font:bold 14px/16px "Trebuchet MS",Arial;font-style:normal;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}
.gifts299 .gifts299-giver strong{display:block;font:bold 32px/38px "Trebuchet MS",Arial;color:#b6b6b6;text-align:center}
@media (max-width:980px){
 .gifts299 .gifts299-wrap{width:auto;max-width:none;padding:12px 16px 16px}
 .gifts299 .inuser-left,.gifts299 .inuser-right{float:none;width:auto}
 .gifts299 .inuser-right{margin-top:12px}
 .gifts299 .user-header{height:auto;overflow:hidden;padding-bottom:12px}
 .gifts299 .user-header .user-info{max-width:calc(100% - 135px)}
 .gifts299 .user-header h1{font-size:20px;overflow-wrap:anywhere}
 .gifts299 ol.gifts li div.message.big{width:auto;float:none;margin-left:56px}
 .gifts299 h2 div.paginator{float:none;display:block;margin:6px 0 2px;line-height:22px}
}